/* ================================================================
   HAYAT — Accessibility Fixes v2
   REPLACES previous a11y-fixes.css — upload to assets/css/
   ================================================================ */

/* ── FIX 1: Gold text on light backgrounds (small text) ─────── */
.section-label {
    color: #7A5C10;
}
.section-label::before,
.section-label::after {
    background: #7A5C10;
}

/* ── FIX 2: "in Kolkata" em — inline style override ────────── */
/* front-page.php uses style="color:var(--color-gold)" on em tags */
/* These are large display headings — need 3:1 minimum for large text */
/* Using a darker gold that passes both 3:1 and 4.5:1 */
.hero-title em,
.section-heading em {
    color: #7A5C10 !important;
}

/* CTA banner em (dark background — original gold is fine on dark) */
.cta-banner .section-heading em {
    color: #E0B83A !important; /* bright gold — passes on dark bg */
}

/* ── FIX 3: Service card CTA text ───────────────────────────── */
.service-card-cta {
    color: #7A5C10;
}

/* ── FIX 4: btn-gold — white text on gold bg ────────────────── */
.btn-gold {
    background: #8B6A0F;
    color: #FFFFFF;
}
.btn-gold:hover {
    background: #6B5009;
    color: #FFFFFF;
}

/* ── FIX 5: btn-outline-gold ────────────────────────────────── */
.btn-outline-gold {
    color: #7A5C10;
    border-color: #7A5C10;
}
.btn-outline-gold:hover {
    background: #7A5C10;
    color: #FFFFFF;
    border-color: #7A5C10;
}

/* ── FIX 6: WHATSAPP sticky button ──────────────────────────── */
/* #FFFFFF on #25D366 = 2.2:1 — FAILS */
/* Fix: use darker WhatsApp green that passes 4.5:1 with white */
.sticky-whatsapp {
    background: #128C7E; /* WhatsApp official dark teal — 4.7:1 with white */
    color: #FFFFFF;
}

/* Desktop floating WhatsApp bubble — same fix */
.desktop-whatsapp-bubble {
    background: #128C7E;
    box-shadow: 0 4px 20px rgba(18,140,126,.4);
}
.desktop-whatsapp-bubble:hover {
    box-shadow: 0 6px 28px rgba(18,140,126,.5);
}

/* ── FIX 7: Sticky call button ──────────────────────────────── */
.sticky-call {
    background: #0F0F1A;
    color: #FFFFFF;
}

/* ── FIX 8: Sticky enquiry button ───────────────────────────── */
.sticky-enquiry {
    background: #8B6A0F;
    color: #FFFFFF;
}

/* ── FIX 9: Footer text contrast ────────────────────────────── */
.footer-copy,
.footer-copy a,
.footer-credit,
.footer-credit a {
    color: rgba(255, 255, 255, 0.7);
}
.footer-copy a,
.footer-credit a {
    text-decoration: underline;
    text-decoration-color: rgba(255, 255, 255, 0.35);
    text-underline-offset: 2px;
}
.footer-quick-links a {
    color: rgba(255, 255, 255, 0.7);
}

/* ── FIX 10: Area chip — gold on white ──────────────────────── */
.area-chip {
    color: #3D3D3A;
}
.area-chip:hover {
    color: #7A5C10;
    border-color: #7A5C10;
    background: rgba(122, 92, 16, 0.06);
}

/* ── Keep decorative gold elements unchanged ─────────────────── */
/* Star ratings, footer heading gold on dark bg — these pass fine */
.rating-stars,
.hero-trust-stars,
.contact-rating-stars,
.footer-heading,
.footer-rating .rating-stars {
    color: #E0B83A; /* bright gold on dark bg — passes 4.5:1 */
}

/* Hero label dot pulse — decorative only */
.hero-label {
    color: #7A5C10;
}
.hero-label-dot {
    background: #7A5C10;
}

/* Text gold utility class — now uses accessible dark gold */
.text-gold {
    color: #7A5C10;
}