/* =========================================================
   MAGAZINE THEME — HEADER
   Editorial masthead
========================================================= */

/* =========================================================
   HEADER SHELL
========================================================= */

html[data-theme="magazine"] .site-header,
html[data-theme-preview="magazine"] .site-header{
  position:relative;
  z-index:var(--z-header, 1000);
  width:100%;
  padding:0 !important;
  color:#111 !important;
  background:#fff !important;
  border:0 !important;
  border-bottom:4px solid var(--mag-red, #dc2626) !important;
  box-shadow:none !important;
}

/* Linea superiore editoriale */

/* Linea superiore editoriale */

html[data-theme="magazine"] .site-header::before,
html[data-theme-preview="magazine"] .site-header::before{
  content:"" !important;
  position:static !important;
  inset:auto !important;

  display:block !important;

  width:100% !important;
  min-width:0 !important;
  max-width:none !important;

  height:6px !important;
  min-height:6px !important;
  max-height:6px !important;

  margin:0 !important;
  padding:0 !important;

  background:#111 !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;

  opacity:1 !important;
  transform:none !important;
  clip-path:none !important;

  pointer-events:none;
}

/* Elimina eventuali decorazioni Premium */

html[data-theme="magazine"] .site-header::after,
html[data-theme-preview="magazine"] .site-header::after{
  content:none !important;
  display:none !important;
  position:static !important;
  inset:auto !important;
  width:0 !important;
  height:0 !important;
  background:none !important;
  box-shadow:none !important;
}


/* =========================================================
   TOPBAR / MASTHEAD
========================================================= */

html[data-theme="magazine"] .site-header .topbar,
html[data-theme-preview="magazine"] .site-header .topbar{
  display:grid !important;
  grid-template-columns:330px minmax(0, 1fr) 350px;
  grid-template-areas:"brand nav actions";
  align-items:center;
  gap:28px;

  width:min(100% - 40px, 1440px);
  min-height:120px;
  margin:0 auto;
  padding:14px 0 !important;

  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}


/* =========================================================
   BRAND
========================================================= */

html[data-theme="magazine"] .site-header .brand,
html[data-theme-preview="magazine"] .site-header .brand{
  grid-area:brand;
  display:flex !important;
  align-items:center;
  justify-content:flex-start;
  min-width:0;
  margin:0 !important;
  padding:0 !important;
}

html[data-theme="magazine"] .site-header .site-logo,
html[data-theme-preview="magazine"] .site-header .site-logo{
  display:block !important;
  width:auto !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  line-height:0;
}

html[data-theme="magazine"] .site-header .site-logo img,
html[data-theme-preview="magazine"] .site-header .site-logo img{
  display:block !important;
  width:380px !important;
  max-width:100% !important;
  height:auto !important;
  max-height:none !important;
  margin:0 !important;
  object-fit:contain;
  object-position:left center;
  filter:none !important;
}

html[data-theme="magazine"] .site-header .brand-copy,
html[data-theme-preview="magazine"] .site-header .brand-copy{
  display:none !important;
}


/* =========================================================
   NAVIGATION
========================================================= */

html[data-theme="magazine"] .site-header .nav--categories,
html[data-theme-preview="magazine"] .site-header .nav--categories{
  grid-area:nav;
  display:flex !important;
  align-items:center;
  justify-content:center;
  min-width:0;
  margin:0 !important;
  padding:0 !important;
}

html[data-theme="magazine"] .site-header .nav-flat,
html[data-theme="magazine"] .site-header .nav ul,
html[data-theme="magazine"] .site-header .nav > div,
html[data-theme-preview="magazine"] .site-header .nav-flat,
html[data-theme-preview="magazine"] .site-header .nav ul,
html[data-theme-preview="magazine"] .site-header .nav > div{
  display:flex !important;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:0 !important;

  margin:0 !important;
  padding:0 !important;

  list-style:none;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

html[data-theme="magazine"] .site-header .nav li,
html[data-theme-preview="magazine"] .site-header .nav li{
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
}

/* Link completamente piatti */

html[data-theme="magazine"] .site-header .nav a,
html[data-theme="magazine"] .site-header .nav-link,
html[data-theme-preview="magazine"] .site-header .nav a,
html[data-theme-preview="magazine"] .site-header .nav-link{
  position:relative;

  display:inline-flex !important;
  align-items:center;
  justify-content:center;

  min-height:42px !important;
  margin:0 !important;
  padding:0 13px !important;

  color:#151515 !important;
  background:transparent !important;

  border:0 !important;
  border-right:1px solid #dedede !important;
  border-radius:0 !important;

  box-shadow:none !important;
  text-shadow:none !important;

  font-family:var(--font-sans, Arial, sans-serif);
  font-size:12px !important;
  font-weight:900 !important;
  line-height:1 !important;
  letter-spacing:.045em;
  text-transform:uppercase;
  text-decoration:none !important;
  white-space:nowrap;

  transition:color .18s ease;
}

html[data-theme="magazine"] .site-header .nav li:last-child > a,
html[data-theme="magazine"] .site-header .nav li:last-child > .nav-link,
html[data-theme-preview="magazine"] .site-header .nav li:last-child > a,
html[data-theme-preview="magazine"] .site-header .nav li:last-child > .nav-link{
  border-right:0 !important;
}

/* Sottolineatura editoriale */

html[data-theme="magazine"] .site-header .nav a::after,
html[data-theme="magazine"] .site-header .nav-link::after,
html[data-theme-preview="magazine"] .site-header .nav a::after,
html[data-theme-preview="magazine"] .site-header .nav-link::after{
  content:"";
  position:absolute;
  right:13px;
  bottom:2px;
  left:13px;

  height:3px;
  background:var(--mag-red, #dc2626);

  transform:scaleX(0);
  transform-origin:left center;
  transition:transform .18s ease;
}

html[data-theme="magazine"] .site-header .nav a:hover,
html[data-theme="magazine"] .site-header .nav a.is-active,
html[data-theme="magazine"] .site-header .nav-link:hover,
html[data-theme="magazine"] .site-header .nav-link.is-active,
html[data-theme-preview="magazine"] .site-header .nav a:hover,
html[data-theme-preview="magazine"] .site-header .nav a.is-active,
html[data-theme-preview="magazine"] .site-header .nav-link:hover,
html[data-theme-preview="magazine"] .site-header .nav-link.is-active{
  color:var(--mag-red, #dc2626) !important;
  background:transparent !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

html[data-theme="magazine"] .site-header .nav a:hover::after,
html[data-theme="magazine"] .site-header .nav a.is-active::after,
html[data-theme="magazine"] .site-header .nav-link:hover::after,
html[data-theme="magazine"] .site-header .nav-link.is-active::after,
html[data-theme-preview="magazine"] .site-header .nav a:hover::after,
html[data-theme-preview="magazine"] .site-header .nav a.is-active::after,
html[data-theme-preview="magazine"] .site-header .nav-link:hover::after,
html[data-theme-preview="magazine"] .site-header .nav-link.is-active::after{
  transform:scaleX(1);
}

/* Elimina pallini e decorazioni Premium */

html[data-theme="magazine"] .site-header .nav-link__dot,
html[data-theme-preview="magazine"] .site-header .nav-link__dot{
  display:none !important;
}

html[data-theme="magazine"] .site-header .nav-link__chevron,
html[data-theme-preview="magazine"] .site-header .nav-link__chevron{
  margin-left:6px;
  color:currentColor;
  font-size:9px;
}


/* =========================================================
   DROPDOWN
========================================================= */

html[data-theme="magazine"] .site-header .nav-dd,
html[data-theme-preview="magazine"] .site-header .nav-dd{
  position:relative;
}

html[data-theme="magazine"] .site-header .nav-dropdown,
html[data-theme-preview="magazine"] .site-header .nav-dropdown{
  position:absolute;
  top:calc(100% + 12px);
  left:0;
  z-index:var(--z-dropdown, 1100);

  min-width:260px;
  margin:0 !important;
  padding:0 !important;

  opacity:0;
  visibility:hidden;
  transform:translateY(8px);

  transition:
    opacity .16s ease,
    visibility .16s ease,
    transform .16s ease;
}

html[data-theme="magazine"] .site-header .nav-dd:hover .nav-dropdown,
html[data-theme="magazine"] .site-header .nav-dd:focus-within .nav-dropdown,
html[data-theme-preview="magazine"] .site-header .nav-dd:hover .nav-dropdown,
html[data-theme-preview="magazine"] .site-header .nav-dd:focus-within .nav-dropdown{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}

html[data-theme="magazine"] .site-header .nav-dropdown__inner,
html[data-theme-preview="magazine"] .site-header .nav-dropdown__inner{
  padding:8px !important;

  background:#fff !important;

  border:1px solid #d8d8d8 !important;
  border-top:4px solid var(--mag-red, #dc2626) !important;
  border-radius:0 !important;

  box-shadow:0 18px 35px rgba(0,0,0,.14) !important;
}

html[data-theme="magazine"] .site-header .nav-dropdown__link,
html[data-theme-preview="magazine"] .site-header .nav-dropdown__link{
  display:flex !important;
  align-items:center;

  min-height:42px !important;
  padding:0 12px !important;

  color:#161616 !important;
  background:#fff !important;

  border:0 !important;
  border-bottom:1px solid #ececec !important;
  border-radius:0 !important;

  font-size:13px !important;
  font-weight:750 !important;
  text-transform:none !important;
}

html[data-theme="magazine"] .site-header .nav-dropdown__link::after,
html[data-theme-preview="magazine"] .site-header .nav-dropdown__link::after{
  display:none !important;
}

html[data-theme="magazine"] .site-header .nav-dropdown__link:hover,
html[data-theme-preview="magazine"] .site-header .nav-dropdown__link:hover{
  color:var(--mag-red, #dc2626) !important;
  background:#f5f2ed !important;
}

html[data-theme="magazine"] .site-header .nav-dropdown__mark,
html[data-theme-preview="magazine"] .site-header .nav-dropdown__mark{
  display:none !important;
}


/* =========================================================
   HEADER ACTIONS
========================================================= */

html[data-theme="magazine"] .site-header .header-actions,
html[data-theme-preview="magazine"] .site-header .header-actions{
  grid-area:actions;

  display:flex !important;
  align-items:center;
  justify-content:flex-end;
  gap:10px;

  min-width:0;
  margin:0 !important;
  padding:0 !important;
}


/* =========================================================
   SEARCH
========================================================= */

html[data-theme="magazine"] .site-header .header-search,
html[data-theme-preview="magazine"] .site-header .header-search{
  position:relative;
  width:220px !important;
  margin:0 !important;
}

html[data-theme="magazine"] .site-header .header-search input,
html[data-theme-preview="magazine"] .site-header .header-search input{
  display:block;
  width:100% !important;
  height:42px !important;
  margin:0 !important;
  padding:0 14px !important;

  color:#111 !important;
  background:#fff !important;

  border:1px solid #111 !important;
  border-radius:0 !important;

  outline:none;
  box-shadow:none !important;

  font-size:13px;
}

html[data-theme="magazine"] .site-header .header-search input::placeholder,
html[data-theme-preview="magazine"] .site-header .header-search input::placeholder{
  color:#777 !important;
  opacity:1;
}

html[data-theme="magazine"] .site-header .header-search input:focus,
html[data-theme-preview="magazine"] .site-header .header-search input:focus{
  border-color:var(--mag-red, #dc2626) !important;
}


/* =========================================================
   CTA
========================================================= */

html[data-theme="magazine"] .site-header .header-cta,
html[data-theme-preview="magazine"] .site-header .header-cta{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;

  min-height:42px !important;
  margin:0 !important;
  padding:0 17px !important;

  color:#fff !important;
  background:var(--mag-red, #dc2626) !important;

  border:1px solid var(--mag-red, #dc2626) !important;
  border-radius:0 !important;

  box-shadow:none !important;

  font-size:11px !important;
  font-weight:950 !important;
  letter-spacing:.045em;
  line-height:1;
  text-transform:uppercase;
  text-decoration:none !important;
}

html[data-theme="magazine"] .site-header .header-cta:hover,
html[data-theme-preview="magazine"] .site-header .header-cta:hover{
  color:#fff !important;
  background:#111 !important;
  border-color:#111 !important;
}


/* =========================================================
   HEADER STICKER / BREAKING NEWS
========================================================= */

html[data-theme="magazine"] .header-sticker,
html[data-theme-preview="magazine"] .header-sticker{
  width:100%;
  margin:0 !important;
  padding:0 !important;

  color:#fff !important;
  background:#111 !important;

  border:0 !important;
  border-top:1px solid #222 !important;
  border-radius:0 !important;

  box-shadow:none !important;
}

html[data-theme="magazine"] .header-sticker__inner,
html[data-theme-preview="magazine"] .header-sticker__inner{
  display:grid;
  grid-template-columns:auto minmax(0, 1fr);
  align-items:center;
  gap:18px;

  width:min(100% - 40px, 1440px);
  min-height:48px;
  margin:0 auto;
  padding:0 !important;
}

html[data-theme="magazine"] .header-sticker__label,
html[data-theme-preview="magazine"] .header-sticker__label{
  display:inline-flex !important;
  align-items:center;

  height:48px !important;
  margin:0 !important;
  padding:0 18px !important;

  color:#fff !important;
  background:var(--mag-red, #dc2626) !important;

  border:0 !important;
  border-radius:0 !important;

  font-family:var(--font-sans, Arial, sans-serif);
  font-size:10px !important;
  font-weight:950 !important;
  letter-spacing:.12em;
  text-transform:uppercase;
  white-space:nowrap;
}

html[data-theme="magazine"] .header-sticker__viewport,
html[data-theme-preview="magazine"] .header-sticker__viewport{
  min-width:0;
  overflow:hidden;
}

html[data-theme="magazine"] .header-sticker__track,
html[data-theme-preview="magazine"] .header-sticker__track{
  display:flex;
  align-items:center;
  gap:32px;

  width:max-content;
  animation:magHeaderTicker 40s linear infinite;
}

html[data-theme="magazine"] .header-sticker__item,
html[data-theme-preview="magazine"] .header-sticker__item{
  display:inline-flex !important;
  align-items:center;
  gap:10px;

  color:#fff !important;

  font-family:var(--font-serif, Georgia, serif);
  font-size:14px !important;
  font-weight:600;
  white-space:nowrap;
  text-decoration:none !important;
}

html[data-theme="magazine"] .header-sticker__item:hover,
html[data-theme-preview="magazine"] .header-sticker__item:hover{
  color:#fff !important;
  text-decoration:underline !important;
  text-decoration-color:var(--mag-red, #dc2626) !important;
  text-underline-offset:4px;
}

html[data-theme="magazine"] .header-sticker__dot,
html[data-theme-preview="magazine"] .header-sticker__dot{
  width:5px;
  height:5px;
  flex:0 0 5px;

  background:var(--mag-red, #dc2626) !important;
  border-radius:50%;
}

html[data-theme="magazine"] .header-sticker__date,
html[data-theme-preview="magazine"] .header-sticker__date{
  color:rgba(255,255,255,.58) !important;
  font-family:var(--font-sans, Arial, sans-serif);
  font-size:10px !important;
  font-weight:800;
  letter-spacing:.04em;
}

@keyframes magHeaderTicker{
  to{
    transform:translateX(-50%);
  }
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width:1180px){

  html[data-theme="magazine"] .site-header .topbar,
  html[data-theme-preview="magazine"] .site-header .topbar{
    grid-template-columns:240px minmax(0, 1fr);
    grid-template-areas:
      "brand actions"
      "nav nav";

    gap:14px 24px;
    min-height:0;
    padding:14px 0 !important;
  }

  html[data-theme="magazine"] .site-header .site-logo img,
  html[data-theme-preview="magazine"] .site-header .site-logo img{
    width:220px !important;
    max-height:72px !important;
  }

  html[data-theme="magazine"] .site-header .nav--categories,
  html[data-theme-preview="magazine"] .site-header .nav--categories{
    justify-content:flex-start;
    border-top:1px solid #ddd;
    padding-top:8px !important;
  }

  html[data-theme="magazine"] .site-header .nav-flat,
  html[data-theme="magazine"] .site-header .nav ul,
  html[data-theme="magazine"] .site-header .nav > div,
  html[data-theme-preview="magazine"] .site-header .nav-flat,
  html[data-theme-preview="magazine"] .site-header .nav ul,
  html[data-theme-preview="magazine"] .site-header .nav > div{
    justify-content:flex-start;
  }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width:720px){

  html[data-theme="magazine"] .site-header .topbar,
  html[data-theme-preview="magazine"] .site-header .topbar{
    grid-template-columns:1fr;
    grid-template-areas:
      "brand"
      "actions"
      "nav";

    width:min(100% - 28px, 1440px);
    gap:14px;
    padding:14px 0 !important;
  }

  html[data-theme="magazine"] .site-header .brand,
  html[data-theme-preview="magazine"] .site-header .brand{
    justify-content:center;
  }

  html[data-theme="magazine"] .site-header .site-logo img,
  html[data-theme-preview="magazine"] .site-header .site-logo img{
    width:210px !important;
    object-position:center;
  }

  html[data-theme="magazine"] .site-header .header-actions,
  html[data-theme-preview="magazine"] .site-header .header-actions{
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) auto;
    align-items:center;
    width:100%;
  }

  html[data-theme="magazine"] .site-header .header-search,
  html[data-theme-preview="magazine"] .site-header .header-search{
    width:100% !important;
  }

  html[data-theme="magazine"] .site-header .nav--categories,
  html[data-theme-preview="magazine"] .site-header .nav--categories{
    width:100%;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    scrollbar-width:none;
  }

  html[data-theme="magazine"] .site-header .nav--categories::-webkit-scrollbar,
  html[data-theme-preview="magazine"] .site-header .nav--categories::-webkit-scrollbar{
    display:none;
  }

  html[data-theme="magazine"] .site-header .nav-flat,
  html[data-theme="magazine"] .site-header .nav ul,
  html[data-theme="magazine"] .site-header .nav > div,
  html[data-theme-preview="magazine"] .site-header .nav-flat,
  html[data-theme-preview="magazine"] .site-header .nav ul,
  html[data-theme-preview="magazine"] .site-header .nav > div{
    flex-wrap:nowrap;
    width:max-content;
  }

  html[data-theme="magazine"] .site-header .nav a,
  html[data-theme="magazine"] .site-header .nav-link,
  html[data-theme-preview="magazine"] .site-header .nav a,
  html[data-theme-preview="magazine"] .site-header .nav-link{
    border-right:1px solid #ddd !important;
  }

  html[data-theme="magazine"] .header-sticker__inner,
  html[data-theme-preview="magazine"] .header-sticker__inner{
    grid-template-columns:1fr;
    gap:0;

    width:100%;
    padding:0 !important;
  }

  html[data-theme="magazine"] .header-sticker__label,
  html[data-theme-preview="magazine"] .header-sticker__label{
    width:max-content;
    height:34px !important;
    margin-left:14px !important;
    padding:0 12px !important;
  }

  html[data-theme="magazine"] .header-sticker__viewport,
  html[data-theme-preview="magazine"] .header-sticker__viewport{
    min-height:42px;
    padding:0 14px;
  }

  html[data-theme="magazine"] .header-sticker__track,
  html[data-theme-preview="magazine"] .header-sticker__track{
    min-height:42px;
  }
}

/* =========================================================
   FIX MAGAZINE — SEARCH TAGLIATA
========================================================= */

html[data-theme="magazine"] .site-header .header-actions,
html[data-theme-preview="magazine"] .site-header .header-actions{
  position:relative !important;
  overflow:visible !important;
}

html[data-theme="magazine"] .site-header .header-search,
html[data-theme-preview="magazine"] .site-header .header-search{
  position:relative !important;

  display:block !important;
  flex:0 0 220px !important;

  width:220px !important;
  min-width:220px !important;
  max-width:220px !important;

  height:42px !important;

  margin:0 !important;
  padding:0 !important;

  overflow:visible !important;

  inset:auto !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
  bottom:auto !important;

  transform:none !important;
  translate:none !important;
}

html[data-theme="magazine"] .site-header .header-search::before,
html[data-theme="magazine"] .site-header .header-search::after,
html[data-theme-preview="magazine"] .site-header .header-search::before,
html[data-theme-preview="magazine"] .site-header .header-search::after{
  content:none !important;
  display:none !important;
}

html[data-theme="magazine"] .site-header .header-search input,
html[data-theme-preview="magazine"] .site-header .header-search input{
  position:static !important;

  display:block !important;

  box-sizing:border-box !important;

  width:220px !important;
  min-width:220px !important;
  max-width:220px !important;

  height:42px !important;
  min-height:42px !important;
  max-height:42px !important;

  margin:0 !important;
  padding:0 14px !important;

  overflow:visible !important;

  inset:auto !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
  bottom:auto !important;

  transform:none !important;
  translate:none !important;

  clip:auto !important;
  clip-path:none !important;

  text-indent:0 !important;
  line-height:40px !important;

  color:#111 !important;
  background:#fff !important;

  border:1px solid #111 !important;
  border-radius:0 !important;

  opacity:1 !important;
  visibility:visible !important;
}

/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width:480px){

  html[data-theme="magazine"] .site-header .header-actions,
  html[data-theme-preview="magazine"] .site-header .header-actions{
    grid-template-columns:1fr;
  }

  html[data-theme="magazine"] .site-header .header-cta,
  html[data-theme-preview="magazine"] .site-header .header-cta{
    width:100%;
  }
}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion:reduce){

  html[data-theme="magazine"] .header-sticker__track,
  html[data-theme-preview="magazine"] .header-sticker__track{
    animation:none;
  }
}