/*
 * HD SofT — evästebannerin brändisovitus
 *
 * Vendorin silktide-consent-manager.css ladataan ENNEN tätä ja käyttää samoja
 * selektoreita. Samanspesifisyyksinen sääntö häviäisi hiljaa, joten jokainen
 * override alkaa `html`-prefiksillä.
 *
 * TÄSSÄ EI OLE KOVAKOODATTUJA VÄREJÄ. Kaikki tulee Bricksin Color Managerin
 * muuttujista (--primary, --light, --dark), jotta brändiväri pysyy yhdessä
 * paikassa. Fallback-arvot ovat vain sen varalta, ettei Bricksin tyylitiedosto
 * ole vielä latautunut — ne eivät ole toinen totuuden lähde.
 *
 * Tämä tiedosto koskee VAIN kolmannen osapuolen evästewidgetiä. Sivuston omat
 * tyylit (padding, grid, typografia) kuuluvat edelleen yksinomaan Bricksin
 * Theme Styleen — ks. CLAUDE.md "EHDOTON: tyylit Bricksiin, ei JSON:iin".
 */

/* Suostumusikkuna ylimmäksi.
 *
 * Sivuston mobiiliheaderilla on z-index: 99999 — sama kuin Silktiden
 * wrapperilla. Tasapelissä ratkaisee DOM-järjestys, ja Silktide lisää
 * wrapperinsa bodyn ENSIMMÄISEKSI lapseksi, joten se häviää: kielenvaihtaja
 * piirtyi asetusmodaalin päälle. Suostumusikkunan kuuluu olla kaiken muun
 * yläpuolella — se on käyttäjän ainoa keino hallita seurantaa. */
html #stcm-wrapper {
  z-index: 2147483000;
  --fontFamily: inherit;

  /* Vaalea paletti sivuston ilmeen mukaisesti */
  --backgroundColor: #ffffff;
  --textColor: var(--dark, #58585A);

  /* HUOM KONTRASTI: vendor maalaa napin TEKSTIN --backgroundColorilla eli
     tässä valkoisella. Valkoinen suoraan brändisinisellä (--primary #1684B8)
     on 4,18:1 — alle WCAG AA:n 4,5:1 normaalikokoiselle tekstille. Siksi
     napin pinta tummennetaan samasta brändiväristä color-mixillä (→ 5,8:1).
     Sävy säilyy, uutta väriä ei synny. */
  --primaryColor: var(--primary, #1684B8);
  --primaryColor: color-mix(in srgb, var(--primary, #1684B8) 82%, black);

  --backdropBackgroundColor: rgba(0, 0, 0, 0.45);
  --iconColor: #ffffff;
  --iconBackgroundColor: color-mix(in srgb, var(--primary, #1684B8) 82%, black);
}

/* Hyväksy ja hylkää ovat vendorilla molemmat .stcm-button-primary eli yhtä
   näkyvät. Sitä EI saa muuttaa — hylkäyksen hiljentäminen on dark pattern,
   ja niin hankittu suostumus ei ole pätevä. */
html #stcm-wrapper .stcm-button {
  white-space: nowrap;
}

/* Nappirivi saa rivittyä. Napit itse ovat nowrap (yllä), jotta "Vain
   välttämättömät" ei katkea kahdelle riville kesken sanan — mutta jos kielen
   napit eivät mahdu rinnakkain, ne menevät allekkain sen sijaan että banneriin
   ilmestyisi vaakavieritys. Tarpeen, koska 13 kielen nappitekstit ovat eri
   mittaisia (vrt. "Accept all" ja "Akceptuj wszystkie"). */
html #stcm-wrapper #stcm-banner .stcm-actions {
  flex-wrap: wrap;
}

/* Asetukset-linkki: erotu selvästi napeista, mutta pysy luettavana */
html #stcm-wrapper .stcm-preferences-button {
  color: var(--dark, #58585A);
  text-decoration: underline;
}

/* Sulkuristi ja sen SVG tarvitsevat värin erikseen */
html #stcm-wrapper .stcm-modal-close {
  color: var(--dark, #58585A);
}
html #stcm-wrapper .stcm-modal-close svg path {
  fill: var(--dark, #58585A);
}

/* Vendorin oma mainoslinkki pois — emme markkinoi kolmatta osapuolta
   omalla evästebannerillamme */
html #stcm-wrapper .stcm-credit-link,
html #stcm-wrapper .stcm-logo {
  display: none !important;
}

/* ÄLÄ LISÄÄ TÄHÄN rem-YKSIKÖITÄ.
 *
 * Bricks asettaa juurifonttikooksi 10px (--base-font: 10), joten tällä
 * sivustolla 1rem = 10px eikä 16px. Ensimmäinen versio rajasi bannerin
 * `max-width: 32rem` olettaen 512px — todellisuudessa se oli 320px, jolloin
 * "Vain välttämättömät" -nappi leikkautui ja banneriin ilmestyi vaakavieritys.
 *
 * Vendorin oma `width: 600px; max-width: calc(100% - 32px)` on tähän hyvä
 * eikä kaipaa override-sääntöä. Jos leveyttä joskus säädetään, käytä
 * pikseleitä tai vw:tä — ei remiä.
 */