/**
 * Homepage Overrides - Haben Consultants
 * Scoped to prevent conflicts with Astra theme on other pages
 */

/* Scope all homepage styles to prevent Astra conflicts */
body.page-template-page-home {
    font-family: 'Poppins', sans-serif;
    overflow: hidden;
}

/* Style our div-based header/footer (using div instead of header/footer
   to avoid Gusta builder jQuery that removes header/footer elements) */
#haben-header.header-inner {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 20;
    width: 100%;
    margin: 0;
    padding: 30px 0;
    -webkit-transition: 0.25s;
    transition: 0.25s;
}

#haben-header.header-inner.fixed-header {
    padding: 10px 0;
    background: #ffffff;
    box-shadow: 0 0 2px #ccc;
}

#haben-header.header-inner.fixed-header .logo img {
    width: 80px;
}

/* Footer: replicate all footer element styles since we use a div */
#haben-footer {
    padding: 80px 0 0;
    background: #0f0f0f;
    display: block !important;
    color: #ffffff;
}

#haben-footer ul.social li { padding: 0 0 10px 0; }
#haben-footer ul.social li a { display: inline-block; width: 40px; height: 40px; border-radius: 50px; border: 2px solid #ffffff; font-size: 25px; color: #ffffff; }
#haben-footer ul.social li a:hover { border: 2px solid var(--red); background: #ffffff; color: var(--red); }
#haben-footer ul.footlinks li { padding: 0 0 20px; }
#haben-footer ul.footlinks li a { color: #ffffff; }
#haben-footer ul.footlinks li a:hover { color: var(--red); }
#haben-footer h3, #haben-footer h4 { color: #ffffff; }
#haben-footer .copy { font-size: 12px; color: #b8b8b8; }
#haben-footer a { color: #ffffff; }
#haben-footer a:hover { color: var(--red); }
#haben-footer ul.foot-social li a { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50px; border: 2px solid #ffffff; font-size: 18px; color: #ffffff; }
#haben-footer ul.foot-social li a:hover { border-color: var(--red); background: #ffffff; color: var(--red); }

/* Hide any WPBakery / Gusta page builder content bleeding through */
body.page-template-page-home .gusta-section,
body.page-template-page-home .wpb_row,
body.page-template-page-home .vc_row,
body.page-template-page-home #gusta-header-container,
body.page-template-page-home .gusta-header,
body.page-template-page-home .gusta-footer,
body.page-template-page-home #gusta-footer-container,
body.page-template-page-home .entry-content,
body.page-template-page-home .ast-article-single,
body.page-template-page-home #primary > .entry-content {
    display: none !important;
}

/* Fix admin bar overlap with fixed header */
body.page-template-page-home.admin-bar header.header-inner.fixed-header {
    top: 32px;
}

@media screen and (max-width: 782px) {
    body.page-template-page-home.admin-bar header.header-inner.fixed-header {
        top: 46px;
    }
}

/* Ensure homepage Bootstrap doesn't leak into WP admin bar */
body.page-template-page-home #wpadminbar {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

/* Reset Astra container styles on homepage */
body.page-template-page-home .site-content,
body.page-template-page-home .ast-container {
    max-width: none;
    padding: 0;
}

/* Ensure homepage preloader covers everything */
body.page-template-page-home #preloader {
    z-index: 9999;
}

/* Ensure modals appear above everything */
body.page-template-page-home .md-modal {
    z-index: 10000;
}

body.page-template-page-home .md-overlay {
    z-index: 9998;
}

/* Blog section fallback: when only 1-2 posts, center them nicely */
body.page-template-page-home .blog-carosel .owl-item {
    min-width: 300px;
}