/* ========== FASCIONE 2 — Rubrica + ADV (desktop “ancorato”) ========== */

/* Contenitore generale */
.mag-fascione--2{
  position: relative;
  margin-bottom: 100px;
  box-sizing: border-box;
}

/* Intestazione rubrica — nero 30px + underline hover */
.mag-fascione--2 .mag-fascione__head{ margin: 0 0 12px; }
.mag-fascione--2 .mag-fascione__head h2{
  font-size: 30px; font-weight: 400; line-height: 1.15; margin: 0; color: #000;
}
.mag-fascione--2 .mag-fascione__head a{ color:#000 !important; text-decoration:none; }
.mag-fascione--2 .mag-fascione__head a:hover{ text-decoration:underline; text-underline-offset:.12em; }

/* Colonna contenuti (sx) */
.mag-fascione--2 .mag-fascione__content{
  max-width: 100%;
}

/* BIG 2:1 senza bordi/radius (hard reset) */
.mag-fascione--2 .mag-card--large .mag-card-media{
  aspect-ratio: 2 / 1;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  overflow: hidden;
}
.mag-fascione--2 .mag-card--large .mag-card-media img{
  width:100%; height:100%; object-fit:cover; display:block;
  border-radius: 0 !important;          /* 👈 forza via qualunque radius esterno */
}

/* Titolo/occhiello big (come PSD) */
.mag-fascione--2 .mag-card--large .mag-card-title{ margin: 18px 0 8px; }
.mag-fascione--2 .mag-card--large .mag-card-title a{
  color:#000; text-decoration:none;
  font-weight:200; font-size:47px; line-height:1.12;
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
}
.mag-fascione--2 .mag-card--large .mag-card-excerpt{
  color:#555; font-weight:200; font-size:28px; line-height:1.28; margin:0 0 16px;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}

/* 4 SMALL in una riga, quadrati (grid interna alla colonna) */
.mag-fascione--2 .mag-block-smalls{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
  margin-top: 18px;
}
.mag-fascione--2 .mag-card--small,
.mag-fascione--2 .mag-card--small *{
  border:0 !important; border-radius:0 !important; box-shadow:none !important;
}
.mag-fascione--2 .mag-card--small .mag-card-media{
  aspect-ratio:1/1; width:100%; overflow:hidden;
}
.mag-fascione--2 .mag-card--small .mag-card-media img{
  width:100%; height:100%; object-fit:cover; display:block;
}
.mag-fascione--2 .mag-card--small .mag-card-body{ padding:8px 0 0; text-align:left; }
.mag-fascione--2 .mag-card--small .mag-card-title{ margin:6px 0 0; }

/* Titoli small SENZA limite di righe */
.mag-fascione--2 .mag-card--small .mag-card-title a{
  display:block !important;
  -webkit-line-clamp: unset !important;
  -webkit-box-orient: initial !important;
  overflow: visible !important;
  white-space: normal !important;

  color:#000; text-decoration:none; font-weight:300; font-size:19px; line-height:1.25;
}

/* ADV nel Fascione 2 (Archivio) — wrapper neutro, nessun placeholder */
@media (min-width: 981px){
  .mag-fascione--2 .mag-fascione__content{
    padding-right: 352px;           /* 320 (ADV) + 32 (gap) */
    min-width: 0;
  }

  .mag-fascione--2 .mag-fascione__adv{
    position: absolute;
    top: 0;
    right: 0;
    width: 320px;

    /* ⬇️ neutralizza il vecchio placeholder/cornice */
    min-height: auto;
    border: 0;
    border-radius: 0;
    background: transparent;
    display: block;
    color: inherit;
    font: inherit;
    letter-spacing: normal;
    text-transform: none;
    align-items: unset;
    justify-content: unset;
  }

  /* ⬇️ rimozione hard del badge */
  .mag-fascione--2 .mag-fascione__adv::before{
    content: none;
    display: none;
  }

  /* ⬇️ fa usare tutto lo spazio al template ADV */
  .mag-fascione--2 .mag-fascione__adv .adv-slot-sidebar,
  .mag-fascione--2 .mag-fascione__adv .adv-vert{
    width: 100%;
    max-width: 100%;
  }
}

/* Mobile/Tablet: layout a blocchi, ADV sotto */
@media (max-width: 980px){
  .mag-fascione--2 .mag-fascione__content{ padding-right: 0; }
  .mag-fascione--2 .mag-fascione__adv{
    position: static; width:auto; min-height:300px; margin-top:20px;
  }
  .mag-fascione--2 .mag-block-smalls{ grid-template-columns: repeat(2, 1fr); }
  .mag-fascione--2 .mag-card--small .mag-card-body{ text-align:center; }
}
@media (max-width: 640px){
  .mag-fascione--2 .mag-block-smalls{ grid-template-columns: 1fr; }
}

/* Separatore full-width, sotto tutto il fascione */
.mag-fascione--2::after{
  content:"";
  display:block;
  height:1px;
  background:#111;
  margin-top:22px;
  width:100%;
}

/* Hard reset generico all’interno del fascione (se qualche tema impone radius) */
.mag-fascione--2 img,
.mag-fascione--2 figure img{
  border-radius: 0 !important;
}
/* === F2: annulla QUALSIASI border-radius sul BIG (contenitore + media + img) === */
.mag-fascione--2 .mag-card--large{
  border: 0 !important;
  border-radius: 0 !important;   /* ← il radius residuo proveniva dalla card */
  overflow: visible !important;  /* lasciamo il clip al media */
}
.mag-fascione--2 .mag-card--large .mag-card-media{
  border-radius: 0 !important;
  overflow: hidden;              /* crop 2:1 pulito */
}
.mag-fascione--2 .mag-card--large .mag-card-media img{
  border-radius: 0 !important;
}

/* (paranoia) se qualche wrapper HTML intorno applica radius */
.mag-fascione--2 .mag-card--large figure,
.mag-fascione--2 .mag-card--large .wp-block-image img,
.mag-fascione--2 .mag-card--large .wp-block-image{
  border-radius: 0 !important;
  overflow: visible !important;
}


/* === F2: Distanza del separatore dopo i box small === */
.mag-fascione--2::after {
  content: "";
  display: block;
  height: 1px;
  background: #111;
  width: 100%;
  margin-top: 50px !important;   /* distanza uniforme come Fascione 1 */
}

/* F2 — hover coerente titoli */
.mag-fascione--2 .mag-card--large .mag-card-title a:hover,
.mag-fascione--2 .mag-card--small .mag-card-title a:hover {
  text-decoration: underline;
  text-underline-offset: .12em;
}

/* F2 — su schermi molto ampi, distribuisci meglio i 4 small */
@media (min-width: 1440px){
  .mag-fascione--2 .mag-block-smalls { gap: 22px; }
}



/* ADV nel Fascione 2 (Archivio) — wrapper neutro, stesse dimensioni */
@media (min-width: 981px){
  /* stesso spazio a destra per la colonna ADV: 320 + 32 */
  .mag-fascione--2 .mag-fascione__content{
    padding-right: 352px;
    min-width: 0;
  }

  /* stessa larghezza e posizione del box ADV */
  .mag-fascione--2 .mag-fascione__adv{
    position: absolute;
    top: 0;
    right: 0;
    width: 320px;
    box-sizing: border-box;  /* mantiene misure coerenti */

    /* neutralizza solo il placeholder/cornice, non le dimensioni */
    border: 0;
    border-radius: 0;
    background: transparent;
    display: block;
    margin: 0;
    padding: 0;
    color: inherit;
    font: inherit;
    letter-spacing: normal;
    text-transform: none;
    align-items: unset;
    justify-content: unset;
  }

  /* rimozione hard del badge */
  .mag-fascione--2 .mag-fascione__adv::before{
    content: none;
    display: none;
  }

  /* il contenuto ADV usa tutta la colonna (320px) */
  .mag-fascione--2 .mag-fascione__adv .adv-slot-sidebar,
  .mag-fascione--2 .mag-fascione__adv .adv-vert{
    width: 100%;
    max-width: 100%;
  }
}