/* ==========================================================================
   Shared Hero Styles — Homepage + Inner Pages
   ========================================================================== */

/* Responsive hero tokens */
@media (max-width: 1200px) {
    :root {
        --hero-height-home: 700px;
        --hero-height-inner: 620px;
        --hero-content-width: 72%;
    }
}

@media (max-width: 960px) {
    :root {
        --hero-height-home: 580px;
        --hero-height-inner: 520px;
        --hero-content-width: 100%;
        --hero-content-max: none;
    }
}

@media (max-width: 600px) {
    :root {
        --hero-height-home: min(520px, 85vh);
        --hero-height-inner: min(480px, 80vh);
    }
}

/* Stronger overlay on smaller screens for readability */
@media (max-width: 960px) {
    .hero::before,
    .page-hero::before {
        background: linear-gradient(
            180deg,
            rgba(26, 43, 74, 0.82) 0%,
            rgba(26, 43, 74, 0.72) 55%,
            rgba(26, 43, 74, 0.88) 100%
        );
    }
}

/* Inner page hero — wider content on tablet/mobile */
@media (max-width: 960px) {
    .page-hero__wrapper {
        padding: 2.5rem 0;
    }

    .page-hero__content {
        width: 100%;
        max-width: none;
    }

    .page-hero h1,
    .page-hero__text {
        max-width: none;
    }
}

@media (max-width: 600px) {
    .page-hero__wrapper {
        padding: 2rem 0;
    }

    .page-hero__eyebrow {
        font-size: 0.6875rem;
        letter-spacing: 0.1em;
        margin-bottom: 0.75rem;
    }

    .page-hero__text {
        font-size: 0.9375rem;
        margin-bottom: 1.5rem;
    }

    .hero__eyebrow {
        font-size: 0.75rem;
        margin-bottom: 0.75rem;
    }

    .hero__text {
        font-size: 0.9375rem;
        margin-bottom: 1.5rem;
    }
}

/* Hero CTAs */
@media (max-width: 600px) {
    .hero__buttons,
    .page-hero__buttons {
        flex-direction: column;
        width: 100%;
    }

    .hero__buttons .btn,
    .page-hero__buttons .btn {
        width: 100%;
        text-align: center;
        justify-content: center;
    }

    .hero__buttons .btn--lg,
    .page-hero__buttons .btn--lg {
        padding: 0.875rem 1.5rem;
    }
}

/* Hide docked phone when fixed mobile call bar is active */
@media (max-width: 1200px) {
    .hero__phone {
        display: none;
    }
}