/* ============================================================
   SOKOHAI — TYPOGRAPHY SYSTEM (2026-09-14)
   ------------------------------------------------------------
   TATIZO LILILOKUWEPO:
   - font-size declarations 614, kati yake 372 zilikuwa CHINI ya
     13px (hadi 7.5px) — ndogo mno, ngumu kusoma kwenye simu.
   - font-family ilikuwa 'Segoe UI' (font ya Windows) badala ya
     Inter iliyokuwa ikipakuliwa bure.

   KIWANGO CHA MASOKO (Amazon, Jumia, Alibaba, Etsy):
     body/msingi ...... 15-16px   (SokoHai: 15px)
     maandishi madogo .. 13-14px
     caption/meta ...... 12px  ← HAKUNA kidogo kuliko hii
     kichwa cha kadi ... 15-16px
     bei ............... 17-18px

   Faili hii inapakiwa MWISHO ili ishinde thamani ndogo za awali.
   ============================================================ */

:root {
    /* Ngazi za ukubwa — hakuna kilicho chini ya 12px */
    --fs-3xs: 12px;   /* ilikuwa 7.5-9.5px  */
    --fs-2xs: 12.5px; /* ilikuwa 10-10.5px  */
    --fs-xs:  13px;   /* ilikuwa 11-11.5px  */
    --fs-sm:  14px;   /* ilikuwa 12-12.5px  */
    --fs-md:  15px;   /* msingi             */
    --fs-lg:  16px;
    --fs-xl:  18px;
    --fs-2xl: 20px;
    --fs-3xl: 24px;

    --lh-tight: 1.3;
    --lh-base:  1.55;

    --font-ui: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI',
               Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* ---- Msingi ---- */
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }

html, body,
button, input, select, textarea, optgroup {
    font-family: var(--font-ui) !important;
}

body {
    font-size: var(--fs-md) !important;
    line-height: var(--lh-base);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* ============================================================
   NGAZI ZA VICHWA
   Kumbuka: font-size 490 zilizokuwa ndogo mno (hadi 7.5px)
   zimerekebishwa moja kwa moja kwenye CSS/HTML za chanzo, hivyo
   hapa hakuna haja ya kulazimisha `body *`.
   ============================================================ */
h1 { font-size: var(--fs-3xl) !important; line-height: var(--lh-tight); font-weight: 800; }
h2 { font-size: var(--fs-2xl) !important; line-height: var(--lh-tight); font-weight: 800; }
h3 { font-size: var(--fs-xl)  !important; line-height: var(--lh-tight); font-weight: 700; }
h4, h5, h6 { font-size: var(--fs-lg) !important; line-height: var(--lh-tight); font-weight: 700; }

p, li, td, th, label, span, div, a, small, em, strong, b, i {
    font-size: inherit;
}

/* Vipengele vya fomu — 16px huzuia iOS kuzoom wakati wa kuandika */
input, select, textarea {
    font-size: 16px !important;
    line-height: 1.4;
}
button { font-size: var(--fs-sm) !important; }
/* [AO-BANNER-FIX] Compact opt-out halali: chips/toggles za kutuliza (banners,
   pills za feed, sehemu zenye nafasi chache) hutumia .skh-btn-sm — readability
   iko heshima kwa buttons KUU, lakini maelezo kidogo hayapaswi kuwa 14px. */
button.skh-btn-sm { font-size: var(--fs-xs) !important; }

/* ---- Maandishi madogo YALIYOKUSUDIWA (si madogo mno) ---- */
small, .small, .caption, .meta, .muted,
.skh-loc, .skh-views, .skh-pinloc, .skh-card-sub,
.pm-muted, .pm-spec-lbl, .pm-rev-date,
.ch-cc-time, .ch-meta, .ch-sender,
.skh-hf-n, .skh-lc-badge, .skh-lc-hm, .nf-hint {
    font-size: var(--fs-xs) !important;
    line-height: 1.45;
}

/* ---- Kadi za soko ---- */
.skh-title       { font-size: var(--fs-lg) !important; font-weight: 700; line-height: 1.35; }
.skh-price       { font-size: var(--fs-xl) !important; font-weight: 800; }
.skh-price-prefix{ font-size: var(--fs-sm) !important; font-weight: 600; }
.skh-seller-name { font-size: var(--fs-sm) !important; }
.skh-badge       { font-size: var(--fs-3xs) !important; font-weight: 700; }

/* ---- Ukurasa wa tangazo ---- */
.pm-title    { font-size: var(--fs-2xl) !important; line-height: 1.3; }
.pm-price    { font-size: var(--fs-3xl) !important; font-weight: 800; }
.pm-sec-title{ font-size: var(--fs-lg)  !important; }
.pm-spec-val { font-size: var(--fs-sm)  !important; }
.pm-bar-lbl  { font-size: var(--fs-sm)  !important; font-weight: 700; }

/* ---- Chat ---- */
.chat-bubble { font-size: var(--fs-md) !important; line-height: 1.45; }
.ch-cc-name  { font-size: var(--fs-md) !important; }
.ch-cc-msg   { font-size: var(--fs-sm) !important; }

/* ---- Nav ya chini ---- */
.nav-item span, .bottom-nav span, [class*="navTab"] span {
    font-size: var(--fs-3xs) !important;
    font-weight: 700;
}

/* ---- Dialogs ---- */
.skd-ttl { font-size: var(--fs-xl) !important; }
.skd-msg { font-size: var(--fs-md) !important; line-height: 1.55; }
.skd-btn { font-size: var(--fs-sm) !important; }

/* Skrini kubwa: ongeza kidogo kwa faraja ya kusoma */
@media (min-width: 768px) {
    :root { --fs-md: 15.5px; --fs-lg: 16.5px; }
}

/* ============================================================
   ICONS — nafasi ya emoji zilizoondolewa
   ============================================================ */
.skh-ico {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: -0.14em;
    flex-shrink: 0;
}
.skh-ico svg { width: 1em; height: 1em; stroke-width: 2; }

/* Emoji inayobaki (reactions pekee) irudi kwenye font ya emoji */
.ch-react, .ch-react-btn, .ch-reaction, .emoji {
    font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', sans-serif !important;
}