// 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: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, 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:34px;width:auto;}
.db-cart-link{color:#1d1d1f;text-decoration:none;font-size:14px;font-weight:500;}
.db-cart-link:hover{color:#0096DB;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:#0096DB;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:#0096DB;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:6px;vertical-align:middle;}
.db-topbar .wpml-ls-native,.db-topbar .wpml-ls-display{display:none;}

/* ══ NAVBAR ════════════════════════════════════════════════════ */
.db-navbar{background:#1d1d1f!important;font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, 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:#0096DB;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:#0096DB!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 16px 16px;border-top:2.5px solid #0096DB;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 16px 16px;}
.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:#0096DB;border-radius:6px;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:#0096DB!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:999px;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 #0096DB;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:#0096DB!important;}

/* ══ MOBILE ════════════════════════════════════════════════════ */
@media (max-width:991px){
  /* ── Hamburger button ── */
  .db-nav-phone{display:none!important;}
  .db-nav-list{display:none;}
  .db-nav-toggle{
    display:table-cell!important;
    vertical-align:middle;
    padding:0 4px!important;
    text-align:right;
  }
  #db-nav-toggle{
    width:36px!important;height:36px!important;
    background:rgba(255,255,255,.08)!important;
    border:1.5px solid rgba(255,255,255,.3)!important;
    border-radius:6px!important;
    display:inline-flex!important;
    align-items:center!important;justify-content:center!important;
    cursor:pointer;padding:0!important;color:#fff;
    transition:background .15s;
  }
  #db-nav-toggle:hover{background:rgba(255,255,255,.18)!important;}

  /* ── Menu aperto ── */
  .db-navbar.db-mobile-open .db-navbar-inner{height:auto;overflow:visible!important;}
  .db-navbar.db-mobile-open .db-nav-list{
    display:block;width:100%;
    padding:4px 0 12px;
    border-top:1px solid #2c2c2e;
    background:#1d1d1f!important;
    position:absolute!important;
    top:44px!important;
    left:0!important;
    right:0!important;
    z-index:99999!important;
    box-shadow:0 8px 24px rgba(0,0,0,0.6)!important;
  }
  .db-navbar.db-mobile-open .db-nav-item{display:block!important;}
  .db-navbar.db-mobile-open .db-nav-link{
    height:auto!important;line-height:1!important;
    padding:13px 18px!important;
    border-bottom:1px solid #2c2c2e!important;
    display:flex!important;
    justify-content:space-between!important;
    align-items:center!important;
    color:#f5f5f7!important;
    font-size:15px!important;
  }
  /* Freccia: visibile in mobile, ruota quando espanso */
  .db-navbar.db-mobile-open .db-nav-arrow{
    display:inline-block!important;
    transition:transform .25s;
    opacity:.7;
    flex-shrink:0;
  }
  .db-navbar.db-mobile-open .db-nav-item.db-expanded > .db-nav-link .db-nav-arrow{
    transform:rotate(180deg);
  }

  /* ── Submenu: nascosti di default, mostrati solo su .db-expanded ── */
  .db-navbar.db-mobile-open .db-mega-panel,
  .db-navbar.db-mobile-open .db-dropdown{
    display:none;
    position:static!important;
    width:100%!important;
    max-width:100%!important;
    box-shadow:none!important;
    border:none!important;
    border-radius:0!important;
    background:#2c2c2e!important;
    padding:0!important;
    margin:0!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    transform:none!important;
    left:auto!important;right:auto!important;top:auto!important;
  }
  .db-navbar.db-mobile-open .db-nav-item.db-expanded > .db-mega-panel,
  .db-navbar.db-mobile-open .db-nav-item.db-expanded > .db-dropdown{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }

  /* ── Layout interno mega panel ── */
  .db-navbar.db-mobile-open .db-mega-row{display:block!important;}
  .db-navbar.db-mobile-open .db-mega-col{
    display:block!important;
    border:none!important;
    padding:0!important;
    background:transparent!important;
    min-width:0!important;
  }
  .db-navbar.db-mobile-open .db-mega-img-col{display:none!important;}
  .db-navbar.db-mobile-open .db-mega-section-title,
  #db-navbar.db-mobile-open .db-mega-section-title{
    font-size:10px!important;letter-spacing:.1em!important;
    color:#0096DB!important;
    -webkit-text-fill-color:#0096DB!important;
    padding:10px 18px 4px!important;
    text-transform:uppercase!important;
    display:block!important;
  }
  /* Link: max specificità con #id + pseudo-classi per battere Electro theme */
  #db-navbar.db-mobile-open .db-mega-panel a,
  #db-navbar.db-mobile-open .db-mega-panel a:link,
  #db-navbar.db-mobile-open .db-mega-panel a:visited,
  #db-navbar.db-mobile-open .db-dropdown a,
  #db-navbar.db-mobile-open .db-dropdown a:link,
  #db-navbar.db-mobile-open .db-dropdown a:visited{
    padding:9px 18px!important;
    display:block!important;
    color:#e0e0e0!important;
    -webkit-text-fill-color:#e0e0e0!important;
    font-size:14px!important;
    border-bottom:1px solid #2c2c2e!important;
    text-decoration:none!important;
    background:transparent!important;
    line-height:1.4!important;
  }
  #db-navbar.db-mobile-open .db-mega-panel a:hover,
  #db-navbar.db-mobile-open .db-mega-panel a:active,
  #db-navbar.db-mobile-open .db-dropdown a:hover,
  #db-navbar.db-mobile-open .db-dropdown a:active{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    background:rgba(255,255,255,.07)!important;
  }

  /* ── Mobile topbar: logo riga 1, azioni riga 2 ── */
  .db-topbar{padding:0!important;height:auto!important;min-height:0!important;}
  .db-topbar-inner{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    padding:0!important;
    background:#fff!important;
    width:100%!important;
    height:auto!important;
  }
  .db-logo{
    flex:0 0 100%!important;
    width:100%!important;
    display:block!important;
    padding:12px 16px 8px!important;
    border-bottom:1px solid rgba(0,0,0,.07)!important;
    box-sizing:border-box!important;
  }
  .db-logo-link{
    display:block!important;
    line-height:0!important;
  }
  .db-topbar-actions{
    flex:0 0 100%!important;
    width:100%!important;
    display:flex!important;
    justify-content:flex-end!important;
    align-items:center!important;
    padding:7px 14px!important;
    gap:12px!important;
    box-sizing:border-box!important;
  }
  .db-cart-link,.db-account-link,.db-lang-switcher{
    display:inline-flex!important;
    align-items:center!important;
    margin:0!important;
  }

}

