/* =========================================================
   1MI — HEADER / MENU / TOP BAR
   Estratto dal CSS stabile consolidato al 21-08-2026.
   ========================================================= */

/* =========================================================
   10 — HEADER / MENU / TOP BAR
   ========================================================= */

/* Menu header */
.nav-header {
    --menu-item-link-color: #C9A45F;
    --menu-item-link-color-hover: #F1E9D6;
}

/* Header sticky */
.has-sticky-header.header-stuck .site-header {
    --site-header-background: #08372B;
    --menu-item-link-color: #C9A45F;
    --menu-item-link-color-hover: #F1E9D6;
}

/* Hamburger */
.menu-toggle {
    --menu-item-link-color: #C9A45F;
    --menu-item-link-color-hover: #F1E9D6;
}

/* Ricerca */
.search-toggle,
.search-toggle svg {
    color: #C9A45F;
    fill: currentColor;
    stroke: currentColor;
}

/* Menu mobile */
.mobile-menu {
    --mobile-menu-background: #08372B;
    --menu-item-link-color: #C9A45F !important;
    --menu-item-link-color-hover: #F1E9D6 !important;
    --heading-color: #C9A45F !important;
    color: #C9A45F !important;
}

.mobile-menu a,
.mobile-menu .menu-item > a {
    color: #C9A45F !important;
}

.mobile-menu a:hover,
.mobile-menu .menu-item.current-menu-item > a,
.mobile-menu .menu-item.current-menu-ancestor > a {
    color: #F1E9D6 !important;
}

/* Seconda barra menu desktop */
.nav-after-header,
.nav-after-header .wrap {
    background: #08372B !important;
    border: 0 !important;
}

.nav-after-header a {
    color: #C9A45F !important;
}

.nav-after-header a:hover,
.nav-after-header .current-menu-item > a {
    color: #F1E9D6 !important;
}


/* ---------------------------------------------------------
   TOP BAR
   --------------------------------------------------------- */

.topbar-1mi {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    flex-wrap: nowrap !important;
    min-height: 42px !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    box-sizing: border-box !important;
    background: #08372B !important;
    border-bottom: 1px solid rgba(201, 164, 95, 0.45) !important;
}

.topbar-1mi,
.topbar-1mi p,
.topbar-1mi a {
    color: #C9A45F !important;
}

.topbar-1mi p {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    line-height: 1 !important;
}

.topbar-1mi > p,
.topbar-links {
    display: flex !important;
    align-items: center !important;
    align-self: center !important;
    height: 34px !important;
    min-height: 34px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    line-height: 1.2 !important;
}

.topbar-links {
    margin-left: auto !important;
    margin-right: 18px !important;
    white-space: nowrap !important;
}

.topbar-contact {
    display: flex !important;
    align-items: center !important;
    align-self: center !important;
    margin: 0 !important;
    line-height: 1 !important;
    transform: translateY(2px);
}

.topbar-contact a {
    display: inline-block !important;
}

.topbar-contact a:not(:last-child) {
    margin-right: 18px !important;
}

/* WhatsApp top bar */
.whatsapp-pill {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    align-self: center !important;
    gap: 5px !important;
    flex: 0 0 auto !important;
    width: fit-content !important;
    max-width: fit-content !important;
    min-width: 0 !important;
    min-height: 34px !important;
    padding: 5px 12px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    background: #25D366 !important;
    border-radius: 999px !important;
}

.whatsapp-pill > *,
.whatsapp-pill p,
.whatsapp-pill .wp-block-social-links,
.whatsapp-pill .wp-social-link {
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
}

.whatsapp-pill > * {
    flex: 0 0 auto !important;
}

.whatsapp-pill .wp-block-social-links,
.whatsapp-pill p {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    line-height: 1 !important;
}

.whatsapp-pill .wp-social-link a {
    padding: 0 !important;
}

.whatsapp-pill .wp-social-link svg {
    width: 24px !important;
    height: 24px !important;
    fill: #FFFFFF !important;
}

