/**
 * Page-specific overrides for Healthcare landing page.
 *
 * Scope: body.page-healthcare (WordPress auto-adds this when page slug = "healthcare").
 *
 * Block-level variations (NOT included here, handled by ACF fields):
 * - Hero content width → hero-content--wide class
 * - Hero highlights glass → hero-highlights--glass class
 * - XBert Flow dark theme → -variation-colored class
 * - Fiber divider pulse → healthcare-pulse-divider class
 * - Feature highlight cards bg → v2_fhc_bg_variant: white
 */


body.page-healthcare .section-hero .hero-title {
    font-size: clamp(48px, 7vw, 88px);
}

/* Hero: hide title <br> on desktop, restore on mobile */
body.page-healthcare .hero-title br {
    display: inline;
}

@media (max-width: 1024px) {
    body.page-healthcare .section-hero .hero-title {
        font-size: clamp(40px, 6vw, 64px);
    }

    body.page-healthcare .hero-title br {
        display: inline;
    }
}

/* Integration accordion: white background, pill overrides */
body.page-healthcare .section-integration-accordion {
    background: var(--bg-white);
}

body.page-healthcare .integration-pill {
    background: var(--brand-cream);
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

body.page-healthcare .integration-pill::before {
    content: "\2713";
    color: #000000;
    font-weight: 600;
    font-size: 0.75rem;
}

body.page-healthcare .integration-pill-more {
    font-style: normal;
    color: var(--text-secondary);
    font-weight: 500;
}

body.page-healthcare .integration-pill-more::before {
    content: none;
}

/* Feature checklist: cream background */
body.page-healthcare .section-feature-checklist {
    background: var(--brand-cream);
}

/* Feature highlight cards: extra top padding */
body.page-healthcare .section-feature-highlight-cards {
    padding-top: 100px;
}

/* Feature accordion trust: layout tuning */
body.page-healthcare .section-feature-accordion-trust {
    scroll-margin-top: 0;
    overflow-anchor: none;
}

body.page-healthcare .features-accordion-card {
    will-change: auto;
    min-height: 800px;
}

@media (max-width: 900px) {
    body.page-healthcare .features-accordion-card {
        min-height: auto;
    }
}

body.page-healthcare .features-accordion-visual {
    min-height: 760px;
    height: 760px;
}

@media (max-width: 900px) {
    body.page-healthcare .features-accordion-visual {
        min-height: 400px;
        height: auto;
    }
}

@media (max-width: 640px) {
    body.page-healthcare .features-accordion-visual {
        min-height: 300px;
    }
}

body.page-healthcare .integrations-panel {
    top: 40%;
}

@media (max-width: 900px) {
    body.page-healthcare .integrations-panel {
        top: 65%;
    }
}

body.page-healthcare .sync-toast-1,
body.page-healthcare .sync-toast-2,
body.page-healthcare .sync-toast-3 {
    bottom: 20%;
}

/* Feature checklist: short/full pill labels for mobile */
body.page-healthcare .pill-label-short {
    display: none;
}

@media (max-width: 768px) {
    body.page-healthcare .section-hero .hero-title {
        font-size: var(--text-heading-lg);
    }

    body.page-healthcare .pill-label-full {
        display: none;
    }

    body.page-healthcare .pill-label-short {
        display: inline;
    }
}