/* ── 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: 6px; 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;
}




/* === Search Bar — stile visivo ===================================== */
.db-search-wrap {
  flex: 1 1 auto;
  max-width: 500px;
  min-width: 160px;
  margin: 0 20px;
}
.db-search-wrap .woocommerce-product-search {
  display: flex !important;
  align-items: center !important;
  background: #f5f5f7;
  border: 1px solid #dde3e7;
  border-radius: 10px;
  overflow: hidden;
  height: 38px;
  width: 100%;
}
.db-search-wrap .woocommerce-product-search input[type="search"] {
  flex: 1 !important;
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 14px !important;
  height: 38px !important;
  font-size: 0.875rem !important;
  outline: none !important;
  color: #1d1d1f !important;
  min-width: 0;
}
.db-search-wrap .woocommerce-product-search button[type="submit"] {
  background: #0096DB !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 16px !important;
  height: 38px !important;
  cursor: pointer !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  border-radius: 0 10px 10px 0 !important;
  flex-shrink: 0;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  white-space: nowrap;
}
.db-search-wrap .woocommerce-product-search button[type="submit"]:hover {
  background: #0078b0 !important;
}
@media (max-width: 991px) {
  .db-search-wrap {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 8px 16px 12px !important;
    box-sizing: border-box;
  }
}

/* ══════════════════════════════════════════════════════
   HEADER: allineamento menu + telefono nel navbar
══════════════════════════════════════════════════════ */

/* Menu navbar: allineamento desktop only */
.db-navbar-inner {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
}
/* Desktop only: flex layout e padding rimosso */
@media (min-width: 992px) {
  .db-nav-list {
    display: flex !important;
    align-items: center !important;
    flex: 1 !important;
    padding-left: 0 !important;
    list-style: none !important;
  }
}

/* Telefono nel navbar nero — a destra allineato verticalmente */
.db-nav-phone {
  display: inline-flex !important;
  align-items: center !important;
  align-self: flex-start !important;
  gap: 5px;
  font-size: 13px;
  font-weight: 600;
  color: #ffffff !important;
  text-decoration: none !important;
  white-space: nowrap;
  margin-left: auto;
  margin-right: 344px;
  flex-shrink: 0;
  height: 50px !important;
  line-height: 50px !important;
  margin-top: -8px !important;
}
.db-nav-phone svg { flex-shrink: 0; stroke: #ffffff; }
.db-nav-phone:hover { color: #0096DB !important; }
.db-nav-phone:hover svg { stroke: #0096DB; }

/* Lang switcher nel navbar nero */
.db-navbar .db-lang-switcher,
.db-navbar-inner .db-lang-switcher {
  display: flex !important;
  align-items: center !important;
  gap: 4px;
  flex-shrink: 0;
}
.db-navbar .db-lang-switcher a {
  display: flex !important;
  align-items: center !important;
  opacity: 0.75;
  transition: opacity 0.2s;
}
.db-navbar .db-lang-switcher a:hover,
.db-navbar .db-lang-switcher a.active { opacity: 1; }

/* Navbar: padding superiore */
.db-navbar { padding-top: 8px !important; padding-bottom: 0 !important; }
.db-navbar-inner { align-items: center !important; }

/* Header container: forza 1430px su tutte le pagine (override Elementor) */
.db-site-header .container {
  max-width: 1440px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
}