/**
 * Stili condivisi dai blocchi "Edizione": visibilità mobile/desktop e
 * overlay "sezione nascosta" nell'editor. Caricato sia in frontend sia come
 * editor style (vedi inc/blocks/index.php).
 */

/* Nascondi su mobile/desktop, impostati dal pannello Visibilità sezione. */
@media (max-width: 781px) {
	.fl-edizione-block.is-hidden-mobile {
		display: none;
	}
}

@media (min-width: 782px) {
	.fl-edizione-block.is-hidden-desktop {
		display: none;
	}
}

/* Overlay "Sezione nascosta": solo dentro l'editor, mai in frontend (in
   frontend render.php ritorna direttamente stringa vuota per i blocchi con
   isHidden = true, quindi questa regola non ha nulla su cui applicarsi lì). */
.editor-styles-wrapper .fl-edizione-block--is-hidden-in-editor,
.block-editor-block-preview__content .fl-edizione-block--is-hidden-in-editor {
	position: relative;
	opacity: 0.5;
	outline: 2px dashed var(--wp--preset--color--secondary, #e04b2d);
	outline-offset: 4px;
}

.fl-edizione-block__hidden-badge {
	position: absolute;
	top: var( --wp--preset--spacing--20, 8px );
	left: var( --wp--preset--spacing--20, 8px );
	z-index: 5;
	background: var( --wp--preset--color--secondary, #e04b2d );
	color: #fff;
	font-family: var( --wp--preset--font-family--mono, monospace );
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-size: 11px;
	padding: 4px 10px;
	border-radius: 999px;
}

/* Placeholder generico per i blocchi figlio quando l'edizione non è ancora
   selezionata nel blocco padre (nessun edizioneId in context). */
.fl-edizione-block__placeholder {
	padding: var( --wp--preset--spacing--40, 24px );
	border: 1px dashed var( --wp--preset--color--foreground-muted, #c2cad7 );
	border-radius: 8px;
	font-family: var( --wp--preset--font-family--body, serif );
	color: var( --wp--preset--color--foreground, #000 );
	text-align: center;
}