/**
 * Landing Page template — page-templates/landing.php
 *
 * Campaign pages run without the site's navigation so the only ways off the page are its own
 * calls to action. The header keeps the logo and the nav_button CTA; the global orange CTA
 * bands and most of the footer are suppressed.
 *
 * Scope: every rule is namespaced to the .page-template-landing body class WordPress derives
 * from the template filename, so this is safe to enqueue site-wide alongside the other
 * stylesheets in lib/scripts.php.
 *
 * Previously an inline <style> block inside landing.php. Emitted before Timber::render() it
 * preceded <!DOCTYPE> and put the page in quirks mode; emitted after, it trailed </html> and
 * the header painted before the navigation was hidden.
 */

/* =========================================================================
   1. Header — logo and CTA only
   -------------------------------------------------------------------------
   Three separate pieces of navigation sit inside #main-nav:

     #mega-menu-wrap-primary-navigation  Max Mega Menu, shown >=993px
     .baker-mobile-nav-toggle            the theme's own hamburger, shown <=992px
     .navbar-nav[role="navigation"]      the search utility list

   Each is hidden individually rather than hiding the .nav-links container that holds them,
   because landing.php injects the nav_button CTA inside that container and hiding the parent
   takes the CTA with it. The CTA is a sibling of the mega menu wrapper, not a child, so
   hiding the wrapper leaves it alone.

   The mega menu is hidden by its WRAPPER, not by #mega-menu-primary-navigation (the <ul>).
   The wrapper also holds MMM's own .mega-menu-toggle hamburger, and mobile-menu.css:367-371
   only suppresses that below 992px when .has-baker-mobile-nav is on the body — deliberately,
   so phones keep navigation if the Mobile Navigation menu is ever emptied. Hiding just the
   <ul> would leave MMM's hamburger live on a landing page in exactly that case, opening the
   whole site nav. Hiding the wrapper also drops the empty box out of the desktop flex row.
   ========================================================================= */
.page-template-landing #mega-menu-wrap-primary-navigation,
.page-template-landing .baker-mobile-nav-toggle,
.page-template-landing .navbar-nav[role="navigation"],
.page-template-landing #g-translate,
.page-template-landing .site-notice.bg-blue {
    display: none !important;
}

/* =========================================================================
   2. Global CTA bands — the page supplies its own
   ========================================================================= */
body.page-template-landing > .section-simple_centered_content.bg-orange,
body.page-template-landing > .section-free_form_content.bg-orange {
    display: none !important;
}

/* =========================================================================
   3. Footer — trimmed to a centred copyright row
   ========================================================================= */
.page-template-landing .footer-bottom > .container-fluid > .row > .col-lg-12:first-child,
.page-template-landing .footer-bottom .btn-blue {
    display: none !important;
}

.page-template-landing .footer-bottom.pt-5 {
    padding-top: 2rem !important;
}

.page-template-landing .footer-bottom .mt-96 {
    margin-top: 0;
}

.page-template-landing .footer-bottom .justify-content-between {
    justify-content: center !important;
}

.page-template-landing .footer-copyright {
    text-align: center;
}

@media screen and (max-width: 1199px) {
    .page-template-landing #main-nav > .container-fluid {
        justify-content: center;
    }

    .page-template-landing .social-icons {
        justify-content: center !important;
    }

    .page-template-landing .footer-bottom {
        text-align: center;
    }
}