/* ---------------------------------------------------------------------------
   Aazet Plus: sivustokohtainen ilme (ladataan kirjaston CSS:n jälkeen)

   Värit asetetaan suoraan kirjaston --kp-*-muuttujiin, jotta sivuston omaan
   teemaan (Divi) ei tule uusia muuttujia. Sävyt ovat samat kuin uuden
   sivuston demossa (asiakkaat/aazet/styles.css :root): beige, pronssi ja
   lähes musta, mitattu aazet.fi:stä 30.9.2026. Pronssi on tummennettu
   painikkeisiin, jotta valkoinen teksti kestää sen (4,9:1).
   --------------------------------------------------------------------------- */
:root {
  --kp-primary:    #8F6540;
  --kp-primary-2:  #75512F;
  --kp-on-primary: #fff;
  --kp-dark:       #1D1D1D;
  --kp-on-dark:    #E6E1DA;
  --kp-surface:    #fff;
  --kp-surface-2:  #F5F3ED;
  --kp-text:       #2A2A2A;
  --kp-heading:    #1D1D1D;
  --kp-muted:      #6B665E;
  --kp-border:     #E3DCD2;
  /* Aazetin ilme on lähes suorakulmainen (demossa 2–4 px); kirjaston 20 px
     pyöristys näyttäisi vieraalta sivuston rinnalla. */
  --kp-radius:     8px;
  --kp-radius-sm:  5px;
  /* Divin kiinteä yläpalkki on 99999 ja CookieYesin banneri 9999999: paneeli
     jää bannerin alle, jotta evästevalinta ei peity, mutta kaiken muun päälle. */
  --kp-z:          9999990;
}

/* Fontti periytyy sivustolta (Divin leipäfontti), ei omaa latausta. */
.kp-root { font-family: inherit; }

/* Divi lisää otsikoille, kappaleille ja listoille alapehmusteen ja oman
   rivivälin. Paneelin sisällä käytetään kirjaston mitoitusta. */
.kp-root h1, .kp-root h2, .kp-root h3, .kp-root h4 { padding-bottom: 0; line-height: 1.2; }
.kp-root p { padding-bottom: 0; }
/* Divi värittää linkit siniseksi; paneelissa linkit ovat pronssia. */
.kp-root p a { color: var(--kp-primary); text-decoration: underline; text-underline-offset: 2px; }

/* UKK-vastausten tietorivit ovat pitkiä kappaleita, eivät lyhyitä arvoja:
   normaali leikkaus ja leipätekstin väri kirjaston lihavoinnin sijaan. */
.kp-root .kp-tiedot dd { font-weight: 400; color: var(--kp-text); }
.kp-root .kp-tiedot dd ul { margin: 4px 0 0; padding: 0 0 0 18px; list-style: disc; line-height: 1.5; }
.kp-root .kp-tiedot dd li { margin: 0 0 5px; padding: 0; }
.kp-root .kp-tiedot dd li:last-child { margin-bottom: 0; }

/* Avausnapin pallo pronssilla, aksenttiviiva pois (sama kuin Ateljéllä). */
.kp-accent { display: none; }
.kp-navi button::before { display: none; }
.kp-navi button[aria-current="page"] { color: var(--kp-primary); }