.elementor-413 .elementor-element.elementor-element-fe5c4e4{--display:flex;}/* Start custom CSS *//* =====================================================================
   cronaca-singola.css   —   13/10/26 13:02
   Matera 1933 · Theme Builder → Articolo singolo "Cronaca singola" · versione 2
   ---------------------------------------------------------------------
   DOVE VA: editor Elementor del modello "Cronaca singola" →
            icona foglio con ingranaggio (Impostazioni) →
            scheda Avanzato → CSS personalizzato. Sostituire TUTTO.
   REGOLE:  colori solo dalle variabili globali (Elementor / Astra);
            font solo dalle variabili globali di Elementor (in locale).
            Nessun colore scritto a mano. Lo stile vive solo qui.
            L'HTML lo produce il plugin "Matera 1933 — Diretta" 0.12.0
            con [m33_cronaca] (classi m33-cronaca-…).
   TESTI:   testo dell'articolo 19–20 px, interlinea ampia; etichette 13 px.
   v2:      (13/10/26) richiesta di Antonio: foto principale sempre nel
            riquadro 16:9, ritagliata al centro (anche le foto verticali).
   STRUTTURA (classe assegnata nel pannello Avanzato):
     m33-cronaca-pagina ── Shortcode [m33_cronaca]   (Classi CSS vuote)
   ===================================================================== */