.whatsapp-pill p {
    font-size: 14px !important;
    line-height: 1 !important;
    white-space: nowrap;
}

.whatsapp-pill p,
.whatsapp-pill p a {
    color: #FFFFFF !important;
    text-decoration: none !important;
}

/* Before header */
.before-header {
    position: sticky !important;
    top: var(--body-top, 0px) !important;
    z-index: 9999 !important;
    background: #08372B !important;
    border-bottom: 1px solid rgba(201, 164, 95, 0.45) !important;
}

.before-header .topbar-1mi {
    background: transparent !important;
}

.before-header .topbar-contact,
.before-header .topbar-contact a,
.before-header .topbar-links,
.before-header .topbar-links a {
    color: #C9A45F !important;
}

.before-header .whatsapp-pill {
    background: #25D366 !important;
}

.before-header .whatsapp-pill,
.before-header .whatsapp-pill a,
.before-header .whatsapp-pill p {
    color: #FFFFFF !important;
}

/* Tipografia header */
.topbar-contact,
.topbar-contact a,
.topbar-links,
.topbar-links a {
    font-size: 14px !important;
    font-weight: 600 !important;
}

.nav-header a,
.nav-after-header a {
    font-size: 15px !important;
    font-weight: 600 !important;
}

/* Sticky: top bar + header */
:root {
    --topbar-1mi-height: 42px;
}

.has-sticky-header {
    --site-header-top: calc(
        var(--body-top, 0px) + var(--topbar-1mi-height)
    );
}

/* Logo */
.site-header .custom-logo-link img,
.custom-logo {
    width: 240px !important;
    height: auto !important;
    max-width: none;
    max-height: none;
}


/* ---------------------------------------------------------
   HEADER / TOP BAR — TABLET E MOBILE
   --------------------------------------------------------- */

@media (max-width: 1000px) {

    .topbar-1mi .topbar-contact {
        display: none !important;
    }

    .topbar-1mi {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        width: 100% !important;
        min-height: 42px !important;
        padding: 4px 14px !important;
        gap: 14px !important;
    }

    .topbar-1mi .topbar-links {
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        min-height: 34px !important;
        font-size: 13px !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }

    .topbar-1mi .whatsapp-pill {
        margin: 0 !important;
        flex: 0 0 auto !important;
    }

    .has-sticky-header {
        --site-header-position: sticky;
        --site-header-top: calc(
            var(--body-top, 0px) + var(--topbar-1mi-height)
        );
        --site-header-box-shadow: none;
    }

    .site-header {
        margin-top: 0 !important;
    }
}

/* =========================================================
   11 — HEADER AUTO-HIDE FINO A 1000 PX
   23-08-2026

   REGOLA:
   - la top bar "Chi siamo · Contatti · WhatsApp" resta visibile
   - la barra principale con logo + menu + ricerca:
       scroll verso il basso = scompare
       scroll verso l'alto   = ricompare
   - valido fino a 1000px, compresi i telefoni in orizzontale
   - oltre 1000px il comportamento e' disattivato
   ========================================================= */

@media (max-width: 1000px) {

    .site-header {
        transition:
            transform 0.24s ease,
            opacity 0.18s ease !important;
        will-change: transform, opacity;
        z-index: 9998 !important;
    }

    body.mi-header-hidden .site-header {
        transform: translate3d(0, calc(-100% - 4px), 0) !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    body:not(.mi-header-hidden) .site-header {
        transform: translate3d(0, 0, 0) !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }

    /* La top bar resta sempre sopra alla barra principale. */
    .before-header {
        z-index: 9999 !important;
    }
}

/* Accessibilita': niente animazione se l'utente la disattiva. */
@media (max-width: 1000px) and (prefers-reduced-motion: reduce) {
    .site-header {
        transition: none !important;
    }
}

/* =========================================================
   FINE 11
   ========================================================= */