/* =========================================================
   MAGAZINE THEME — HOME STICKER
   Editorial breaking-news bar
========================================================= */

html[data-theme="magazine"] .home-sticker,
html[data-theme-preview="magazine"] .home-sticker{
  position:relative;

  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:0;

  width:100%;
  min-height:52px;

  margin:26px 0 34px;
  padding:0 !important;

  overflow:hidden;

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

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

  box-shadow:none !important;
}


/* =========================================================
   LABEL
========================================================= */

html[data-theme="magazine"] .home-sticker__label,
html[data-theme-preview="magazine"] .home-sticker__label{
  position:relative;
  z-index:2;

  display:flex;
  align-items:center;
  align-self:stretch;

  min-height:52px;
  padding:0 20px;

  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;
  font-weight:950;
  line-height:1;
  letter-spacing:.13em;
  text-transform:uppercase;
  white-space:nowrap;
}


/* Piccolo taglio editoriale a destra */

html[data-theme="magazine"] .home-sticker__label::after,
html[data-theme-preview="magazine"] .home-sticker__label::after{
  content:"";

  position:absolute;
  top:0;
  right:-16px;

  width:16px;
  height:100%;

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

  clip-path:polygon(0 0, 100% 50%, 0 100%);
}


/* =========================================================
   VIEWPORT
========================================================= */

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


/* =========================================================
   TRACK
========================================================= */

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

  width:max-content;
  min-height:52px;

  margin:0;
  padding:0 0 0 34px;

  will-change:transform;
  animation:magHomeTicker 42s linear infinite;
}


/* =========================================================
   ITEM
========================================================= */

html[data-theme="magazine"] .home-sticker__item,
html[data-theme-preview="magazine"] .home-sticker__item{
  position:relative;

  display:inline-flex;
  align-items:center;
  gap:11px;

  margin:0;
  padding:0;

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

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

  box-shadow:none !important;

  font-family:var(--font-serif, Georgia, serif);
  font-size:14px;
  font-weight:650;
  line-height:1.25;
  text-decoration:none !important;
  white-space:nowrap;

  transition:color .16s ease;
}

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


/* =========================================================
   DOT
========================================================= */

html[data-theme="magazine"] .home-sticker__dot,
html[data-theme-preview="magazine"] .home-sticker__dot{
  display:block;

  width:6px;
  height:6px;
  flex:0 0 6px;

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

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

  box-shadow:none !important;
}


/* =========================================================
   DATE
========================================================= */

html[data-theme="magazine"] .home-sticker__date,
html[data-theme-preview="magazine"] .home-sticker__date{
  color:rgba(255,255,255,.48) !important;

  font-family:var(--font-sans, Arial, sans-serif);
  font-size:10px;
  font-weight:850;
  line-height:1;
  letter-spacing:.04em;
  white-space:nowrap;
}


/* =========================================================
   ANIMATION
========================================================= */

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


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

@media (max-width:900px){

  html[data-theme="magazine"] .home-sticker,
  html[data-theme-preview="magazine"] .home-sticker{
    margin:20px 0 28px;
  }

  html[data-theme="magazine"] .home-sticker__track,
  html[data-theme-preview="magazine"] .home-sticker__track{
    gap:30px;
    padding-left:30px;
  }
}


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

@media (max-width:700px){

  html[data-theme="magazine"] .home-sticker,
  html[data-theme-preview="magazine"] .home-sticker{
    grid-template-columns:1fr;
    min-height:0;
  }

  html[data-theme="magazine"] .home-sticker__label,
  html[data-theme-preview="magazine"] .home-sticker__label{
    width:max-content;
    min-height:34px;
    padding:0 14px;
  }

  html[data-theme="magazine"] .home-sticker__label::after,
  html[data-theme-preview="magazine"] .home-sticker__label::after{
    display:none;
  }

  html[data-theme="magazine"] .home-sticker__viewport,
  html[data-theme-preview="magazine"] .home-sticker__viewport{
    min-height:44px;
  }

  html[data-theme="magazine"] .home-sticker__track,
  html[data-theme-preview="magazine"] .home-sticker__track{
    min-height:44px;
    padding-left:14px;
  }

  html[data-theme="magazine"] .home-sticker__item,
  html[data-theme-preview="magazine"] .home-sticker__item{
    font-size:13px;
  }
}


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

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

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