@charset "UTF-8";
/*
 * layer_text — geometrie van de tekstkolom.
 *
 * Consumeert wat {@see Framework\Layer\Renderer\LayerText} per laag emit:
 *   --text-col-w  breedte van de tekstkolom (CMS-veld `column_text_width`)
 *
 * De renderer haalt dit bestand zelf binnen via de StyleRegistry, precies zoals
 * `layer-columns.css`. Dat is bewust géén regel in `assets/css/base.css`: lang niet elke
 * site laadt die stylesheet, en dan zou het CMS-veld op precies die sites weer stil
 * wegvallen — dezelfde klasse fout als de melding die dit oploste (framework#262).
 *
 * De wrapper verschijnt alléén als er een breedte is ingesteld; zonder instelling is er
 * geen element en doet dit bestand niets.
 */

/* Mobiel is een tekstkolom altijd vol: een "50%" uit het CMS is een desktop-verhouding.
   Zonder deze grens werd de tekst op een telefoon een halve-schermbreedte kolom. Het
   breekpunt is hetzelfde als in layer-columns.css, zodat kolommen en tekstkolommen op
   dezelfde breedte omklappen. */
.layer__text-col {
  max-width: 100%;
}

@media (min-width: 761px) {
  .layer__text-col {
    max-width: var(--text-col-w, 100%);
  }
}

/* Gecentreerde tekstlaag → de beperkte kolom staat ook gecentreerd. */
.layer--text--centered .layer__text-col {
  margin-inline: auto;
}