/* StileJuventus V9.414 — correzioni grafiche pre-lancio.
 * 1) barra mobile Giorno senza riempimento giallo sul tab attivo;
 * 2) CMP compatta e realmente responsive al primo accesso. */

/* La voce attiva usa soltanto il colore editoriale: nessun fondino, alone o
   riempimento dell'icona. La regola vale anche dopo un tap, quando i browser
   mobili possono mantenere artificialmente lo stato :hover. */
@media (max-width:760px){
  body.slr-site > .slr-social-mobile-nav > :is(a,button),
  body.slr-site > .slr-social-mobile-nav > :is(a,button):hover,
  body.slr-site > .slr-social-mobile-nav > :is(a,button):active,
  body.slr-site > .slr-social-mobile-nav > :is(a,button):focus,
  body.slr-site > .slr-social-mobile-nav > :is(a,button).is-active,
  body.slr-site > .slr-social-mobile-nav > :is(a,button)[aria-current="page"]{
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
  }
  body.slr-site > .slr-social-mobile-nav > :is(a,button)::before,
  body.slr-site > .slr-social-mobile-nav > :is(a,button)::after{
    background:transparent!important;
    box-shadow:none!important;
  }
  body.slr-site > .slr-social-mobile-nav > :is(.is-active,[aria-current="page"]) svg{
    fill:none!important;
  }
  html[data-slr-theme="light"] body.slr-site > .slr-social-mobile-nav > :is(.is-active,[aria-current="page"]),
  html[data-slr-theme="light"] body.slr-site > .slr-social-mobile-nav > :is(.is-active,[aria-current="page"]) svg{
    color:#980b35!important;
    stroke:#980b35!important;
    -webkit-text-fill-color:#980b35!important;
  }
  html[data-slr-theme="dark"] body.slr-site > .slr-social-mobile-nav > :is(.is-active,[aria-current="page"]),
  html[data-slr-theme="dark"] body.slr-site > .slr-social-mobile-nav > :is(.is-active,[aria-current="page"]) svg{
    color:#f0b51d!important;
    stroke:#f0b51d!important;
    -webkit-text-fill-color:#f0b51d!important;
  }
}

/* CMP mobile: card staccata dai bordi, altezza contenuta, contenuto interno
   scorrevole e azioni immediatamente raggiungibili. */
@media (max-width:680px){
  .slr-consent-layer{
    align-items:flex-end!important;
    justify-content:center!important;
    padding:12px 12px calc(74px + env(safe-area-inset-bottom,0px))!important;
  }
  .slr-consent-dialog{
    width:min(100%,540px)!important;
    max-width:calc(100vw - 24px)!important;
    max-height:min(82dvh,720px)!important;
    margin:0 auto!important;
    padding:20px 16px calc(16px + env(safe-area-inset-bottom,0px))!important;
    border-radius:22px!important;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
  }
  .slr-consent-close{
    top:12px!important;
    right:12px!important;
    width:38px!important;
    height:38px!important;
    font-size:24px!important;
  }
  .slr-consent-first{
    display:flex;
    flex-direction:column;
  }
  .slr-consent-eyebrow{
    order:1;
    padding-right:44px;
    font-size:10px!important;
    letter-spacing:.13em!important;
  }
  .slr-consent-dialog h2{
    order:2;
    margin:8px 44px 14px 0!important;
    font-size:clamp(26px,8vw,34px)!important;
    line-height:1.02!important;
  }
  .slr-consent-actions{
    order:3;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:8px!important;
    margin:0 0 16px!important;
  }
  .slr-consent-actions .is-accept{
    grid-column:1/-1;
    grid-row:1;
  }
  .slr-consent-actions .is-reject{grid-column:1;grid-row:2}
  .slr-consent-actions .is-customize{grid-column:2;grid-row:2}
  .slr-consent-actions button,
  .slr-consent-preference-actions button{
    min-height:46px!important;
    padding:10px 12px!important;
    font-size:13px!important;
    line-height:1.15!important;
  }
  .slr-consent-links{
    order:4;
    gap:12px!important;
    margin:0 0 14px!important;
    font-size:13px!important;
  }
  .slr-consent-copy{
    order:5;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .slr-consent-copy p,
  .slr-consent-intro,
  .slr-consent-category p,
  .slr-consent-category small,
  .slr-consent-details p{
    font-size:13px!important;
    line-height:1.45!important;
  }
  .slr-consent-preferences>header{
    padding-right:42px!important;
    gap:10px!important;
  }
  .slr-consent-preferences>header>button{
    width:36px!important;
    height:36px!important;
  }
  .slr-consent-preferences>header h2{
    margin-top:2px!important;
    font-size:26px!important;
    line-height:1.08!important;
  }
  .slr-consent-intro{margin:10px 0 14px!important}
  .slr-consent-category{
    margin-top:8px!important;
    padding:14px!important;
    border-radius:16px!important;
  }
  .slr-consent-category strong{font-size:16px!important}
  .slr-consent-preference-actions{
    position:sticky;
    bottom:calc(-16px - env(safe-area-inset-bottom,0px));
    z-index:2;
    grid-template-columns:1fr!important;
    gap:8px!important;
    margin:14px -16px 0!important;
    padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px))!important;
    background:var(--consent-bg)!important;
    border-top:1px solid var(--consent-line)!important;
  }
  .slr-consent-status{
    margin:8px 0 0!important;
    min-height:16px!important;
    font-size:12px!important;
  }
}

@media (max-width:360px){
  .slr-consent-layer{padding-inline:8px!important}
  .slr-consent-dialog{max-width:calc(100vw - 16px)!important;padding-inline:14px!important}
  .slr-consent-actions{grid-template-columns:1fr!important}
  .slr-consent-actions .is-accept,
  .slr-consent-actions .is-reject,
  .slr-consent-actions .is-customize{
    grid-column:1!important;
    grid-row:auto!important;
  }
}