/*
 * Amrita ENT accessibility contrast fixes
 * WCAG target: 4.5:1 for normal text; 3:1 for large text and meaningful UI graphics.
 * Loaded after the existing main and homepage stylesheets.
 */

/* Homepage service cards: the original #848484 text is too light on white. */
.why-us .icon-boxes .icon-box p,
.icon-box p {
    color: #595959;
}

/* Doctor profile CTA: darker blue keeps white button text readable. */
.doctor-card .doctor-details a.doctor-button,
.doctor-card a.doctor-button {
    color: #ffffff;
    background-color: #0056a6;
    border-color: #0056a6;
}

.doctor-card .doctor-details a.doctor-button:hover,
.doctor-card a.doctor-button:hover {
    color: #ffffff;
    background-color: #003f7a;
    border-color: #003f7a;
}

/* Footer uses a white background; replace low-contrast #777 text with #595959. */
#footer .footer-top .footer-contact p,
#footer .footer-top .footer-links ul a,
#footer .footer-top .footer-contact p strong,
#footer .footer-top .footer-contact p a {
    color: #595959;
}

/* Footer navigation hover and keyboard focus remain readable. */
#footer .footer-top .footer-links ul a:hover {
    color: #005a9c;
    text-decoration: underline;
    text-underline-offset: 3px;
}

#footer .footer-top .footer-links ul a:focus-visible,
#footer .copyright a:focus-visible,
#footer .credits a:focus-visible {
    outline: 3px solid #005a9c;
    outline-offset: 3px;
}

/* The footer copyright area is light; use readable link colors there too. */
#footer .copyright a,
#footer .credits a {
    color: #005a9c;
}

#footer .copyright a:hover,
#footer .credits a:hover {
    color: #003f7a;
    text-decoration: underline;
}

/* Keep keyboard focus visible on buttons and form controls. */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 3px solid #005a9c;
    outline-offset: 2px;
}

/* Do not dim text through opacity on these affected areas. */
.why-us .icon-boxes .icon-box,
.doctor-card,
#footer .footer-top {
    opacity: 1;
}


/* Image aspect-ratio and resolution fixes (PageSpeed Insights) */
/* Google Reviews source image is 120x80 (3:2). Keep the rendered box at 3:2. */
.testimonials .testimonial-item img.testimonial-img {
    width: 78px !important;
    height: 52px !important;
    aspect-ratio: 3 / 2 !important;
    object-fit: contain !important;
    box-sizing: border-box !important;
}

/* The available WhatsApp source is 64x64. Reduce rendered size so it is not
   upscaled beyond the source's available resolution on typical high-DPI screens. */
.calltoaction .whatsapp .call-icon img {
    display: block;
    width: 42px !important;
    height: 42px !important;
    max-width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: contain;
}