/* ────────────────────────────────────────
   Shared Front‑end & Editor Styles
   ──────────────────────────────────────── */

.language-container {
  width: 100%;
  margin-block-start: var(--space-l);
  margin-block-end:   0;
  border-top: 1px solid var(--base-light);
  padding-top: var(--space-s);
}

.language-container h1 {
  margin-block-start: var(--heading-spacing, var(--flow-spacing, initial));
}
.language-container.alignwide,
.language-container[data-align="wide"] {
  max-width:   var(--alignwide-width);
  margin-left: auto;
  margin-right:auto;
}

.language-container.alignfull,
.language-container[data-align="full"] {
  width:        100vw;
  position:     relative;
  left:         50%;
  margin-left: -50vw;
  margin-right:-50vw;
}

.language-container__inner {
  width: 100%;
}

/* ────────────────────────────────────────
   Editor‑only Helpers
   ──────────────────────────────────────── */

.block-editor-block-list__layout .language-container h1 {
  margin-block-start: 0;
}


.block-editor-block-list__layout .language-container {
  position: relative;   /* anchor for ::before */
  padding: 20px 10px;
  margin:  var(--space-m) auto;
  border:  1px dashed #ddd;
}

.block-editor-block-list__layout .language-container::before {
  content: attr(lang);
  position: absolute;
  top:      0;
  left:     0;
  background:#f0f0f0;
  padding:  2px 6px;
  border-radius: 0 0 3px 0;
  font-size: 12px;
  color:     #666;
  z-index:   1;
}

.block-editor-block-list__layout .is-selected .language-container {
  border-color: #ba00b1;
}

.block-editor-block-list__layout .language-container__inner {
  padding: 0;
  margin:  0;
}