/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 18 2025 | 13:52:51 */
/* ============================================================
   HEADER — VISIBILITÀ (animazione ingresso)
   ============================================================ */

body:not(.et-fb) header.et-l--header {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
}

body:not(.et-fb) header.et-l--header.header-visible {
    opacity: 1;
    visibility: visible;
}


/* ============================================================
   HEADER — STRUTTURA FISSA + OMBRA
   ============================================================ */

header.et-l--header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background: #FF00CC;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    box-shadow: 0 6px 14px rgba(0,0,0,.18);
}

/* Evita tagli del mega menu */
header.et-l--header,
header.et-l--header .et_pb_section,
header.et-l--header .et_pb_row,
header.et-l--header .et_pb_column {
    overflow: visible !important;
}


/* ============================================================
   OFFSET CONTENUTO (header fixed)
   ============================================================ */

body:not(.et-fb) #page-container {
    background: #FF00CC;
    padding-top: 96px; /* desktop */
}

@media (max-width: 980px) {
    body:not(.et-fb) #page-container {
        padding-top: 120px !important; /* mobile */
    }
}


/* ============================================================
   TOP BAR — LAYOUT
   ============================================================ */

.dd-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-inline: 0;
}

.dd-topbar__left,
.dd-topbar__right {
    display: flex;
    align-items: center;
    gap: 0;
}

.dd-topbar__right {
    margin-left: auto;
    justify-content: flex-end;
    text-align: right;
}


/* ============================================================
   TOP BAR — LINK & ICONE
   ============================================================ */

.et-l--header .blurb-link a {
    color: #1a057b !important;
    -webkit-text-fill-color: #000 !important;
    text-decoration: none;
}

.et-l--header .blurb-link a:hover {
    color: #ddd !important;
    -webkit-text-fill-color: #666 !important;
}

/* Area cliccabile icone */
.dd-topbar__right .et_pb_menu__icon,
.dd-topbar__right .et_pb_menu__close,
.dd-topbar__right a {
    display: inline-flex;
    align-items: center;
    line-height: 1;
    padding: 6px 0;
}


/* ============================================================
   TOP BAR — FIX MODULI DIVI / WOO
   ============================================================ */

.dd-topbar__right > .et_pb_module,
.dd-topbar__right > * {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.dd-topbar__right .et_pb_menu__cart,
.dd-topbar__right .et_pb_menu__search,
.dd-topbar__right .et_pb_wc_cart_total,
.dd-topbar__right .et_pb_wc_cart_link {
    justify-content: flex-end;
}

/* Nasconde icone social obsolete */
.dd-social-follow,
.et-db #et-boc .et-l .dd-social-follow {
    display: none !important;
}


/* ============================================================
   MENU SECONDARIO INLINE (Shop / Cart / Search)
   ============================================================ */

.inline-menu .et_pb_menu__wrap {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 2px;
}

.inline-menu .et_pb_menu__menu nav ul.et-menu {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.inline-menu .et-menu li a {
    display: flex;
    align-items: center;
    padding: 0;
}

.inline-menu .et_pb_menu__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.inline-menu .et_pb_menu__cart-button .et_pb_menu__cart-count {
    display: flex;
    align-items: center;
    min-width: 0;
    flex-shrink: 0;
}

.inline-menu .et_pb_menu__search-button,
.inline-menu .et_pb_menu__close-search-button {
    vertical-align: middle;
}

.inline-menu .et_pb_menu__wrap {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}

.inline-menu .et_pb_menu__menu,
.inline-menu .et_pb_menu__icon,
.inline-menu .et_pb_menu__cart-button {
    min-width: 0;
    flex-shrink: 0;
}

.inline-menu .et-menu li a {
    white-space: nowrap;
}

/* ============================================================
   PLACEHOLDER INPUT RICERCA (Divi Menu)
   ============================================================ */

.et_pb_menu__search-input::placeholder,
.et_pb_menu__search-input::-webkit-input-placeholder,
.et_pb_menu__search-input:-ms-input-placeholder,
.et_pb_menu__search-input::-ms-input-placeholder {
    color: #000 !important;
    opacity: 1;
}


/* ============================================================
   MEGA MENU — TIPOGRAFIA
   ============================================================ */

/* Top-level */
.et-l--header [id^="mega-menu-wrap-"]
[id^="mega-menu-"] > li.mega-menu-item > a.mega-menu-link {
    font-family: "Rammetto One", display, "Lato", sans-serif !important;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

/* Mega panel */
.et-l--header [id^="mega-menu-wrap-"] .mega-menu-megamenu .mega-submenu,
.et-l--header [id^="mega-menu-wrap-"] .mega-menu-megamenu .mega-submenu a.mega-menu-link {
    font-family: "Lato", sans-serif !important;
    text-transform: capitalize !important;
}

/* Categorie */
.et-l--header [id^="mega-menu-wrap-"]
.mega-menu-megamenu .mega-submenu > li.mega-menu-item > a.mega-menu-link {
    font-weight: 700;
    font-size: 18px;
    line-height: 1.25;
    letter-spacing: .02em;
    text-transform: uppercase;
}

/* Sottocategorie */
.et-l--header [id^="mega-menu-wrap-"]
.mega-menu-megamenu .mega-submenu li.mega-menu-item
.mega-submenu li.mega-menu-item > a.mega-menu-link {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.3;
    letter-spacing: .04em;
}

/* Spaziatura colonne */
#mega-menu-wrap-primary-menu #mega-menu-primary-menu {
    column-gap: 40px !important;
}

/* Nasconde animazione hamburger */
.mega-toggle-animated[aria-expanded="true"] 
.mega-toggle-animated-box,
.mega-toggle-animated[aria-expanded="true"] 
.mega-toggle-animated-inner,
.mega-toggle-animated[aria-expanded="true"] 
.mega-toggle-animated-slider {
    display: none !important;
}


/* ============================================================
   RESPONSIVE (< 980px)
   ============================================================ */

/* Top bar: nascondi hamburger */
@media (max-width: 980px) {
    .dd-topbar .mobile_menu_bar,
    .dd-topbar .et_mobile_nav_menu,
    .dd-topbar .et_mobile_menu,
    .dd-topbar .et_pb_menu__icon--hamburger {
        display: none !important;
    }
}

/* Colonne inline */
@media (max-width: 980px) {

    .row-inline {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
    }

    .row-inline > .et_pb_column {
        float: none !important;
        width: auto !important;
        margin: 0 !important;
        flex: 0 0 auto;
    }

    .row-inline > .et_pb_column:first-child {
        flex: 0 0 auto;
    }

    .row-inline > .et_pb_column:last-child {
        flex: 1 1 auto;
    }

    .row-inline-50 {
        display: flex !important;
        gap: 12px;
    }

    .row-inline-50 > .et_pb_column {
        float: none !important;
        width: 50% !important;
        margin: 0 !important;
        flex: 0 0 50% !important;
    }

    /* Mobile mega menu */
    .et-l--header [id^="mega-menu-wrap-"]
    [id^="mega-menu-"] > li.mega-menu-item > a.mega-menu-link {
        font-family: "Rammetto One", display, "Lato", sans-serif !important;
        font-weight: 700;
        letter-spacing: .03em;
        text-transform: uppercase;
    }

    .et-l--header [id^="mega-menu-wrap-"]
    [id^="mega-menu-"] .mega-submenu > li.mega-menu-item > a.mega-menu-link {
        font-family: "Lato", sans-serif;
        font-weight: 400;
        letter-spacing: .04em;
        text-transform: capitalize;
    }

    .et_pb_column {
        margin-bottom: 0;
    }
}