/* TGD · BASE DEFINITIVA HEADER — solo sito pubblico.
   Questo CSS NON contiene scene: quelle si aggiungono soltanto dopo approvazione.
   Dimensioni logo iniziali: 120% rispetto a NEW/assets/style.css originale.
   Modificare solo le 3 custom properties per regolare il logo in seguito. */
:root{
  --tgd-header-logo-desktop: 214px; /* 178 × 1,20 = 213,6 */
  --tgd-header-logo-mobile: 202px;  /* 168 × 1,20 = 201,6 */
  --tgd-header-logo-small: 190px;   /* 158 × 1,20 = 189,6 */
}

body:not(.admin-body) .site-header{
  isolation:isolate;
}
body:not(.admin-body) .site-header .site-logo{
  position:relative;
  z-index:2;
  flex-shrink:0;
}
body:not(.admin-body) .site-header .site-logo img{
  display:block;
  width:var(--tgd-header-logo-desktop)!important;
  max-width:var(--tgd-header-logo-desktop)!important;
  max-height:78px!important;
  height:auto!important;
  object-fit:contain!important;
}
body:not(.admin-body) .site-header>nav,
body:not(.admin-body) .site-header>.header-actions{
  position:relative;
  z-index:2;
}
/* Il disegno esiste solo se loader.php trova davvero la grafica sul server. */
body:not(.admin-body) .site-header .tgd-header-theme{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none!important;
  overflow:hidden;
  width:100%;
  height:100%;
}
body:not(.admin-body) .site-header .tgd-header-theme picture,
body:not(.admin-body) .site-header .tgd-header-theme img{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:fill;
  pointer-events:none!important;
  user-select:none;
}
/* Ombra molto lieve solo dietro al testo, senza oscurare tutta la scena. */
body:not(.admin-body) .site-header:has(.tgd-header-theme) .site-logo,
body:not(.admin-body) .site-header:has(.tgd-header-theme) nav,
body:not(.admin-body) .site-header:has(.tgd-header-theme) .header-actions{
  filter:drop-shadow(0 1px 3px rgba(0,0,0,.5));
}
@media(min-width:921px) and (max-width:1120px){
  body:not(.admin-body) .site-header{gap:8px!important;}
  body:not(.admin-body) .site-header nav{gap:0!important;}
  body:not(.admin-body) .site-header nav a{padding-left:9px!important;padding-right:9px!important;}
}
@media(max-width:920px){
  body:not(.admin-body) .site-header .site-logo img{
    width:var(--tgd-header-logo-mobile)!important;
    max-width:var(--tgd-header-logo-mobile)!important;
    max-height:77px!important;
  }
}
@media(max-width:390px){
  body:not(.admin-body) .site-header .site-logo img{
    width:var(--tgd-header-logo-small)!important;
    max-width:var(--tgd-header-logo-small)!important;
    max-height:77px!important;
  }
}
/* Sui telefoni più stretti va garantito lo spazio minimo per account, carrello e menu. */
@media(max-width:350px){
  body:not(.admin-body) .site-header .site-logo{
    min-width:0!important;
  }
  body:not(.admin-body) .site-header .site-logo img{
    width:min(var(--tgd-header-logo-small),calc(100vw - 158px))!important;
    max-width:100%!important;
  }
}