/*
|--------------------------------------------------------------------------
| VisionThinks UI / Components / Modal
| 2026-09-01 | Autor: Claude
|
| VisionThinks-spezifische Gestaltung des portablen Basismoduls
| global_functions/05-atomar-modules/005-ui-modal.
|
| Das Basismodul bleibt unveraendert und projektneutral. Es bringt mit
| background: #fff einen bewussten Standalone-Fallback mit, damit ein
| Dialog auch ohne Themeschicht lesbar bleibt. Diese Datei ist der
| vorgesehene Owner der VisionThinks-Ausprägung und ersetzt den Fallback.
|
| Ladeweg, zwingend:
| Diese Datei wird in vt-liveconfig.php als eigenes Style-Handle mit
| Abhaengigkeit von 'vt-ui-modal' eingebunden. Nur dadurch steht sie im
| Dokument NACH dem Basismodul. Beide Regeln besitzen die Spezifitaet
| (0,1,0); die Ueberschreibung erfolgt allein ueber die Quellreihenfolge -
| ohne !important und ohne Spezifitaetserhoehung.
|
| Ein @import in vt-ui.css waere ungeeignet: vt-ui.css wird vor dem
| Basismodul geladen und wuerde bei gleicher Spezifitaet verlieren.
|
| Keine Feature-Kopplung: die Regel haengt an der Komponentenklasse und
| gilt damit fuer alle Verwender des Moduls - derzeit Domainsuche und
| Domainpreisliste.
|--------------------------------------------------------------------------
*/

/*
| Foundation-Werte verfuegbar machen. Dasselbe Muster verwenden bereits
| 03-components/vt-card-group-domainauswahl.css (Zeile 1) und
| 03-components/vt-form-inputfield.css (Zeile 24). Ueber diese beiden ist
| vt-colors.css auf den heutigen Verwenderseiten bereits erreichbar; der
| Import macht diese Komponente unabhaengig davon selbsttragend.
*/
@import url("../01-foundation/vt-colors.css");
@import url("../01-foundation/vt-radius.css");

/*
| Ausschliesslich Flaeche und Textfarbe.
|
| Die Variante "minimal" wird hier bewusst NICHT erneut geregelt: das
| Basismodul setzt fuer sie background: transparent mit der Spezifitaet
| (0,2,0) und gewinnt damit unabhaengig von der Quellreihenfolge. Der
| Ladezustand aus Deploy 1910 bleibt dadurch unveraendert transparent.
|
| Nicht veraendert werden Rahmen, Radius, Schatten, Innenabstand, Breite,
| Typografie, Schliessknopf, Backdrop, Aktionen, Animation und Loader.
*/
.custom-modal__dialog {
    background: var(--vt-modal-surface);
    color: var(--vt-modal-text);
    border-radius: var(--vt-radius-modal, 28px);
}

/* Minimale Lade-Modale behalten ihre Sonderdarstellung. */
.custom-modal--minimal .custom-modal__dialog {
    border-radius: 0;
}

/*
| 2026-11-07 | Claude | D3 (Klaus 02:33): Schließen-× als Kreis für ALLE Modals
| (vorher nur seitenlokal auf der Preisseite, F2-3e). Regel siehe Projekt
| claude/komponente-modal.md. (0,2,0), damit Theme-Knopfregeln nicht greifen.
*/
.custom-modal .custom-modal__close {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    min-width: 0;
    min-height: 0;
    padding: 0;
    border-radius: 50%;
    line-height: 1;
}