/* =====================================================
   TEST — Shoporamas typografiske skala
   -----------------------------------------------------
   Forsøg: gør Vinosomas skriftstørrelser identiske med
   Shoporama-admin. Font-familien (Inter) og body-basen
   (1rem / 1.5) er allerede ens; det er kun tre steder,
   de to systemer er uenige.

   Målt i admin/bootstrap/bootstrap-design/css/styles.css:
     .card, .small, .toast, .alert      0.875rem
     .form-control, .form-label         0.875rem
     .drawer .nav .nav-link             0.875rem
     .drawer .nav .drawer-menu-heading  1.125rem  (normal-case)
     body                               1rem / 1.5

   ROLLBACK: slet denne fil og dens <link> i view/global.html.
   Ingen andre filer er rørt af forsøget.

   Bemærk om specificitet: Tailwinds text-xs/text-base er
   klasser (0,1,0). Selektorerne herunder bruger [class] /
   #sidebar for at komme over dem uden !important.
   ===================================================== */

:root {
    /* Shoporamas to UI-trin */
    --sh-ui-size: 0.875rem;        /* 14px — .card / .form-control / .nav-link */
    --sh-heading-size: 1.125rem;   /* 18px — .drawer-menu-heading */
}

/* --- 1. Sidebar-menupunkter: 16px → 14px ------------------
   Vinosomas punkter arver body-størrelsen (16px), toggle-
   knapperne har text-base. Shoporama kører hele menuen på
   0.875rem. */
#sidebar a[class],
#sidebar button[class] {
    font-size: var(--sh-ui-size);
}

/* Undtag sidebar-footeren (Dark Mode / Help / Settings) — den
   ligger allerede på text-sm og skal ikke flytte sig. */
#sidebar .sidebar-footer a[class],
#sidebar .sidebar-footer button[class] {
    font-size: 0.875rem;
}

/* --- 2. Sidebar-gruppeoverskrifter: 12px → 18px -----------
   Shoporamas "Butik"/"Konto" er store og i normal skrift.
   Uppercase ved 18px ville råbe, så versalerne ryger med —
   det er dét, der giver Shoporama-udtrykket. */
#sidebar h3[class] {
    font-size: var(--sh-heading-size);
    line-height: 1.5;          /* text-xs låste den på 1rem — for lidt til 18px */
    text-transform: none;
    letter-spacing: normal;
    font-weight: 600;
}

/* --- 3. Tabeloverskrifter: 12px versaler → 14px normal ----
   Vinosoma: text-xs uppercase tracking-wider.
   Shoporama: arver 0.875rem fra .card, normal-case. */
table thead th[class] {
    font-size: var(--sh-ui-size);
    text-transform: none;
    letter-spacing: normal;
}

/* --- 4. Kortindhold: 16px → 14px --------------------------
   Shoporamas `.card, .small, .toast, .alert { font-size: 0.875rem }`
   betyder, at ALT indhold i et kort er 14px — også tabelrækker, der
   ellers stod større end deres egen kolonneoverskrift.

   Sættes på side-kortene som ARVET værdi, ikke som override: elementer
   med en eksplicit Tailwind-størrelse (text-3xl på h1, text-sm på
   breadcrumb og knapper) beholder deres egen. Kun det, der før faldt
   tilbage på body'ens 16px, flytter sig. */
#main-content main > div > div {
    font-size: var(--sh-ui-size);
}