/*
 * Font Poppins khusus teks deskripsi di seluruh halaman TAMZSTORE (publik, akun, admin, receipt).
 * Judul, tombol, label, harga, input, ikon, dan teks lain tetap memakai font masing-masing.
 * Dimuat di <head> layout (main, main-admin, receipt) bersama Google Fonts Poppins 400/500/600/700.
 *
 * Yang dianggap deskripsi:
 *  - <p> (paragraf), <figcaption>, <blockquote>, teks bantuan form (.form-text, .card-text, .lead)
 *  - elemen dengan class bernama *desc* / *description*, *subtitle*, *-sub, *caption*, *-intro, *-copy,
 *    *tagline*, *-note, *-hint, *-answer (jawaban FAQ)
 *  - isi daftar (ul/ol/li) di dalam blok deskripsi
 * Pengecualian: elemen yang sendiri berupa/berisi judul, nama, tombol, ikon, label, badge, harga, atau field form,
 * sehingga font judul/tombol di dalam card deskripsi tidak ikut berubah.
 * !important dipakai karena tiap halaman menimpa font lewat <style> di body (mis. Urbanist !important di order).
 */

:root {
    --tamz-font-deskripsi: "Poppins", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
}

:is(
    p,
    figcaption,
    blockquote,
    .form-text,
    .card-text,
    .lead,
    [class*="desc"],
    [class*="subtitle"],
    [class$="-sub"],
    [class*="-sub "],
    [class*="caption"],
    [class*="-intro"],
    [class*="-copy"],
    [class*="tagline"],
    [class*="-note"],
    [class*="-hint"],
    [class*="-answer"],
    :is([class*="desc"], [class*="-answer"]) :is(ul, ol, li, dd)
):not(
    h1, h2, h3, h4, h5, h6, button, a.btn, label, input, select, textarea, option, i, svg, svg *, img, code, pre,
    .fw-bold,
    [class*="icon"], [class*="-ico"], [class^="ico"],
    [class^="fa-"], [class*=" fa-"], .fa, .fas, .far, .fab, .fal, .fad,
    [class^="bx"], [class*=" bx"], [class^="mdi"], [class*=" mdi"], [class^="ri-"], [class*=" ri-"],
    [class^="bi-"], [class*=" bi-"], [class*="material-"], [data-feather],
    [class*="btn"], [class*="button"], [class*="label"], [class*="badge"],
    [class$="-title"], [class*="-title "], [class*="-head"], [class*="-name"],
    [class*="-price"], [class*="harga"], [class*="amount"], [class*="nominal"],
    :has(h1, h2, h3, h4, h5, h6, button, input, select, textarea, [class$="-title"], [class*="-title "], [class*="-head"], [class*="-name"])
) {
    font-family: var(--tamz-font-deskripsi) !important;
}