/*
 * MSL 2026 -ulkoasu
 * Vaikutus:
 *   - body.dg-custom-theme -sivut (Mitä Suomi lukee + alasivut + dg_booklist)
 *   - #mita-suomi-lukee -nostolohko etusivulla
 * Lataus: ehdollisesti inc/msl-2026.php:n kautta (MSL-sivut + etusivu)
 *
 * Brändi:
 *   Cormorant Garamond (serif)  → otsikot, brand-display
 *   Figtree (sans)              → leipäteksti, listat, pienet otsikot
 *
 * Korvaa vanhat MSL-fontit:
 *   swear-text (serif)  → Cormorant Garamond
 *   bilo (sans)         → Figtree
 *   Amiko (sans)        → Figtree
 */


/* ===== Body / leipäteksti ===== */

body.dg-custom-theme {
    font-family: 'Figtree', sans-serif;
}


/* ===== Yleisotsikot — kaikki h1–h6 ===== */

body.dg-custom-theme h1,
body.dg-custom-theme h2,
body.dg-custom-theme h3,
body.dg-custom-theme .h1,
body.dg-custom-theme .h2,
body.dg-custom-theme .h3 {
    font-family: 'Cormorant Garamond', serif;
}


/* ===== Pienet otsikot (h4–h6) — Figtree pidetään sans-serifinä luettavuuden vuoksi ===== */

body.dg-custom-theme h4,
body.dg-custom-theme h5,
body.dg-custom-theme h6,
body.dg-custom-theme .h4,
body.dg-custom-theme .h5,
body.dg-custom-theme .h6 {
    font-family: 'Figtree', sans-serif;
}


/* ===== Spesifit overridet style.css:n korkean specificityn säännöille ===== */

/* h1.entry-title (style.css rivi 1661) — swear-text → Cormorant */
body.dg-custom-theme h1.entry-title {
    font-family: 'Cormorant Garamond', serif;
}

/* Artikkelisisältö (style.css rivi 1658) — swear-text → Figtree (leipäteksti) */
body.dg-custom-theme .main-article {
    font-family: 'Figtree', sans-serif;
}

/* Sivupalkin linkkilista (style.css rivi 1609) — bilo → Figtree */
body.dg-custom-theme ul.link-list {
    font-family: 'Figtree', sans-serif;
}

/* TOP-listat (style.css rivi 1676) — bilo → Figtree */
body.dg-custom-theme .booklist {
    font-family: 'Figtree', sans-serif;
}


/* ===== Etusivun MSL-nostolohko (#mita-suomi-lukee) ===== */

section#mita-suomi-lukee {
    font-family: 'Figtree', sans-serif;
}

section#mita-suomi-lukee h1,
section#mita-suomi-lukee h2,
section#mita-suomi-lukee h3,
section#mita-suomi-lukee .h1,
section#mita-suomi-lukee .h2,
section#mita-suomi-lukee .h3 {
    font-family: 'Cormorant Garamond', serif;
}

section#mita-suomi-lukee h2,
section#mita-suomi-lukee h4,
section#mita-suomi-lukee .h1,
section#mita-suomi-lukee .h5 {
    color: #1a30dd;
}

section#mita-suomi-lukee h4,
section#mita-suomi-lukee h5,
section#mita-suomi-lukee h6,
section#mita-suomi-lukee .h4,
section#mita-suomi-lukee .h5,
section#mita-suomi-lukee .h6 {
    font-family: 'Figtree', sans-serif;
}


/* ============================================================
   FORMAATTIKOHTAISET VÄRIT — MSL-brändi 2026
   Roolijako Nooran A4-listapohjista (2026-05-13):
     tausta = vaalea brand-väri
     accent = tumma brand-väri (otsikot, sidebar, listamerkit)
   ============================================================ */

/* Yleinen MSL-tausta (kun ei mitään formaattia / "kaikki formaatit") */
body.dg-custom-theme .booklist .booklist-section,
body.dg-custom-theme.dg_booklist .booklist {
    background-color: #f2f5e8;
    padding: 1.5rem;
    border-radius: 4px;
}

/* Painetut kirjat: tausta #c5d2f8 / accent #1231e6 */
body.dg-custom-theme .booklist .booklist-section.painetut-kirjat {
    background-color: #c5d2f8;
}

/* Äänikirjat: tausta #fdf4f9 (haalea, A4-printin sävy) / accent #592424 */
body.dg-custom-theme .booklist .booklist-section.aanikirjat {
    background-color: #fdf4f9;
}

/* Sähkökirjat: tausta #cdfd85 / accent #767445 */
body.dg-custom-theme .booklist .booklist-section.sahkokirjat {
    background-color: #cdfd85;
}

/* Pokkarit: tausta #fabebf / accent #f05226 */
body.dg-custom-theme .booklist .booklist-section.pokkarit {
    background-color: #fabebf;
}


/* ============================================================
   MSL päälistan typografian yhdenmukaisuus print-version kanssa
   Kohdistuu vain MSL-osioon — msl-2026.css ladataan ehdollisesti.
   ============================================================ */

/* Kirjailija (lista-rivin .label-span) Cormorant Garamond, kuten print-sivun .writer */
body.dg-custom-theme .booklist-section ol li .label {
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.2rem;
}

/* TOP20-taulukko: kirjailija (3. solu) Cormorant Garamond, kuten print-sivun .writer */
body.dg-custom-theme .booklist table tbody tr td:nth-child(3) {
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.2rem;
    line-height: 1.2;
}

/* TOP20-taulukko: teos (4. solu) ilman italicia, kuten print-sivun .book */
body.dg-custom-theme .booklist table tbody tr td:nth-child(4) {
    font-style: normal;
}

/* TOP20-taulukko: solut vertikaalisesti keskellä — luettavuus monirivisillä riveillä */
body.dg-custom-theme .booklist table tbody tr td {
    vertical-align: middle;
}

/* Taulukon sisäiset osio-otsikot ("Kotimainen kaunokirjallisuus" jne.) Figtree 600 */
body.dg-custom-theme .booklist table .dg-header h2 {
    font-family: 'Figtree', sans-serif;
    font-weight: 700;
}