/*
 * Home-only layout overrides.
 *
 * These rules were previously embedded inside the global `style.css`.
 * Keeping them in a page-scoped stylesheet reduces render-blocking CSS on
 * non-home templates.
 */

/* Home-new / Divi 5 home (ID 258855): remove #et-main-area band gap. */
body.page-template-home-new-php #et-main-area,
body.page-template-home-new-php.wdi-custom-template #et-main-area,
body.page-id-258855 #et-main-area,
body.page-id-258855.wdi-custom-template #et-main-area {
    padding-top: 0 !important;
    background-color: transparent;
}

/* Home-canonical: keep hero inset matched to measured header height. */
body.page-template-home-canonical-php section.hero-section,
body.page-template-home-canonical-php.wdi-custom-template section.hero-section {
    margin-top: 0 !important;
    padding-top: var(--wdi-header-clearance, 120px) !important;
    background-color: #0b2342;
}

/* Home wrappers: remove nav-to-hero gaps from Divi structural wrappers only. */
body.page-template-home-new-php #page-container,
body.page-template-home-new-php.wdi-custom-template #page-container,
body.page-template-home-new-remote-php #page-container,
body.page-template-home-new-remote-php.wdi-custom-template #page-container,
body.page-template-home-new-php .et-l,
body.page-template-home-new-php.wdi-custom-template .et-l,
body.page-template-home-new-remote-php .et-l,
body.page-template-home-new-remote-php.wdi-custom-template .et-l,
body.page-template-home-new-php .et-l--body,
body.page-template-home-new-php.wdi-custom-template .et-l--body,
body.page-template-home-new-remote-php .et-l--body,
body.page-template-home-new-remote-php.wdi-custom-template .et-l--body,
body.page-template-home-new-php #et-boc,
body.page-template-home-new-php.wdi-custom-template #et-boc,
body.page-template-home-new-remote-php #et-boc,
body.page-template-home-new-remote-php.wdi-custom-template #et-boc,
body.page-template-home-new-php .et_builder_inner_content,
body.page-template-home-new-php.wdi-custom-template .et_builder_inner_content,
body.page-template-home-new-remote-php .et_builder_inner_content,
body.page-template-home-new-remote-php.wdi-custom-template .et_builder_inner_content,
body.page-template-home-new-php #main-content,
body.page-template-home-new-php.wdi-custom-template #main-content,
body.page-template-home-new-remote-php #main-content,
body.page-template-home-new-remote-php.wdi-custom-template #main-content {
    padding-top: 0 !important;
    margin-top: 0 !important;
    min-height: 0 !important;
}

body.page-template-home-new-php #main-header,
body.page-template-home-new-php.wdi-custom-template #main-header,
body.page-template-home-new-remote-php #main-header,
body.page-template-home-new-remote-php.wdi-custom-template #main-header {
    margin-bottom: 0 !important;
}

/* Home hero: keep margin-top reset + background matched to cream nav. */
body.page-template-home-new-php section.hero-section,
body.page-template-home-new-php.wdi-custom-template section.hero-section,
body.page-template-home-new-remote-php section.hero-section,
body.page-template-home-new-remote-php.wdi-custom-template section.hero-section,
body.page-id-258855 section.hero-section,
body.page-id-258855.wdi-custom-template section.hero-section {
    margin-top: 0 !important;
    /* Fallback until JS measures; then padding-top = exact header height. */
    padding-top: var(--wdi-header-clearance, 120px) !important;
    background-color: #0b2342;
}

@media screen and (min-width: 981px) and (max-width: 1400px) {
    /* Mid-desktop: wrappers only — never zero #et-main-area (JS owns it). */
    body.page-template-home-new-php #page-container,
    body.page-template-home-new-php.wdi-custom-template #page-container,
    body.page-template-home-new-remote-php #page-container,
    body.page-template-home-new-remote-php.wdi-custom-template #page-container,
    body.page-template-home-new-php .wdi-hero-main > .et_builder_inner_content,
    body.page-template-home-new-remote-php .wdi-hero-main > .et_builder_inner_content,
    body.page-template-home-new-php #et-boc,
    body.page-template-home-new-php.wdi-custom-template #et-boc,
    body.page-template-home-new-remote-php #et-boc,
    body.page-template-home-new-remote-php.wdi-custom-template #et-boc,
    body.page-template-home-new-php .et-l,
    body.page-template-home-new-php.wdi-custom-template .et-l,
    body.page-template-home-new-remote-php .et-l,
    body.page-template-home-new-remote-php.wdi-custom-template .et-l,
    body.page-template-home-new-php .et-l--body,
    body.page-template-home-new-remote-php .et-l--body {
        padding-top: 0 !important;
    }
}

@media screen and (max-width: 981px) {
    /* Keep measured hero clearance on home + stacked breathing room under cream nav. */
    body.page-template-home-new-php section.hero-section,
    body.page-template-home-new-php.wdi-custom-template section.hero-section,
    body.page-template-home-canonical-php section.hero-section,
    body.page-template-home-canonical-php.wdi-custom-template section.hero-section,
    body.page-template-home-new-remote-php section.hero-section,
    body.page-template-home-new-remote-php.wdi-custom-template section.hero-section,
    body.page-id-258855 section.hero-section,
    body.page-id-258855.wdi-custom-template section.hero-section,
    body.admin-bar.page-template-home-new-php section.hero-section,
    body.admin-bar.page-id-258855 section.hero-section {
        margin-top: 0 !important;
        padding-top: calc(var(--wdi-header-clearance, 110px) + 28px) !important;
    }
}