/* ==========================================
   7Saloon Theme - Light Pages
   Loaded on every page EXCEPT the front page.
   The front page keeps the dark 3D design
   (spine.css is enqueued there instead).
   ========================================== */

:root {
    --color-bg: #FFFFFF;
    --color-bg-alt: #F5F5F5;
    --color-text-muted: #757575;
    --color-gold-ink: #8C6B33;       /* readable gold for text on white */
    --color-gold-ink-dark: #6E5324;  /* hover state */
}

/* ==========================================
   Cards: solid white instead of translucent glass
   ========================================== */
.glass-card {
    background: var(--color-white);
    border-color: var(--color-border);
}

/* ==========================================
   Gold text needs more contrast on white
   ========================================== */
.section-label,
.text-accent,
.stat-item .stat-number,
.doctor-specialty,
.info-icon,
.benefit-icon,
.service-icon,
.mv-icon,
.check-icon,
.service-link,
main .entry-content a,
main .faq-content a,
main .testimonial-text a,
main .contact-item a {
    color: var(--color-gold-ink);
}

main .entry-content a:hover,
main .faq-content a:hover,
main .testimonial-text a:hover,
main .contact-item a:hover,
.service-link:hover {
    color: var(--color-gold-ink-dark);
}

/* ==========================================
   Breadcrumbs outside the dark page-hero
   (inside page-hero they stay white)
   ========================================== */
.page-header .breadcrumbs,
.page-header .breadcrumbs a,
.post-header .breadcrumbs,
.post-header .breadcrumbs a {
    color: var(--color-text-light);
}

.page-header .breadcrumbs a:hover,
.post-header .breadcrumbs a:hover {
    color: var(--color-gold-ink);
}

/* ==========================================
   Keep content clear of the fixed header
   ========================================== */
.page-container:not(.error-404) {
    padding-top: calc(var(--header-height) + var(--spacing-3xl));
    padding-bottom: var(--spacing-4xl);
}

.site-main > .section:first-child {
    padding-top: calc(var(--header-height) + var(--spacing-2xl));
}