/**
 * CentroMedSA Accessibility Fixes — WCAG 2.2 AA Color Contrast
 *
 * Fixes Issue #3 from accessibility audit (May 11, 2026).
 * Note: --e-global-color-primary and --e-global-color-accent were changed
 * to #2B6A9E in Elementor global settings, so header/nav/footer-bar
 * overrides are no longer needed here.
 */


/* ==========================================================================
   1. FOOTER SECTION — White text on gray (#A9A9A9)
   Background uses --e-global-color-ebb391e (#A9A9A9) which was NOT changed.
   Original: #FFFFFF on #A9A9A9 = ~2.33:1 (CRITICAL FAIL)
   Fix: Darken background to #595959 → contrast ~7:1
   ========================================================================== */

.elementor-128 .elementor-element.elementor-element-633bd00:not(.elementor-motion-effects-element-type-background),
.elementor-128 .elementor-element.elementor-element-633bd00 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
	background-color: #595959 !important;
}

/* Footer heading h6 elements */
.elementor-128 .elementor-element.elementor-element-3c0c0c2 .elementor-heading-title,
.elementor-128 .elementor-element.elementor-element-48f8abc .elementor-heading-title {
	color: #FFFFFF !important;
}

/* Footer icon list text */
.elementor-128 .elementor-element.elementor-element-9800e0f .elementor-icon-list-text {
	color: #FFFFFF !important;
}

/* Footer text editor elements and their links */
.elementor-128 .elementor-element.elementor-element-96deb85,
.elementor-128 .elementor-element.elementor-element-96deb85 a,
.elementor-128 .elementor-element.elementor-element-e9d91bd,
.elementor-128 .elementor-element.elementor-element-e9d91bd a,
.elementor-128 .elementor-element.elementor-element-5722e0e,
.elementor-128 .elementor-element.elementor-element-5722e0e a,
.elementor-128 .elementor-element.elementor-element-cbfd41a,
.elementor-128 .elementor-element.elementor-element-cbfd41a a {
	color: #FFFFFF !important;
}

/* Footer link hover/focus — #2B6A9E on #595959 = ~1.22:1 (still FAILS)
   Fix: Use #A8D4F5 (light blue) on #595959 = ~5.2:1 */
.elementor-128 .elementor-element.elementor-element-9800e0f .elementor-icon-list-item:hover .elementor-icon-list-text,
.elementor-128 .elementor-element.elementor-element-96deb85 a:hover,
.elementor-128 .elementor-element.elementor-element-96deb85 a:focus,
.elementor-128 .elementor-element.elementor-element-e9d91bd a:hover,
.elementor-128 .elementor-element.elementor-element-e9d91bd a:focus,
.elementor-128 .elementor-element.elementor-element-5722e0e a:hover,
.elementor-128 .elementor-element.elementor-element-5722e0e a:focus,
.elementor-128 .elementor-element.elementor-element-cbfd41a a:hover,
.elementor-128 .elementor-element.elementor-element-cbfd41a a:focus {
	color: #A8D4F5 !important;
}


/* ==========================================================================
   2. SLIDER BUTTON — White text on transparent (over image)
   Original: #FFFFFF on transparent = variable contrast
   Fix: Add semi-transparent dark background for guaranteed contrast
   ========================================================================== */

.elementor-slides .swiper-slide-inner .elementor-slide-button,
.slide.active > .content-container > .content-inner > .btn-link {
	background-color: rgba(0, 0, 0, 0.55) !important;
	color: #FFFFFF !important;
	border-color: #FFFFFF !important;
	padding: 12px 24px !important;
}

.elementor-slides .swiper-slide-inner .elementor-slide-button:hover,
.elementor-slides .swiper-slide-inner .elementor-slide-button:focus,
.slide.active > .content-container > .content-inner > .btn-link:hover,
.slide.active > .content-container > .content-inner > .btn-link:focus {
	background-color: rgba(0, 0, 0, 0.75) !important;
	color: #FFFFFF !important;
}


/* ==========================================================================
   3. STORE LOCATOR — Geolocation Button
   Original: #FFFFFF on #EEEEEE = ~1.16:1 (CRITICAL FAIL)
   Fix: Darken background to #2B6A9E → contrast ~5.74:1
   ========================================================================== */

.asl-cont.asl-search .sl-geo-btn,
#asl-btn-geolocation {
	background-color: #2B6A9E !important;
	color: #FFFFFF !important;
}

.asl-cont.asl-search .sl-geo-btn:hover,
.asl-cont.asl-search .sl-geo-btn:focus,
#asl-btn-geolocation:hover,
#asl-btn-geolocation:focus {
	background-color: #1E4F78 !important;
	color: #FFFFFF !important;
}


/* ==========================================================================
   4. STORE LOCATOR — Category & Distance Tabs
   Tabs have dark background (--sl-primary) with white text.
   Ensure white text and a safe dark background regardless of color scheme.
   ========================================================================== */

#asl-storelocator.asl-cont .asl-filter-tabs .nav .nav-item .nav-link,
#sl-category-tab,
#sl-distance-tab {
	color: #FFFFFF !important;
}

#sl-category-tab > span,
#sl-category-tab > span:nth-child(1),
#sl-distance-tab > span {
	color: #FFFFFF !important;
}

#asl-storelocator.asl-cont .asl-filter-tabs .nav .nav-item .nav-link {
	background-color: #002E5F !important;
}


/* ==========================================================================
   5. STORE LOCATOR — Direction Buttons
   Original: #FFF on #b97077 = ~3.72:1 (FAIL for normal text)
   Fix: Darken button background to #8B4049 → contrast ~7.17:1
   ========================================================================== */

#asl-storelocator.asl-cont.asl-template-0 .asl-wrapper .sl-main-cont .btn.btn-asl {
	background-color: #8B4049 !important;
	border-color: #8B4049 !important;
	color: #FFFFFF !important;
}

#asl-storelocator.asl-cont.asl-template-0 .asl-wrapper .sl-main-cont .btn.btn-asl:hover,
#asl-storelocator.asl-cont.asl-template-0 .asl-wrapper .sl-main-cont .btn.btn-asl:focus {
	background-color: #6E2F37 !important;
	border-color: #6E2F37 !important;
	color: #FFFFFF !important;
}

/* Outline variant */
#asl-storelocator.asl-cont.asl-template-0 .asl-wrapper .sl-main-cont .btn.btn-asl.btn-asl-outline {
	background-color: transparent !important;
	color: #8B4049 !important;
}

#asl-storelocator.asl-cont.asl-template-0 .asl-wrapper .sl-main-cont .btn.btn-asl.btn-asl-outline:hover,
#asl-storelocator.asl-cont.asl-template-0 .asl-wrapper .sl-main-cont .btn.btn-asl.btn-asl-outline:focus {
	background-color: #8B4049 !important;
	color: #FFFFFF !important;
}

/* Direction button text specifically flagged in audit */
li[data-id="31"] .sl-act-btns .btn-asl.s-direction.btn,
li[data-id="45"] .sl-act-btns .btn-asl.s-direction.btn {
	background-color: #8B4049 !important;
	border-color: #8B4049 !important;
	color: #FFFFFF !important;
}


/* ==========================================================================
   6. CLINICIANS PAGE — Active filter button
   Original: #e74c3c on white = 3.82:1 (FAIL)
   Fix: Darken to #C0392B → contrast 5.44:1
   ========================================================================== */

.filter-btn.active {
	color: #C0392B !important;
	border-bottom-color: #C0392B !important;
}