/* ============================================================
   Baskin Senigallia — foglio "ponte" per Gutenberg
   Questo file NON sostituisce né duplica baskin.css: aggiunge solo
   le pochissime regole necessarie perché i blocchi nativi di
   Gutenberg (che avvolgono il contenuto in wrapper propri, es.
   <div class="wp-block-button">) producano lo stesso risultato
   visivo dell'HTML originale, dove le classi .sb-btn stavano
   direttamente sul tag <a>.
   ============================================================ */

/* Il blocco "Pulsante" mette la classe personalizzata sul contenitore
   <div class="wp-block-button">, non sul link vero. Ripetiamo qui le
   stesse identiche regole di .sb-btn puntando al link interno. */
.wp-block-button.sb-btn .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 13px 24px;
	border-radius: 999px;
	font-family: var(--sb-font-body);
	font-weight: 700;
	font-size: 0.92rem;
	border: 2px solid transparent;
	cursor: pointer;
	min-height: 44px;
	text-decoration: none;
	transition: transform 0.15s ease, background-color 0.15s ease, border-color 0.15s ease;
}
.wp-block-button.sb-btn--primary .wp-block-button__link {
	background: var(--sb-red);
	color: #fff;
}
.wp-block-button.sb-btn--primary .wp-block-button__link:hover {
	background: var(--sb-red-dark);
	transform: translateY(-1px);
}
.wp-block-button.sb-btn--ghost .wp-block-button__link {
	background: transparent;
	border-color: var(--sb-ink);
	color: var(--sb-ink);
}
.wp-block-button.sb-btn--ghost .wp-block-button__link:hover {
	background: var(--sb-ink);
	color: #fff;
}

/* Il blocco "Dettagli" nativo aggiunge le sue classi a <details>/<summary>:
   le regole .sb-faq details / .sb-faq summary del CSS originale funzionano
   già perché sono selettori per tag, non per classe — nessuna aggiunta
   necessaria qui, lasciato come nota. */

/* I Group block non aggiungono margini propri, ma il tema può impostarne
   per i blocchi wp-block-group in generale: azzerati dentro al contenitore .sb
   per non alterare gli spazi già definiti da .sb-section, .sb-wrap, ecc. */
.sb .wp-block-group { margin-top: 0; margin-bottom: 0; }
.sb .wp-block-heading { margin: 0 0 0.5em 0; }

/* Le 3 sezioni che nell'originale avevano uno style="background:var(--sb-soft)"
   inline: qui lo stesso identico valore, come classe, per restare un blocco
   Group nativo e valido invece di uno stile inline non gestito dal blocco. */
.sb-bg-soft { background: var(--sb-soft); }

/* Nella sezione "Torneo di Vallefoglia" il primo blocco sb-section-head aveva
   style="margin-bottom:0" per stare affiancato al riquadro data/luogo. */
.sb-section-head--flush { margin-bottom: 0; }

/* ============================================================
   Modulo contatti reale (Contact Form 7)
   Contact Form 7 avvolge ogni campo in un proprio <span>: le regole
   sotto fanno sì che quello span "sparisca" dal layout (display:contents)
   così i campi restano dentro .sb-form-row esattamente come nell'originale,
   larghi al 100% e con lo stesso spaziamento.
   ============================================================ */
.sb-form .wpcf7-form-control-wrap { display: block; width: 100%; }

/* Riga della checkbox privacy: CF7 mette checkbox + testo dentro un unico
   <label>, annidato in un paio di span in più. Neutralizziamo quegli span
   e ridiamo al <label> lo stesso layout (icona a sinistra, testo a destra,
   stesso gap) che aveva la coppia input+label originale. */
.sb-form-row--checkbox .wpcf7-form-control-wrap,
.sb-form-row--checkbox .wpcf7-acceptance,
.sb-form-row--checkbox .wpcf7-list-item {
	display: contents;
}
.sb-form-row--checkbox label {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	font-weight: 400;
	font-size: 0.85rem;
	cursor: pointer;
}
.sb-form-row--checkbox input[type="checkbox"] {
	margin-top: 4px;
	width: 18px;
	height: 18px;
	flex-shrink: 0;
}

/* Il tasto di invio di CF7 è un <input type="submit">, non il <button>
   originale: stesse identiche regole di .sb-btn.sb-btn--primary. */
.sb-form-actions .wpcf7-form-control-wrap { display: contents; }
.sb-form-actions input.wpcf7-submit {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 13px 24px;
	border-radius: 999px;
	font-family: var(--sb-font-body);
	font-weight: 700;
	font-size: 0.92rem;
	border: 2px solid transparent;
	cursor: pointer;
	min-height: 44px;
	background: var(--sb-red);
	color: #fff;
	transition: transform 0.15s ease, background-color 0.15s ease, border-color 0.15s ease;
}
.sb-form-actions input.wpcf7-submit:hover {
	background: var(--sb-red-dark);
	transform: translateY(-1px);
}

/* CF7 mostra i messaggi di errore/successo in un riquadro proprio: gli
   diamo solo un po' d'aria, senza toccarne i colori (li gestisce CF7
   in base a validazione riuscita/fallita). */
.sb-form .wpcf7-response-output { margin-top: 14px; border-radius: 8px; font-size: 0.85rem; }
.sb-form .wpcf7-not-valid-tip { font-size: 0.78rem; margin-top: 4px; }