/* ---------- 0. Variabili del modello ---------------------------------- */
.m33-cronaca-pagina {
  --m33-navy:   var(--e-global-color-primary, #061a30);
  --m33-oro:    var(--e-global-color-accent,  #bb9754);
  --m33-ink:    var(--ast-global-color-2,     #0c0c0c);
  --m33-muted:  var(--ast-global-color-3,     #445469);
  --m33-paper:  var(--ast-global-color-4,     #f8f9f9);
  --m33-bianco: var(--ast-global-color-5,     #ffffff);
  --m33-meta:   var(--ast-global-color-6,     #7a8699);
  --m33-bordo:  var(--ast-global-color-7,     #dddad2);
  --m33-serif:  var(--e-global-typography-primary-font-family, "Fraunces"), Georgia, serif;
  --m33-sans:   var(--e-global-typography-text-font-family, "Manrope"), Arial, sans-serif;
  --m33-lato:   clamp(16px, 4vw, 32px);
}

/* ---------- 0-bis. Involucri di Astra: azzerati sugli articoli --------- */
body.single-post #content,
body.single-post .site-content {
  margin: 0;
  padding: 0;
}
body.single-post .site-content > .ast-container {
  display: block;
  max-width: none;
  width: 100%;
  margin: 0;
  padding: 0;
}
body.single-post #primary,
body.single-post .site-main,
body.single-post .site-main > article,
body.single-post .elementor-location-single {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  background: none;
  border: 0;
  box-shadow: none;
}
body.single-post {
  overflow-x: clip;
}

/* ---------- 1. Contenitore (layout gestito qui, non nei pannelli) ------ */
.m33-cronaca-pagina.e-con {
  --padding-top: 0px;
  --padding-right: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --margin-top: 0px;
  --margin-right: 0px;
  --margin-bottom: 0px;
  --margin-left: 0px;
  --gap: 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --width: 100%;
  --min-height: 0px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100vw;
  max-width: 100vw;
  min-height: 0;
  height: auto;
  margin: 0 calc(50% - 50vw);
  padding: clamp(36px, 7vw, 72px) var(--m33-lato) clamp(56px, 9vw, 96px);
  background: var(--m33-paper);
}
.m33-cronaca-pagina > .elementor-widget,
.m33-cronaca-pagina .elementor-shortcode {
  width: 100%;
  max-width: none;
  margin: 0;
}
.m33-cronaca-pagina *,
.m33-cronaca-pagina *::before,
.m33-cronaca-pagina *::after {
  box-sizing: border-box;
}
.m33-cronaca-pagina .y1933 {
  letter-spacing: 0;
}

/* ---------- 2. Articolo ------------------------------------------------ */
.m33-cronaca-pagina .m33-cronaca {
  display: flex;
  flex-direction: column;
  gap: clamp(24px, 5vw, 36px);
  width: 100%;
  max-width: 760px;
  margin: 0 auto;
}
.m33-cronaca-pagina .m33-cronaca-testa {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.m33-cronaca-pagina .m33-cronaca-torna {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 0;
  font-family: var(--m33-sans);
  font-weight: 600;
  font-size: 13px;
  line-height: 1.3;
  letter-spacing: .16em;
  text-transform: uppercase;
  text-decoration: none;
  color: var(--m33-muted);
  transition: color .25s;
}
.m33-cronaca-pagina .m33-cronaca-torna:hover {
  color: var(--m33-oro);
}
.m33-cronaca-pagina .m33-cronaca-kicker {
  display: flex;
  align-items: center;
  gap: 12px;
  font-family: var(--m33-sans);
  font-weight: 600;
  font-size: clamp(13px, 3.4vw, 14px);
  line-height: 1.4;
  letter-spacing: clamp(.16em, 1vw, .24em);
  text-transform: uppercase;
  color: var(--m33-oro);
}
.m33-cronaca-pagina .m33-cronaca-kicker::before {
  content: "";
  flex: 0 0 36px;
  height: 1px;
  background: var(--m33-oro);
}
.m33-cronaca-pagina .m33-cronaca-titolo {
  margin: 0;
  font-family: var(--m33-serif);
  font-weight: 400;
  font-style: normal;
  font-size: clamp(32px, 7.4vw, 52px);
  line-height: 1.08;
  letter-spacing: -.02em;
  text-transform: none;
  color: var(--m33-navy);
}
.m33-cronaca-pagina .m33-cronaca-firma {
  font-family: var(--m33-serif);
  font-style: italic;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.4;
  color: var(--m33-muted);
}

/* Foto principale */
.m33-cronaca-pagina .m33-cronaca-foto {
  margin: 0;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: var(--m33-navy);
  border: 1px solid var(--m33-bordo);
}
.m33-cronaca-pagina .m33-cronaca-foto img {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  object-fit: cover;
  object-position: center;
  border: 0;
  box-shadow: none;
}

/* Testo */
.m33-cronaca-pagina .m33-cronaca-corpo {
  font-family: var(--m33-serif);
  font-weight: 300;
  font-size: clamp(19px, 4.6vw, 20px);
  line-height: 1.7;
  color: var(--m33-ink);
  overflow-wrap: break-word;
}
.m33-cronaca-pagina .m33-cronaca-corpo p {
  margin: 0 0 1.1em;
}
.m33-cronaca-pagina .m33-cronaca-corpo p:last-child {
  margin-bottom: 0;
}
.m33-cronaca-pagina .m33-cronaca-corpo a {
  color: var(--m33-navy);
  text-decoration: underline;
  text-decoration-color: var(--m33-oro);
  text-underline-offset: 3px;
}
.m33-cronaca-pagina .m33-cronaca-corpo strong,
.m33-cronaca-pagina .m33-cronaca-corpo b {
  font-weight: 600;
}
.m33-cronaca-pagina .m33-cronaca-corpo img {
  max-width: 100%;
  height: auto;
}

/* ---------- 3. Riquadro della partita collegata (navy) ----------------- */
.m33-cronaca-pagina .m33-cronaca-partita {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: clamp(22px, 5vw, 32px) clamp(18px, 4vw, 28px);
  text-align: center;
  background: var(--m33-navy);
  border: 1px solid color-mix(in srgb, var(--m33-oro) 38%, transparent);
}
.m33-cronaca-pagina .m33-cronaca-partita-kicker {
  font-family: var(--m33-sans);
  font-weight: 600;
  font-size: 13px;
  line-height: 1.3;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--m33-oro);
}
.m33-cronaca-pagina .m33-cronaca-partita-occhiello {
  font-family: var(--m33-sans);
  font-weight: 500;
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: .06em;
  color: color-mix(in srgb, var(--m33-paper) 70%, var(--m33-navy));
}
.m33-cronaca-pagina .m33-cronaca-partita-gara {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: baseline;
  gap: 6px 16px;
  font-family: var(--m33-serif);
  font-weight: 500;
  font-size: clamp(19px, 5vw, 24px);
  line-height: 1.25;
  color: var(--m33-paper);
}
.m33-cronaca-pagina .m33-cronaca-partita-squadra .y1933 {
  font-size: .86em;
  color: var(--m33-oro);
}
.m33-cronaca-pagina .m33-cronaca-partita-risultato {
  display: inline-flex;
  gap: .2em;
  font-weight: 300;
  font-size: 1.5em;
  line-height: 1;
  color: var(--m33-oro);
}
.m33-cronaca-pagina .m33-cronaca-partita-vs {
  font-style: italic;
  font-weight: 300;
  color: var(--m33-oro);
}
.m33-cronaca-pagina .m33-cronaca-partita-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 6px;
  padding: 12px 20px;
  font-family: var(--m33-sans);
  font-weight: 600;
  font-size: 13px;
  line-height: 1;
  letter-spacing: .18em;
  text-transform: uppercase;
  text-decoration: none;
  color: var(--m33-navy);
  background: var(--m33-oro);
  transition: background .25s;
}
.m33-cronaca-pagina .m33-cronaca-partita-link:hover {
  color: var(--m33-navy);
  background: var(--m33-paper);
}

/* "Correggi questa cronaca" (solo per chi può scrivere) */
.m33-cronaca-pagina .m33-cronaca-correggi {
  align-self: flex-start;
  padding: 8px 0;
  font-family: var(--m33-sans);
  font-weight: 600;
  font-size: 13px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--m33-muted);
  text-decoration: underline;
  text-decoration-color: var(--m33-oro);
  text-underline-offset: 4px;
}

.m33-cronaca-pagina a:focus-visible {
  outline: 2px solid var(--m33-oro);
  outline-offset: 3px;
}

/* Avviso nell'editor (anteprima del modello senza articolo) */
.m33-cronaca-pagina .m33-partita-avviso {
  padding: 12px 16px;
  font-family: var(--m33-sans);
  font-size: 14px;
  line-height: 1.5;
  color: var(--m33-muted);
  background: var(--m33-bianco);
  border: 1px dashed var(--m33-bordo);
}

@media (prefers-reduced-motion: reduce) {
  .m33-cronaca-pagina *,
  .m33-cronaca-pagina *::before,
  .m33-cronaca-pagina *::after {
    transition: none !important;
  }
}/* End custom CSS */