// Please paste the code generated below

/* ══════════════════════════════════════════════════════════════
   DB APPLE-STYLE HEADER — custom-color.css additions (hardcoded)
   ══════════════════════════════════════════════════════════════ */

/* ── Sticky ──────────────────────────────────────────────────── */
.db-site-header{position:-webkit-sticky;position:sticky;top:0;z-index:9990;}
.admin-bar .db-site-header{top:32px;}
@media screen and (max-width:782px){.admin-bar .db-site-header{top:46px;}}

/* ── Reset bg Electro ────────────────────────────────────────── */
.db-site-header,.db-topbar .container,.db-topbar-inner,.db-logo,
.db-topbar-actions,.db-navbar .container,.db-navbar-inner,
.db-nav-list,.db-nav-list > li,.db-nav-list > li > a{background:transparent!important;}

/* ══ TOP BAR ══════════════════════════════════════════════════ */
.db-topbar{background:#fff!important;border-bottom:.5px solid #d2d2d7;font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif;-webkit-font-smoothing:antialiased;}
.db-topbar-inner{display:table;width:100%;height:64px;}
.db-logo{display:table-cell;vertical-align:middle;}
.db-topbar-actions{display:table-cell;vertical-align:middle;text-align:right;white-space:nowrap;}
.db-topbar-actions > *{display:inline-block;vertical-align:middle;margin-left:20px;}
.db-topbar-actions > *:first-child{margin-left:0;}
.db-logo .custom-logo-link,.db-logo a{display:inline-block;line-height:1;}
.db-logo .custom-logo,.db-logo img{display:block;max-height:28px;width:auto;}
.db-cart-link{color:#1d1d1f;text-decoration:none;font-size:14px;font-weight:500;}
.db-cart-link:hover{color:#009EE3;text-decoration:none;}
.db-cart-price{display:inline-block;vertical-align:middle;}
.db-cart-icon-wrap{display:inline-block;vertical-align:middle;position:relative;margin-left:5px;line-height:1;}
.db-cart-icon-wrap svg{display:inline-block;vertical-align:middle;}
.db-cart-count{position:absolute;top:-7px;right:-9px;background:#009EE3;color:#fff;border-radius:50%;width:17px;height:17px;font-size:10px;font-weight:700;line-height:17px;text-align:center;display:block;}
.db-account-link{color:#1d1d1f;text-decoration:none;font-size:14px;font-weight:500;}
.db-account-link:hover{color:#009EE3;text-decoration:none;}
.db-account-link svg{vertical-align:middle;margin-right:4px;}
.db-account-label{vertical-align:middle;}
.db-topbar .wpml-ls,.db-topbar .wpml-ls-legacy-list-horizontal{background:transparent!important;border:none;padding:0;margin:0;}
.db-topbar .wpml-ls ul{list-style:none;padding:0;margin:0;background:transparent!important;}
.db-topbar .wpml-ls li{display:inline-block;vertical-align:middle;margin-left:4px;background:transparent!important;}
.db-topbar .wpml-ls-link{padding:0 2px;background:transparent!important;display:inline-block;}
.db-topbar .wpml-ls-flag{width:22px;height:auto;border-radius:2px;vertical-align:middle;}
.db-topbar .wpml-ls-native,.db-topbar .wpml-ls-display{display:none;}

/* ══ NAVBAR ════════════════════════════════════════════════════ */
.db-navbar{background:#1d1d1f!important;font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif;-webkit-font-smoothing:antialiased;position:relative;z-index:100;}
.db-navbar-inner{display:table;width:100%;height:50px;}
.db-nav-list{display:table-cell;vertical-align:middle;white-space:nowrap;list-style:none;}
.db-nav-phone{display:table-cell;vertical-align:middle;text-align:right;white-space:nowrap;color:#fff;text-decoration:none;font-size:14px;padding-left:16px;}
.db-nav-phone:hover{color:#009EE3;text-decoration:none;}
.db-nav-phone svg{vertical-align:middle;margin-right:5px;}
.db-nav-toggle{display:none;background:none;border:none;cursor:pointer;color:#fff;padding:4px;vertical-align:middle;line-height:1;}
.db-nav-item{display:inline-block;position:relative;vertical-align:middle;}
.db-nav-link{display:inline-flex;-webkit-display:-webkit-inline-box;align-items:center;gap:3px;padding:0 12px;line-height:50px;height:50px;color:#fff!important;text-decoration:none!important;font-size:14px;font-weight:500;white-space:nowrap;background:transparent!important;letter-spacing:-.01em;transition:color .15s;}
.db-nav-link:hover,.db-nav-item.current-menu-item .db-nav-link,.db-nav-item.current-menu-ancestor .db-nav-link{color:#009EE3!important;}
.db-nav-arrow{width:10px;height:6px;opacity:.65;transition:transform .2s ease,opacity .2s;flex-shrink:0;vertical-align:middle;}
.db-mega-trigger:hover .db-nav-arrow,.db-dropdown-trigger:hover .db-nav-arrow{transform:rotate(180deg);opacity:1;}

/* ══ MEGA MENU ═════════════════════════════════════════════════ */
.db-mega-panel{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(-6px);width:960px;background:#fff!important;border-radius:0 0 14px 14px;border-top:2.5px solid #009EE3;box-shadow:0 8px 32px rgba(0,0,0,.12),0 2px 8px rgba(0,0,0,.06);z-index:9999;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .2s ease,visibility .2s ease,transform .2s ease;}
.db-mega-trigger:hover .db-mega-panel,.db-mega-panel:hover{visibility:visible;opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0);}
.db-mega-inner{overflow:hidden;border-radius:0 0 14px 14px;}
.db-mega-row-border{border-bottom:.5px solid #e8e8ed;}
.db-mega-col{padding:20px 18px 18px;border-right:.5px solid #e8e8ed;background:#fff!important;}
.db-mega-col:last-child{border-right:none;}
.db-mega-heading{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#a1a1a6;margin:0 0 10px;padding-bottom:8px;border-bottom:.5px solid #e8e8ed;line-height:1;}
.db-mega-heading::before{content:'';display:inline-block;width:3px;height:10px;background:#009EE3;border-radius:2px;margin-right:6px;vertical-align:middle;}
.db-mega-links{list-style:none;padding:0;margin:0;background:transparent!important;}
.db-mega-links li{background:transparent!important;}
.db-mega-links li a{display:block;padding:4px 0;font-size:13.5px;color:#3d3d3f!important;text-decoration:none!important;font-weight:400;background:transparent!important;transition:color .12s;line-height:1.45;}
.db-mega-links li a:hover{color:#009EE3!important;}
.db-mega-img-col{background:#f5f5f7!important;padding:14px;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;gap:10px;}
.db-mega-img-card{display:block;position:relative;border-radius:10px;overflow:hidden;text-decoration:none!important;border:.5px solid #d2d2d7;transition:transform .22s ease,box-shadow .22s ease;flex-shrink:0;}
.db-mega-img-card:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 6px 20px rgba(0,0,0,.13);}
.db-mega-img-card img{width:100%;height:105px;object-fit:cover;display:block;filter:brightness(.9);transition:filter .25s;}
.db-mega-img-card:hover img{filter:brightness(1);}
.db-mega-img-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.55) 0%,rgba(0,0,0,.1) 60%,transparent 100%);pointer-events:none;}
.db-mega-img-text{position:absolute;bottom:10px;left:12px;right:12px;font-size:12px;color:#fff!important;line-height:1.3;font-weight:500;text-shadow:0 1px 3px rgba(0,0,0,.4);}
.db-mega-img-text strong{font-weight:700;}
.db-mega-badges{display:flex;flex-direction:column;gap:6px;padding:4px 0;}
.db-mega-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:10.5px;font-weight:600;border:.5px solid #d2d2d7;color:#6e6e73;background:#fff!important;white-space:nowrap;}
.db-mega-tp{display:flex;align-items:center;gap:5px;padding:4px 0;}
.db-mega-tp-stars{color:#00b67a;font-size:13px;letter-spacing:1px;}
.db-mega-tp-score{font-size:14px;font-weight:700;color:#1d1d1f;}
.db-mega-tp-label{font-size:11px;color:#6e6e73;}

/* ══ DROPDOWN ══════════════════════════════════════════════════ */
.db-dropdown{position:absolute;top:100%;left:0;min-width:210px;background:#fff!important;border-radius:0 0 10px 10px;border-top:2.5px solid #009EE3;box-shadow:0 8px 32px rgba(0,0,0,.12),0 2px 8px rgba(0,0,0,.06);padding:7px 0;z-index:9999;list-style:none;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .18s ease,visibility .18s ease,transform .18s ease;}
.db-dropdown-trigger:hover .db-dropdown{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0);}
.db-dropdown li{background:transparent!important;}
.db-dropdown li a{display:block;padding:8px 18px;font-size:13.5px;color:#3d3d3f!important;text-decoration:none!important;font-weight:400;background:transparent!important;transition:background .1s,color .1s;line-height:1.4;}
.db-dropdown li a:hover{background:#f0f6ff!important;color:#009EE3!important;}

/* ══ MOBILE ════════════════════════════════════════════════════ */
@media (max-width:991px){
  .db-nav-phone{display:none!important;}
  .db-nav-list{display:none;}
  .db-nav-toggle{display:table-cell!important;text-align:right;padding-right:0;}
  .db-navbar.db-mobile-open .db-navbar-inner{height:auto;}
  .db-navbar.db-mobile-open .db-nav-list{display:block;width:100%;padding-bottom:10px;}
  .db-navbar.db-mobile-open .db-nav-item{display:block;}
  .db-navbar.db-mobile-open .db-nav-link{height:auto;line-height:1;padding:11px 16px;border-bottom:1px solid #2d2d2d;}
  .db-navbar.db-mobile-open .db-nav-arrow{display:none;}
  .db-navbar.db-mobile-open .db-mega-panel,.db-navbar.db-mobile-open .db-dropdown{position:static;visibility:visible;opacity:1;pointer-events:auto;transform:none;box-shadow:none;border:none;border-radius:0;width:100%;background:#111!important;}
  .db-navbar.db-mobile-open .db-mega-row{display:block!important;}
  .db-navbar.db-mobile-open .db-mega-col{display:block;border:none;padding:8px 16px;background:transparent!important;}
  .db-navbar.db-mobile-open .db-mega-heading{font-size:10px;margin-bottom:4px;}
  .db-navbar.db-mobile-open .db-mega-links li a,.db-navbar.db-mobile-open .db-dropdown li a{color:#bbb!important;padding:6px 20px;border-bottom:1px solid #222;font-size:13px;background:transparent!important;}
  .db-navbar.db-mobile-open .db-mega-img-col{display:none!important;}
  .db-topbar-inner{height:56px;}
  .db-account-label{display:none;}
}

/* ── WPML custom flag switcher ───────────────────────────── */
.db-lang-switcher { display: inline-block; vertical-align: middle; }
.db-lang-link { display: inline-block; vertical-align: middle; margin-left: 5px; opacity: .75; -webkit-transition: opacity .15s, -webkit-transform .15s; transition: opacity .15s, transform .15s; line-height: 1; }
.db-lang-link:first-child { margin-left: 0; }
.db-lang-link:hover { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); }
.db-lang-link.db-lang-active { opacity: 1; }
.db-lang-link img { display: inline-block; width: 22px; height: 15px; border-radius: 2px; border: .5px solid var(--db-line); vertical-align: middle; }



/* ── Mega panel: allineato a sinistra sotto Shop (no centering) ── */
.db-mega-trigger { position: static !important; }
.db-mega-panel {
  left: 0 !important;
  right: auto !important;
  max-width: min(960px, calc(100vw - 32px)) !important;
  -webkit-transform: translateY(-6px) !important;
  transform: translateY(-6px) !important;
}
.db-mega-trigger.db-open .db-mega-panel {
  -webkit-transform: translateY(0) !important;
  transform: translateY(0) !important;
}


/* ── Mega/dropdown: hover gestito da JS (no CSS hover) ─────── */
/* Nasconde i pannelli di default; JS li mostra/nasconde */
.db-mega-panel,
.db-dropdown { visibility:hidden !important; opacity:0 !important; pointer-events:none !important; }

/* Bridge gap: padding trasparente sopra il pannello */
.db-mega-panel { padding-top:6px !important; margin-top:-6px !important; }
.db-dropdown   { padding-top:4px !important; margin-top:-4px !important; }

/* Quando JS aggiunge .db-open al trigger (override !important sopra) */
.db-mega-trigger.db-open .db-mega-panel,
.db-dropdown-trigger.db-open .db-dropdown {
  visibility:visible !important;
  opacity:1 !important;
  pointer-events:auto !important;
}

/* Rimuovi CSS-only hover triggers (ora tutto via JS) */
.db-mega-trigger:hover .db-mega-panel,
.db-mega-panel:hover,
.db-dropdown-trigger:hover .db-dropdown { visibility:hidden !important; opacity:0 !important; pointer-events:none !important; }