/* =========================================================
   TSG — overrides que valem SÓ dentro do editor.
   Esta folha entra pelo mesmo array de inc/styles.php, que alimenta o front e o
   add_editor_style(). Regras aqui devem ser inofensivas no front — na dúvida, escopo
   em .editor-styles-wrapper.
   ========================================================= */

/* O cabeçalho é sticky no front. Dentro do canvas do editor, sticky faz a pílula
   "perseguir" a rolagem e cobrir o bloco que o cliente está editando. */
.editor-styles-wrapper .tsg-cabecalho {
	position: static;
	pointer-events: auto;
}

/* O seletor de idiomas no editor é só preview: sem cursor de "proibido", que ali
   confundiria o cliente. */
.editor-styles-wrapper .tsg-idiomas__item.is-indisponivel {
	cursor: default;
}

/* Seção inativa: no front ela é display: none (assets/css/estados.css, fora do array).
   Aqui ela precisa continuar visível e editável — senão o cliente abriria a Home sem a
   seção que foi lá justamente para ligar. O contorno e o selo existem para o estado não
   passar por bug: a seção aparece no editor e não aparece no site. */
.editor-styles-wrapper .is-style-tsg-inativa {
	position: relative;
	outline: 2px dashed var(--wp--preset--color--sinalizacao);
	outline-offset: -2px;
	opacity: 0.72;
}

.editor-styles-wrapper .is-style-tsg-inativa::after {
	content: "inativa — oculta no site";
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	padding: 4px 10px;
	background-color: var(--wp--preset--color--sinalizacao);
	color: var(--wp--preset--color--texto);
	border-bottom-left-radius: var(--wp--custom--raio-botao);
	font-family: var(--wp--preset--font-family--titulo);
	font-size: var(--wp--preset--font-size--label-caps);
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	pointer-events: none;
}