/**
 * Farizon — chat-widgetin KERROS 3: brändäys ja istutuskohtaiset tyylit.
 *
 * 🔴 NIMI ON `theme.css`, EI `chat-widget.css`. Syy on mitattu: kun istutuksen
 * brändäys asui samannimisessä tiedostossa kuin coren kerros 1, jokainen levitys
 * oli valinta joko ylikirjoittaa asiakkaan värit tai jättää widget päivittämättä.
 * Käytännössä valittiin jälkimmäinen, ja widget haarautui neljään versioon.
 *
 * LATAUSJÄRJESTYS syntyy `$deps`-listasta (`class-frontend.php`): tämä tiedosto
 * riippuu `dg-chat-widget`-tyylistä, joten se tulostuu coren oletusten JÄLKEEN.
 * Ei enqueue-kutsujen järjestyksestä — se on kirjoittajan muistin varassa.
 *
 * SISÄLTÖ: design tokenit coren `.cw-wrapper`-sääntöön Farizonin arvoilla +
 * käyttäjän kuplan reuna. Liidilomake on coren (`collect_lead` → `.cw-lead-*`,
 * tyylit coren `chat-widget.css`:ssä); Farizonin oma lomake ja sen
 * `.dg-chat-lead-form*`-säännöt poistettiin E7:ssä 30.9.2026.
 *
 * 🔴 SELEKTORI ON `.cw-wrapper`, EI `:root`. Core määrittelee tokenit
 * `.cw-wrapper`-säännössä, ja `:root` häviäisi spesifisyydessä.
 *
 * 🔑 TÄSSÄ ON VAIN SE MIKÄ EROAA COREN OLETUKSESTA. Identtisen arvon
 * toistaminen (esim. `--cw-text-muted: #64748b`, joka on coren oletus jo nyt)
 * jäädyttäisi Farizonin coren tulevia säätöjä vastaan — eli tuottaisi uuden
 * driftin siinä tiedostossa jonka tehtävä on purkaa drift.
 *
 * LÄHDE: forkin `assets/chat-widget.css:36–54` (17 `--dg-chat-*`-muuttujaa) ja
 * niiden mitatut käyttökohteet samassa tiedostossa. Forkki jää toistaiseksi
 * levylle; se poistetaan vasta kun selaintesti on vihreä (task 329 § 7 kohta 7).
 */

.cw-wrapper {
    /* --- Brändipinta ---
     * Forkki: `--dg-chat-brand` #333D4F (header, lähetysnappi, käyttäjän kupla)
     * ja `--dg-chat-brand-dark` #12161D (hover). Coren `--cw-primary` kantaa
     * saman roolin. */
    --cw-primary: #333D4F;
    --cw-primary-hover: #12161D;

    /* --- Pinnat --- */
    /* Forkin `--dg-chat-surface` #f5f5f5 = viestialueen tausta (`:260`). */
    --cw-bg: #f5f5f5;
    /* Forkin `--dg-chat-border` #e8e8e8. */
    --cw-border: #e8e8e8;

    /* --- Tilavärit --- */
    /* Forkin `--dg-chat-ok` / `--dg-chat-error`. */
    --cw-success: #2e7d32;
    --cw-error: #c62828;

    /* --- Käyttäjän kupla ---
     * 🔑 Farizonin kupla EI ole brändinvärinen täyttö kuten coren oletus
     * (`--cw-bubble-user: var(--cw-primary)`) vaan vaalea pale-blue -pinta
     * tummalla tekstillä (forkki `:273–274`). Ilman näitä kahta riviä kupla
     * muuttuisi purussa vaaleansinisestä tummanharmaaksi — näkyvä regressio
     * jota mikään ei ilmoittaisi. */
    --cw-bubble-user: #D6E2F2;
    --cw-bubble-user-text: #12161D;

    /* --- Fokusrengas ---
     * 🔴 EI brändioranssia. WCAG 2.2 / 1.4.11 vaatii fokusindikaattorilta
     * vähintään 3:1 kontrastin viereiseen pintaan, ja Farizonin oranssi
     * #FF6432 on 2,96:1 eli HYLÄTTY. Läpinäkyvä #333D4F coren värituokenissa
     * on 8,92:1 (mitattu komposiittina, fokuskontrasti-istutukset.js). Alfa
     * 0.45 laimensi saman värin 2,28:1:een, joten väri on aina läpinäkymätön.
     * (Coren oma `chat-widget.css` nimeää tämän saman mittauksen.) */
    --dg-chat-focus-ring-color: #333D4F;
}

/* Käyttäjän kuplan korostusreuna — Farizonin visuaalinen tunnusmerkki
 * (forkki `:275`, `border: 1px solid var(--dg-chat-accent)`). Corella ei ole
 * reunaa käyttäjän kuplassa eikä accent-tokenia, joten tämä on sääntö eikä
 * muuttujan yliajo. Oranssi kelpaa tähän: kyse ei ole fokusindikaattorista
 * vaan koristereunasta, jota WCAG 1.4.11 ei koske. */
.cw-wrapper .cw-bubble-user {
    border: 1px solid #FF6432;
}

/* Disclosure-rivi keskitettynä ja väljempänä (teeman common.css:n linja
 * 26.8.2026). A702 (core 2026.10.01.11) siirsi paneelin flex-lapseksi
 * `.cw-disclosure-row`n ja `.cw-disclosure` on nyt inline-teksti avaajan
 * sisällä — teeman `.cw-wrapper .cw-disclosure { text-align; padding-block }`
 * ei siksi enää vaikuta (mitattu 2.10.: rivi start/5.95px). Kohde on coren
 * valitsin, ei teeman. 15px = teeman spacing-asteikko. `:has`-rivi tarvitaan,
 * koska coren `.cw-disclosure-row:has(...)` asettaa padding-topin ja voittaisi
 * pelkän `.cw-wrapper .cw-disclosure-row`n spesifisyydessä (mitattu 2.10.). */
.cw-wrapper .cw-disclosure-row,
.cw-wrapper .cw-disclosure-row:has(.cw-disclosure:not(:empty)) {
    text-align: center;
    padding-block: var(--wp--preset--spacing--15, 15px);
}