/* ========================================================================== 
   SDB — Kingster Adapter
   Camada seletiva de migração do antigo “SDB — Estilos Globais Kingster”.

   Escopo obrigatório:
   - adaptar HTML real do Kingster/GoodLayers;
   - consumir tokens oficiais --sdb-*;
   - não criar tokens visuais próprios;
   - não importar componentes completos do Design System.
   ========================================================================== */

body.sdb-kingster-child {
	color: var(--sdb-color-text, inherit);
}

body.sdb-kingster-child .kingster-body-wrapper {
	background-color: var(--sdb-color-surface, #ffffff);
}

/* --------------------------------------------------------------------------
   Compatibilidade estrutural na retirada do “Kingster CSS Global Styles”.

   - O page wrapper corta apenas o excesso horizontal de componentes full-bleed
     (por exemplo sliders com 100vw) sem criar um scroll container.
   - O espaçamento de 30px replica o contrato histórico do Kingster Global CSS.
   - Não altera largura, transform, markup ou CSS interno de plugins consumidores.
   -------------------------------------------------------------------------- */

body.sdb-kingster-child #kingster-page-wrapper,
body.sdb-kingster-child .kingster-page-wrapper {
	overflow-x: clip;
}

body.sdb-kingster-child .kingster-content-area,
body.sdb-kingster-child .kingster-sidebar-area {
	padding-top: 30px;
}

/*
 * Compatibilidade estrutural — SDB Slider Multisite.
 *
 * O antigo “Kingster CSS Global Styles” neutralizava `margin` e `padding` em
 * todos os `div` filhos diretos de Text Boxes GoodLayers. Os wrappers full-bleed
 * do slider dependiam incidentalmente desse reset: sem ele, uma margem negativa
 * do wrapper desloca a técnica 100vw + left:50% + translateX(-50%).
 *
 * Recriamos apenas o efeito de que o slider realmente necessita, nos dois
 * wrappers públicos conhecidos do plugin, sem restaurar o reset global.
 */
body.sdb-kingster-child .gdlr-core-text-box-item-content > .sss-slider-global-wrapper,
body.sdb-kingster-child .gdlr-core-text-box-item-content > .sss-m-global-wrapper {
	margin: 0 !important;
	padding: 0 !important;
}

body.sdb-kingster-child :where(.kingster-page-wrapper, .kingster-content-area, .gdlr-core-page-builder-body) :focus-visible {
	outline: 2px solid color-mix(in srgb, var(--sdb-color-primary, currentColor) 48%, transparent);
	outline-offset: 3px;
}