/* ==========================================================================
   1. TOP BAR & BREADCRUMB CLEANUP
   ========================================================================== */
/* Hide stubborn mobile contact text */
.topbar, 
.top-bar, 
.header-top, 
.header-top-area, 
.header-contact,
ul.contact-info,
.top-header {
    display: none !important;
}

/* Remove first global breadcrumb banner but preserve the second inner one */
.breadcrumb-area,
.page-header,
.inner-page-banner,
.section-breadcrumb,
.bg-breadcrumbs {
    display: none !important;
}

.page-content .breadcrumb-area,
.site-content .breadcrumb-area,
.main-content .breadcrumb-area,
.page-content .breadcrumb,
.site-content .breadcrumb,
.main-content .breadcrumb,
#app .breadcrumb {
    display: flex !important;
}

/* ==========================================================================
   2. HEADER & NAVIGATION LAYOUT (MOBILE & DESKTOP)
   ========================================================================== */
header, 
.main-header,
.header-area {
    background-color: #ffffff !important;
    position: relative !important;
    padding-top: 18px !important;
    padding-bottom: 15px !important;
}

@media (min-width: 992px) {
    .navbar-toggle, 
    .mobile-menu-toggle, 
    .menu-toggle {
        display: none !important;
    }

    header .container,
    .main-header .container,
    .header-area .container {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 5% !important;
        padding-right: 5% !important;
    }

    /* Primary Links: Orange */
    body header .main-menu a,
    body header .main-menu a *,
    body header .navigation a,
    body header .navigation a * {
        color: #b82601 !important;
        -webkit-text-fill-color: #b82601 !important;
        opacity: 1 !important;
        visibility: visible !important;
        white-space: nowrap !important;
    }

    /* Active Link: Black */
    body header .main-menu li.active > a,
    body header .main-menu li.active > a *,
    body header .main-menu li[class*="current"] > a,
    body header .main-menu li[class*="current"] > a *,
    body header .navigation li[class*="current"] > a,
    body header .navigation li[class*="current"] > a * {
        color: #000000 !important;
        -webkit-text-fill-color: #000000 !important;
        font-weight: 700 !important;
    }

    /* Hover Links: Black */
    body header a:hover,
    body header a:hover * {
        color: #000000 !important;
        -webkit-text-fill-color: #000000 !important;
    }
}

/* ==========================================================================
   3. FOOTER FIXES (WHITE LOGO & STACKED EMAIL)
   ========================================================================== */
/* Force the dark footer logo asset to render as pure white */
footer img,
.footer-area img,
[class*="footer"] .logo img,
[class*="footer"] img[src*="logo"] {
    filter: brightness(0) invert(1) !important;
}

/* Inject the info@ email directly underneath the Gmail address link */
a[href*="zucchinidaneliteapartment@gmail.com"]::after {
    content: "\A info@zucchiniapartment.com" !important;
    white-space: pre-wrap !important;
    display: block !important;
    color: #ffffff !important; /* Matches footer text styling */
    font-size: inherit !important;
    font-weight: normal !important;
    padding-top: 6px !important; /* Space between the two emails */
    text-transform: none !important;
}