/* ==========================================================================
   STILI DI BLOCCO — le classi del prototipo applicate ai blocchi standard
   Caricato sul sito e nel canvas dell'editor (enqueue_block_assets).
   ========================================================================== */


/* Pulsante: oro e contorno (prototipo .sb-btn) */
.wp-block-button.is-style-sb-gold .wp-block-button__link,
.wp-block-button.is-style-sb-ghost .wp-block-button__link {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 52px; padding: 0 28px;
  border-radius: 999px;
  font-weight: 600; font-size: .98rem; text-decoration: none;
  font-variation-settings: "wdth" 100;
  transition: background-color .2s, color .2s, border-color .2s;
}
.wp-block-button.is-style-sb-gold .wp-block-button__link { background: var(--sb-gold-lt); color: var(--sb-space-0); border: 0; }
.wp-block-button.is-style-sb-gold .wp-block-button__link:hover { background: var(--sb-gold-hover); }
.wp-block-button.is-style-sb-ghost .wp-block-button__link { background: transparent; border: 1px solid var(--sb-ghost-line); color: var(--sb-text); }
.wp-block-button.is-style-sb-ghost .wp-block-button__link:hover { border-color: var(--sb-gold-lt); color: var(--sb-gold-lt); }
.sb-light .wp-block-button.is-style-sb-ghost .wp-block-button__link { border-color: var(--sb-ghost-line-ink); color: var(--sb-ink); }
.sb-light .wp-block-button.is-style-sb-ghost .wp-block-button__link:hover { border-color: var(--sb-gold-dk); color: var(--sb-gold-dk); }

/* Titolo: le due larghezze di Archivo oltre a quella normale */
.is-style-sb-extended { font-variation-settings: "wdth" 125; font-weight: 560; line-height: .98; letter-spacing: -.035em; text-wrap: balance; }
.is-style-sb-condensed { font-variation-settings: "wdth" 62; font-weight: 700; line-height: 1; }

/* Citazione: dichiarazione (prototipo .sb-statement) */
.wp-block-quote.is-style-sb-statement { margin: 0; padding: 28px 0 0; border: 0; border-top: 1px solid var(--sb-line); }
.wp-block-quote.is-style-sb-statement p { font-family: var(--sb-serif); font-weight: 400; font-size: clamp(1.2rem, 1.6vw, 1.4rem); line-height: 1.45; }
.wp-block-quote.is-style-sb-statement cite { display: block; margin-top: 16px; font-style: normal; font-size: .92rem; color: var(--sb-text-soft); }


/* Galleria: striscia scorrevole (prototipo .sb-gallery__strip) */
.wp-block-gallery.is-style-sb-strip { display: flex; flex-wrap: nowrap !important; gap: 20px; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 18px; scrollbar-color: var(--sb-gold) transparent; }
.wp-block-gallery.is-style-sb-strip > .wp-block-image { flex: 0 0 auto !important; width: min(78vw, 860px) !important; margin: 0 !important; scroll-snap-align: start; }
.wp-block-gallery.is-style-sb-strip > .wp-block-image img { width: 100%; height: auto !important; aspect-ratio: 2 / 1; object-fit: cover; border-radius: 4px; }

/* Avviso dei blocchi Space&Blue da completare (solo nell'editor) */
.sb-block-notice { padding: 24px; border: 1px dashed var(--sb-gold-lt); border-radius: 4px; color: var(--sb-gold-lt); font-size: .95rem; text-align: center; }
.sb-light .wp-block-quote.is-style-sb-statement cite { color: var(--sb-ink-muted); }
.sb-light .sb-block-notice { color: var(--sb-gold-dk); border-color: var(--sb-gold-dk); }