/* Organico Roma — classi del design system. Prefisso or-.
   I colori e i caratteri arrivano da theme.json (variabili --wp--preset--*). */

:root{
  --or-line: color-mix(in srgb, var(--wp--preset--color--ink) 25%, transparent);
  --or-radius-sm: 6px;
  --or-radius-md: 12px;
}

/* ---- Fondi (usabili su qualsiasi blocco Gruppo) ---- */
.or-surface{background-color:var(--wp--preset--color--surface);color:var(--wp--preset--color--ink)}
.or-surface-pesca{background-color:var(--wp--preset--color--surface-pesca);color:var(--wp--preset--color--ink)}
.or-raised{background-color:var(--wp--preset--color--surface-raised);color:var(--wp--preset--color--ink);border-radius:var(--or-radius-md);outline:1px solid var(--or-line);padding:var(--wp--preset--spacing--space-2)}

/* Stili di blocco per il Gruppo: Bosco (tema scuro) e Pesca.
   Dentro un gruppo Bosco i ruoli dei colori si invertono, quindi tutto ciò che usa
   i preset (testi, pulsanti, marchi) si adatta da solo. */
.is-style-bosco{
  --wp--preset--color--surface:#2c3017;
  --wp--preset--color--surface-pesca:#3a3a15;
  --wp--preset--color--surface-raised:#3b3f1e;
  --wp--preset--color--ink:#f1e2d0;
  --wp--preset--color--ink-soft:#cdbb93;
  --wp--preset--color--mark:#dabc9d;
  --wp--custom--regione:#dabc9d;
  background-color:var(--wp--preset--color--surface);
  color:var(--wp--preset--color--ink);
}
.is-style-pesca{background-color:var(--wp--preset--color--surface-pesca);color:var(--wp--preset--color--ink)}
.is-style-scheda{background-color:var(--wp--preset--color--surface-raised);color:var(--wp--preset--color--ink);border-radius:var(--or-radius-md);outline:1px solid var(--or-line)}
.is-style-bosco .wp-element-button,.is-style-bosco .wp-block-button__link{background-color:var(--wp--preset--color--ink);color:var(--wp--preset--color--surface)}

/* ---- Tipografia ---- */
.or-titolo-manifesto{font-family:var(--wp--preset--font-family--display);font-size:var(--wp--preset--font-size--titolo-manifesto);font-weight:700;line-height:.925;letter-spacing:-.006em;text-transform:uppercase;color:var(--wp--preset--color--ink)}
.or-sottotitolo-manifesto{font-family:var(--wp--preset--font-family--display);font-size:var(--wp--preset--font-size--sottotitolo-manifesto);font-weight:600;line-height:1;text-transform:uppercase;color:var(--wp--preset--color--ink-soft)}
.or-nome-app{font-style:italic}
.or-crediti{font-family:var(--wp--preset--font-family--text);font-size:1.125rem;font-weight:600;line-height:1.22;color:var(--wp--preset--color--ink)}
.or-d-titolo{font-family:var(--wp--preset--font-family--display);font-size:var(--wp--preset--font-size--d-titolo);font-weight:700;line-height:.9375;letter-spacing:-.008em;text-transform:uppercase}
.or-d-sottotitolo{font-family:var(--wp--preset--font-family--display);font-size:var(--wp--preset--font-size--d-sottotitolo);font-weight:600;line-height:1.0625;text-transform:uppercase;color:var(--wp--preset--color--ink-soft)}
.or-d-testo{font-family:var(--wp--preset--font-family--text);font-size:var(--wp--preset--font-size--d-testo);font-weight:400;line-height:1.5}
.or-d-didascalia{font-family:var(--wp--preset--font-family--text);font-size:var(--wp--preset--font-size--d-didascalia);font-weight:600;line-height:1.43;letter-spacing:.04em;color:var(--wp--preset--color--ink-soft)}
.or-maiuscolo{text-transform:uppercase}
/* Il titolo del manifesto non si adatta da solo: va a capo a mano con <br>. */
.or-a-capo-manuale{text-wrap:nowrap}
.or-ink-soft{color:var(--wp--preset--color--ink-soft)}

/* ---- Marchi a un colore: la maschera prende il colore `mark` del tema ---- */
.or-logo{display:block;background-color:var(--wp--preset--color--mark);-webkit-mask:var(--or-logo) center/contain no-repeat;mask:var(--or-logo) center/contain no-repeat;height:auto}
.or-logo--ama{--or-logo:url("../img/ama.svg");aspect-ratio:105.91/35.35;width:120px}
.or-logo--roma{--or-logo:url("../img/roma-capitale.svg");aspect-ratio:785.67/322.016;width:150px}
/* Regione Lazio: blu come fornito sul tema Sabbia, sabbia sul Bosco (variabile --wp--custom--regione). */
.or-logo--regione{--or-logo:url("../img/regione-lazio.svg");background-color:var(--wp--custom--regione,#01213b);aspect-ratio:720.32/198.42;width:140px}
.or-marchi{display:flex;justify-content:space-between;align-items:center;gap:var(--wp--preset--spacing--space-2);flex-wrap:wrap}

/* ---- Badge degli store: marchi di terzi, mai ricolorati ---- */
.or-badges{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.or-badges img{height:44px;width:auto;display:block;border-radius:0}
.or-badge-mancante{display:inline-flex;align-items:center;height:44px;padding:0 12px;border:1.5px dashed var(--wp--preset--color--ink-soft);border-radius:var(--or-radius-sm);font:600 .75rem/1 var(--wp--preset--font-family--text);color:var(--wp--preset--color--ink-soft)}

/* ---- Crediti ---- */
.or-crediti-riga{display:flex;align-items:center;gap:var(--wp--preset--spacing--space-1);flex-wrap:wrap}

/* ---- Filetti, elenchi e scheda ---- */
.or-filetto{border:0;border-top:1px solid var(--or-line);margin:0}
.or-elenco{list-style:none;padding:0;margin:0}
.or-elenco>li{padding:var(--wp--preset--spacing--space-1) 0;border-bottom:1px solid var(--or-line)}
.or-elenco>li:last-child{border-bottom:0}

/* ---- Pulsanti ---- */
.wp-block-button__link{border-radius:0}
.wp-block-button.is-style-outline .wp-block-button__link{background:transparent;color:var(--wp--preset--color--ink);border:2px solid var(--wp--preset--color--ink)}

/* ---- Focus visibile ---- */
:where(a,button,input,select,textarea):focus-visible{outline:3px solid var(--wp--preset--color--ink);outline-offset:3px}

/* ---- Nessuna intestazione, piè di pagina, menu o barra di amministrazione ---- */
#wpadminbar{display:none!important}
html{margin-top:0!important}