/* ==========================================================================
   [B] Multilang Editor — Block editor styles
   ========================================================================== */

/* --------------------------------------------------------------------------
   Wrapper (frontend + editor)
   -------------------------------------------------------------------------- */
.baqml-wrapper {
	display: block;
}

/* --------------------------------------------------------------------------
   Editor toolbar (language tab buttons)
   -------------------------------------------------------------------------- */
.baqml-toolbar {
	display: flex;
	gap: 4px;
	margin-bottom: 8px;
	flex-wrap: wrap;
}

.baqml-tab {
	border: 1px solid #e2e8f0;
	background: #fff;
	padding: 5px 10px;
	border-radius: 4px;
	cursor: pointer;
	font-size: 13px;
	line-height: 1.3;
	transition: background 0.12s, color 0.12s;
}

.baqml-tab:hover {
	background: #e0e7ff;
	border-color: #6366f1;
}

.baqml-tab.is-active {
	background: #1d4ed8;
	color: #fff;
	border-color: #1d4ed8;
}

/* --------------------------------------------------------------------------
   Help / description text inside blocks
   -------------------------------------------------------------------------- */
.baqml-help {
	font-size: 12px;
	color: #6b7280;
	margin-bottom: 8px;
	font-style: italic;
}

/* --------------------------------------------------------------------------
   RichText wrapper (multilang-content block)
   -------------------------------------------------------------------------- */
.baqml-rte-wrap {
	padding: 4px 0;
}

/* --------------------------------------------------------------------------
   Slot visibility in the editor:
   Show only the active language's slot; show all when data-active="*".
   Built-in language codes (gl/es/en/pt/fr/it/de):
   -------------------------------------------------------------------------- */
.baqml-multilang-editor [data-baqml-lang] {
	display: none;
}

.baqml-multilang-editor[data-active="*"] [data-baqml-lang] {
	display: block;
}

.baqml-multilang-editor[data-active="gl"] [data-baqml-lang="gl"],
.baqml-multilang-editor[data-active="es"] [data-baqml-lang="es"],
.baqml-multilang-editor[data-active="en"] [data-baqml-lang="en"],
.baqml-multilang-editor[data-active="pt"] [data-baqml-lang="pt"],
.baqml-multilang-editor[data-active="fr"] [data-baqml-lang="fr"],
.baqml-multilang-editor[data-active="it"] [data-baqml-lang="it"],
.baqml-multilang-editor[data-active="de"] [data-baqml-lang="de"],
.baqml-multilang-editor[data-active="ca"] [data-baqml-lang="ca"],
.baqml-multilang-editor[data-active="eu"] [data-baqml-lang="eu"],
.baqml-multilang-editor[data-active="ro"] [data-baqml-lang="ro"],
.baqml-multilang-editor[data-active="nl"] [data-baqml-lang="nl"],
.baqml-multilang-editor[data-active="pl"] [data-baqml-lang="pl"],
.baqml-multilang-editor[data-active="ru"] [data-baqml-lang="ru"],
.baqml-multilang-editor[data-active="zh"] [data-baqml-lang="zh"],
.baqml-multilang-editor[data-active="ja"] [data-baqml-lang="ja"],
.baqml-multilang-editor[data-active="ar"] [data-baqml-lang="ar"] {
	display: block;
}
/* Extra custom language codes are handled via wp_add_inline_style() in PHP. */

/* --------------------------------------------------------------------------
   Drop zone inside language slot
   -------------------------------------------------------------------------- */
.baqml-lang .block-editor-inner-blocks {
	min-height: 80px;
	padding: 8px;
	outline: 1px dashed #cbd5e1;
	outline-offset: -6px;
	border-radius: 2px;
}