/*
 Theme Name: Divi Child
 Theme URI: https://example.com/divi-child/
 Description: Divi Child Theme
 Author: Jon Rogers
 Author URI: https://example.com/
 Template: Divi
 Version: 1.0.0
 License: GNU General Public License v2 or later
 License URI: https://www.gnu.org/licenses/gpl-2.0.html
 Text Domain: divi-child
*/

/* =========================================
   Add your custom styles below this line
   ========================================= */

/* -----------------------------------------
   Custom Footer
   ----------------------------------------- */
#jr-footer {
	background-color: #1a1a1a;
	color: #cccccc;
	padding: 48px 24px;
	text-align: center;
	font-family: inherit;
}

.jr-footer-inner {
	max-width: 800px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
}

.jr-footer-tagline {
	font-size: 1.25rem;
	font-weight: 600;
	color: #ffffff;
	margin: 0;
	letter-spacing: 0.03em;
}

.jr-footer-links {
	display: flex;
	align-items: center;
	gap: 24px;
}

.jr-footer-links a {
	color: #aaaaaa;
	text-decoration: none;
	font-size: 0.9rem;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	transition: color 0.2s ease;
}

.jr-footer-links a:hover {
	color: #ffffff;
}

.jr-footer-links svg {
	fill: currentColor;
	flex-shrink: 0;
}

.jr-footer-copy {
	font-size: 0.8rem;
	color: #666666;
	margin: 0;
}

/* -----------------------------------------
   ACCESSIBILITY: Touch target sizes for slider controls
   Ensures slider dots meet WCAG 2.5.8 minimum 44px touch target.
   Using !important to override Divi inline/specificity styles.
   ----------------------------------------- */
.et_pb_post_slider .et-pb-controllers a,
.et_pb_post_slider .et-pb-controllers .et-pb-active-control,
.et-pb-controllers a,
.et-pb-controllers .et-pb-active-control {
	min-width: 44px !important;
	min-height: 44px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	position: relative !important;
}

/* Expand clickable area via padding without changing visual size */
.et-pb-controllers a::before,
.et-pb-controllers .et-pb-active-control::before {
	content: '';
	position: absolute;
	inset: -10px;
}