/* =========================================================
   MAGAZINE THEME — HEADER DEFERRED
   Elementi interattivi non necessari al primo rendering
========================================================= */


/* =========================================================
   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;
}