/* ==========================================================
   TUTTOLED PROFESSIONAL V9
   - topbar: allineamento reale al contenitore dell'header
   - messaggio centrale geometrico, indipendente dalle larghezze laterali
   - live search prodotti con miniature, SKU e prezzo
   ========================================================== */

/* TOP BAR DESKTOP
   Stessa larghezza (1440px) e stessi bordi del contenitore usato da logo/menu. */
.tl-v8-topbar{
  width:100%!important;
  min-width:320px!important;
  height:42px!important;
  margin:0!important;
  padding:0!important;
  background:linear-gradient(90deg,#0b67e5 0%,#0757c8 52%,#06469f 100%)!important;
}
.tl-v8-topbar-inner{
  position:relative!important;
  width:100%!important;
  max-width:1440px!important;
  height:42px!important;
  margin:0 auto!important;
  padding:0 8px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:0!important;
}
.tl-v8-topbar-left,
.tl-v8-topbar-right{
  position:relative!important;
  top:auto!important;
  transform:none!important;
  height:42px!important;
  display:flex!important;
  align-items:center!important;
  line-height:1!important;
  z-index:2!important;
}
.tl-v8-topbar-left{
  flex:0 0 auto!important;
  justify-content:flex-start!important;
}
.tl-v8-topbar-right{
  flex:0 0 auto!important;
  margin-left:auto!important;
  justify-content:flex-end!important;
  gap:22px!important;
}
.tl-v8-topbar-center{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  height:42px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  z-index:1!important;
  max-width:42%!important;
}
.tl-v8-topbar span,
.tl-v8-topbar a{
  line-height:1!important;
  vertical-align:middle!important;
}
.tl-v8-topbar-left span,
.tl-v8-support,
.tl-v8-region{
  min-height:42px!important;
  display:inline-flex!important;
  align-items:center!important;
}
.tl-v8-topbar-center>a,
.tl-v8-topbar-center>span{
  display:inline-flex!important;
  align-items:center!important;
  min-height:42px!important;
  line-height:1!important;
}

/* LIVE SEARCH V9 */
.tl-v6-search{z-index:100!important;}
.tl-v6-search .live_search{
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:61px!important;
  z-index:100000!important;
  display:none;
}
.tl-v6-search .live_search-content.tl-live-v9{
  width:100%!important;
  max-height:min(560px,70vh)!important;
  overflow:auto!important;
  padding:8px!important;
  border:1px solid #dce6f2!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 22px 54px rgba(10,41,82,.18)!important;
}
.tl-live-v9 .tl-live-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:34px;
  padding:2px 8px 7px;
  color:#6a7a8d;
  font-size:10px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.tl-live-v9 .tl-live-product{
  display:grid!important;
  grid-template-columns:64px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  min-height:78px!important;
  padding:7px 9px!important;
  border-radius:12px!important;
  color:#112640!important;
  text-decoration:none!important;
  transition:background .14s ease,transform .14s ease!important;
}
.tl-live-v9 .tl-live-product:hover,
.tl-live-v9 .tl-live-product:focus{
  background:#f3f8ff!important;
  text-decoration:none!important;
  transform:translateX(1px);
}
.tl-live-v9 .tl-live-thumb{
  width:64px;
  height:64px;
  overflow:hidden;
  border:1px solid #e7edf5;
  border-radius:10px;
  background:#fff;
  display:grid;
  place-items:center;
}
.tl-live-v9 .tl-live-thumb img{
  display:block;
  width:100%;
  height:100%;
  padding:3px;
  object-fit:contain;
  background:#fff;
}
.tl-live-v9 .tl-live-main{min-width:0;}
.tl-live-v9 .tl-live-name{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  color:#102541;
  font-size:13px;
  font-weight:800;
  line-height:1.25;
}
.tl-live-v9 .tl-live-sku{
  display:block;
  margin-top:4px;
  color:#78879a;
  font-size:10px;
  font-weight:600;
  line-height:1.2;
}
.tl-live-v9 .tl-live-price{
  padding-left:8px;
  color:#075fcf;
  font-size:13px;
  font-weight:900;
  white-space:nowrap;
}
.tl-live-v9 .tl-live-all{
  min-height:42px;
  margin-top:5px;
  border-top:1px solid #e9eef5;
  border-radius:0 0 10px 10px;
  color:#0866d9!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px;
  font-size:11px;
  font-weight:900;
  text-decoration:none!important;
}
.tl-live-v9 .tl-live-all:hover{background:#f6f9fe!important;}
.tl-live-v9 .tl-live-empty,
.tl-live-v9 .tl-live-loading{
  min-height:64px;
  padding:18px 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#728197;
  font-size:12px;
  text-align:center;
}

/* Tablet: mantenere il centro esatto finche c'e spazio sufficiente. */
@media (max-width:1199px) and (min-width:992px){
  .tl-v8-topbar-inner{padding:0 14px!important;}
  .tl-v8-topbar-right{gap:14px!important;}
  .tl-v8-topbar-center{max-width:38%!important;}
  .tl-v8-topbar span,.tl-v8-topbar a{font-size:10.5px!important;}
}

/* Smartphone/tablet piccoli: messaggio centrale solo, senza collisioni. */
@media (max-width:991px){
  .tl-v8-topbar-inner{
    height:38px!important;
    padding:0 12px!important;
    display:flex!important;
    justify-content:center!important;
  }
  .tl-v8-topbar{height:38px!important;}
  .tl-v8-topbar-left,.tl-v8-topbar-right{display:none!important;}
  .tl-v8-topbar-center{
    position:static!important;
    transform:none!important;
    height:38px!important;
    width:100%!important;
    max-width:100%!important;
  }
  .tl-v8-topbar-center>a,.tl-v8-topbar-center>span{
    min-height:38px!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .tl-v6-search .live_search{top:51px!important;}
}

@media (max-width:767px){
  .tl-v6-search .live_search-content.tl-live-v9{
    max-height:62vh!important;
    border-radius:13px!important;
    padding:6px!important;
  }
  .tl-live-v9 .tl-live-product{
    grid-template-columns:52px minmax(0,1fr) auto!important;
    gap:8px!important;
    min-height:66px!important;
    padding:6px!important;
  }
  .tl-live-v9 .tl-live-thumb{width:52px;height:52px;border-radius:8px;}
  .tl-live-v9 .tl-live-name{font-size:11px;}
  .tl-live-v9 .tl-live-sku{font-size:9px;}
  .tl-live-v9 .tl-live-price{font-size:11px;padding-left:3px;}
}

@media (max-width:420px){
  .tl-live-v9 .tl-live-product{grid-template-columns:48px minmax(0,1fr)!important;}
  .tl-live-v9 .tl-live-thumb{width:48px;height:48px;}
  .tl-live-v9 .tl-live-price{grid-column:2;justify-self:start;padding:0;margin-top:-3px;}
}

/* V10 - metadati ricerca rapida */
.tl-live-v9 .tl-live-meta{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:3px 8px;
  margin-top:4px;
  min-width:0;
}
.tl-live-v9 .tl-live-brand{
  display:inline-block;
  max-width:180px;
  overflow:hidden;
  color:#5d6f84;
  font-size:10px;
  font-weight:700;
  line-height:1.2;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.tl-live-v9 .tl-live-meta .tl-live-sku{
  display:inline-block;
  margin-top:0;
}
@media (max-width:767px){
  .tl-live-v9 .tl-live-brand{display:none;}
  .tl-live-v9 .tl-live-meta{margin-top:3px;}
}