/* =====================================================================
 * BilanceOnline — header.css
 * promo-strip + header (logo, search, actions)
 * ===================================================================== */

/* ===== PROMO STRIP ===== */
.promo-strip{
  background:var(--bo-red);color:#fff;
  padding:10px 0;font-size:0.875rem;font-weight:500;
  text-align:center;
}
.promo-strip .container{display:flex;justify-content:center;align-items:center;gap:18px;flex-wrap:wrap;line-height:1.3}
.promo-strip strong{font-weight:800}
.promo-strip a{color:#fff;text-decoration:underline;font-weight:700}
.promo-strip .timer{display:inline-flex;gap:6px;align-items:center;margin-left:8px}
.promo-strip .timer .num{background:#fff;color:var(--bo-red);font-weight:800;padding:4px 10px;border-radius:4px;min-width:38px;text-align:center;font-size:1rem;line-height:1}
.promo-strip .timer .unit{font-size:0.8125rem;font-weight:600}

/* ===== HEADER ===== */
.header{padding:20px 0;background:#fff}
.header .container{display:grid;grid-template-columns:auto 1fr auto;gap:40px;align-items:center}

.h-left{display:flex;align-items:center;gap:16px}
.h-burger{
  width:44px;height:44px;
  background:var(--bo-blue);color:#fff;
  border:none;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;font-size:1.375rem;
  flex-shrink:0;font-family:inherit;
  transition:background .15s;
}
.h-burger:hover{background:var(--bo-red)}

.logo,.custom-logo-link{
  font-weight:800;font-size:1.625rem;letter-spacing:-0.025em;
  color:var(--bo-blue);text-decoration:none;line-height:1;
  display:inline-flex;align-items:center;
}
.logo span{color:var(--bo-red)}
.custom-logo{max-height:60px;width:auto}

.h-search{position:relative;max-width:760px;margin:0 auto;width:100%}
.h-search input{
  width:100%;height:50px;padding:0 60px 0 28px;
  background:var(--bg-2);
  border:1px solid transparent;
  border-radius:30px;
  font-family:inherit;font-size:0.9375rem;
  color:var(--ink);
}
.h-search input:hover{background:var(--bg-3)}
.h-search input:focus-visible{background:#fff;border-color:var(--ink);outline:none}
.h-search input::placeholder{color:var(--ink-3)}
.h-search button{
  position:absolute;right:5px;top:5px;bottom:5px;
  width:40px;background:transparent;color:var(--ink);
  border:none;cursor:pointer;
  display:flex;align-items:center;justify-content:center;font-size:1.375rem;
}
.h-search button:hover{color:var(--bo-red)}

.h-actions{display:flex;align-items:center;gap:4px}
.h-action{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-decoration:none;color:var(--ink);
  padding:6px 12px;border-radius:6px;
  font-size:0.6875rem;font-weight:600;line-height:1.2;
  min-width:54px;gap:3px;
  transition:background .15s;
}
.h-action i{font-size:1.5rem;color:var(--ink)}
.h-action:hover{background:var(--bg-2)}
.h-action.cart{position:relative}
.h-action.cart .num-badge{
  position:absolute;top:2px;right:6px;
  background:var(--bo-red);color:#fff;
  font-size:10px;font-weight:800;
  min-width:18px;height:18px;border-radius:9px;
  display:flex;align-items:center;justify-content:center;
  padding:0 5px;
}
.h-action.cart .num-badge[hidden]{display:none}

/* ===== RESPONSIVE HEADER ===== */
@media (max-width:768px){
  .header{padding:10px 0}
  .header .container{
    display:grid;
    grid-template-columns:auto 1fr auto;
    gap:10px;align-items:center;
  }
  .header .container > *{min-width:0}      /* permette flex-items di restringersi */

  .h-left{gap:10px}
  .h-left{justify-content:flex-start}
  .logo,.custom-logo-link{font-size:19px}
  .custom-logo{max-height:40px}
  .h-burger{width:38px;height:38px;font-size:1.125rem}

  /* Search occupa l'intera 2ª riga */
  .h-search{order:3;grid-column:1/-1;margin-top:6px;max-width:none}
  .h-search input{height:42px;padding:0 50px 0 18px;font-size:0.875rem}
  .h-search button{width:36px;font-size:1.25rem}

  /* Actions compatte: icone only, niente label */
  .h-actions{justify-content:flex-end;gap:0}
  .h-actions .h-action span{display:none}
  .h-actions .h-action{min-width:auto;padding:6px 8px;gap:0}
  .h-action i{font-size:1.375rem}

  /* Promo strip */
  .promo-strip{padding:10px 0;font-size:0.78rem}
  .promo-strip .container{gap:10px;line-height:1.35}
  .promo-strip a{display:inline-block}
}
@media (max-width:480px){
  .header{padding:8px 0}
  .header .container{gap:6px}
  .logo,.custom-logo-link{font-size:1.375rem}
  .custom-logo{max-height:48px}
  .h-burger{width:38px;height:38px;font-size:1.125rem}
  .h-action i{font-size:1.25rem}
  .h-actions .h-action{padding:6px 4px}
  .promo-strip{padding:10px 0;font-size:0.72rem}
  .promo-strip a{font-size:0.72rem}
  .h-search input{height:40px}
}