/*
Theme Name: Huntlee Healthcare
Theme URI: https://huntleehealthcare.com.au/
Author: HCE Solutions
Description: Custom WordPress theme for Huntlee Healthcare, converted from the supplied static website.
Version: 1.0.3
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: huntlee-healthcare
*/

/* WordPress integration fixes. The supplied visual design lives in static-site/style.css. */
body.admin-bar .hh-header {
    top: 32px;
}

/*
 * The supplied About section applies one reveal to each image wrapper and a
 * second clip-path reveal to the image itself. Script optimisers can change
 * observer timing in WordPress and leave both layers hidden. Keep the original
 * layout while guaranteeing that the two About images remain visible.
 */
.huntlee-static-page .hh-about__main-image.hh-about-reveal,
.huntlee-static-page .hh-about__small-image.hh-about-reveal {
    opacity: 1;
    visibility: visible;
    transform: none;
}

.huntlee-static-page .hh-about__main-image img,
.huntlee-static-page .hh-about__small-image img,
.huntlee-static-page .hh-about__main-image img.hce-img-reveal,
.huntlee-static-page .hh-about__small-image img.hce-img-reveal {
    opacity: 1;
    visibility: visible;
    clip-path: none;
}

/*
 * Closed mobile navigation must not sit invisibly above page content. The
 * original sticky-header selector gives the menu a viewport-height max-height
 * even when it is closed, so explicitly disable pointer and focus interaction
 * until JavaScript opens it.
 */
.hh-header__mobile-menu[aria-hidden="true"],
.hh-header.is-sticky .hh-header__mobile-menu[aria-hidden="true"] {
    max-height: 0 !important;
    visibility: hidden;
    pointer-events: none;
    opacity: 0;
}

.hh-header__mobile-menu.is-open[aria-hidden="false"] {
    visibility: visible;
    pointer-events: auto;
    opacity: 1;
}

/*
 * Keep the third cinematic hero slide on desktop, but end the mobile hero on
 * slide two. The shorter scroll track removes the unused third-slide space.
 */
@media screen and (max-width: 639px) {
    .huntlee-home-page .cinema-hero {
        height: calc(100vh + 1900px);
    }

    .huntlee-home-page .cinema-hero .scene-third,
    .huntlee-home-page .cinema-hero .hero-copy-third {
        display: none !important;
    }
}

.huntlee-wp-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    padding: 1rem clamp(1rem, 4vw, 4rem);
    background: #ffffff;
    border-bottom: 1px solid rgba(28, 130, 197, 0.14);
}

.huntlee-wp-header img {
    display: block;
    width: auto;
    height: 58px;
}

.huntlee-wp-header ul {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.huntlee-wp-content {
    width: min(1120px, calc(100% - 2rem));
    margin: 0 auto;
    padding: 5rem 0;
}

.huntlee-wp-content__card {
    padding: clamp(1.5rem, 4vw, 3rem);
    background: #ffffff;
    border: 1px solid rgba(28, 130, 197, 0.14);
    border-radius: 24px;
    box-shadow: 0 22px 60px rgba(14, 64, 94, 0.08);
}

.huntlee-wp-footer {
    padding: 1.5rem;
    color: #ffffff;
    text-align: center;
    background: #116fa9;
}

@media screen and (max-width: 782px) {
    body.admin-bar .hh-header {
        top: 46px;
    }

    .huntlee-wp-header {
        align-items: flex-start;
        flex-direction: column;
    }
}