/* ============================================================
   Modulo SIDEBAR — colonna laterale condivisa (inc/sidebar.php)
   + layout a due colonne dell'articolo (.tu-single-layout).
   Composizione modellata sulla sidebar reale del prod ogginuoro
   (Notizie Recenti + Sponsor + banner). Vedi CONVENZIONI_V1.md.
   ============================================================ */

.tu-aside { min-width: 0; }

/* Contenitori widget (titolo come sul prod: heading piccolo sopra il blocco) */
.tu-widget { margin: 0 0 24px; }
.tu-widget-title {
  font-family: Arial, Helvetica, sans-serif;
  font-size: .92rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--tu-primary);
  border-left: 4px solid var(--tu-primary);
  padding-left: 10px;
  margin: 0 0 12px;
}

/* Notizie Recenti: thumb quadrata ~50px + titolo, come il widget del prod */
.tu-recent { list-style: none; margin: 0; padding: 0; }
.tu-recent li { margin: 0 0 12px; }
.tu-recent a { display: flex; gap: 10px; align-items: flex-start; }
.tu-recent a:hover { text-decoration: none; }
.tu-recent a:hover .tu-recent-title { color: var(--tu-primary); }
.tu-recent-thumb {
  width: 50px;
  height: 50px;
  object-fit: cover;
  flex: 0 0 50px;
  background: #eee;
  border-radius: 2px;
  aspect-ratio: auto;
}
.tu-recent-title {
  font-family: Arial, Helvetica, sans-serif;
  font-size: .85rem;
  font-weight: 700;
  line-height: 1.35;
  color: var(--tu-text);
}

/* Gli slot ADV dentro la colonna non vanno centrati col margine auto del
   placeholder generico: stanno in colonna, larghi quanto la colonna. */
.tu-aside .tu-slot { margin-left: 0; margin-right: 0; }

/* L'ULTIMO slot della colonna segue la lettura allo scroll (review Nicola
   31/07): sticky sotto la barra top-header-fisso (40px). NB sticky sul
   singolo slot, non sull'intero aside (più alto del viewport non
   funzionerebbe). */
.tu-aside .tu-slot--sidebar-1 {
  position: sticky;
  top: 54px;
}

/* Layout articolo a due colonne: contenuto + sidebar 300px da 1000px in su
   (stessa griglia degli archivi; sotto, la sidebar scende dopo l'articolo) */
@media (min-width: 1000px) {
  .tu-single-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 36px;
    align-items: start;
  }
}
.tu-single-main { min-width: 0; }