/* ══ NUPPUDE ÜHTNE KUJU ══
   Omaniku soov 2026-08-30: „call-to-action nuppude kuju peab olema igal ekraanil sama.
   Värv võib erineda, aga kuju mitte — ja pigem VÄHEM ümar, väike ümardus nurkadel."

   Enne seda oli sama tähendusega nupp igal lehel isesuguse kujuga:
     avaleht          rounded-full  (pill)
     /tootoad         rounded-2xl   (16px)
     /tootoad/{id}    rounded-2xl   (16px)
     /pood            rounded-2xl   (16px)
     /blogi/<slug>    rounded-lg    (8px)
   Nüüd on kõigil ÜKS raadius. Värvid jäävad puutumata — roosa (brand-accent), pruun
   (brand-text), valge ääristega ja punane hoiatus töötavad edasi täpselt nagu enne.

   ⚠️ PLAIN CSS, sest `static/css/tailwind.css` on EELNEVALT EHITATUD (mitte JIT) — uusi
   Tailwindi utiliite lisada ei saa. Laaditakse tailwind.css JÄREL, et see üle kirjutaks.

   ⚠️ RINGIKUJULISED IKOONINUPUD JÄÄVAD RINGIKS. Koguse − / + steppered, „?" abinupp,
   modaalide sulge-rist ja admin-lülitid on ikoonid, mitte CTA-nupud — nurkadega ruut
   näeks seal vale välja. Need on välja jäetud `:not([class~="w-8"])` jne abil.
   `[class~="…"]` matchib TÄPSELT tokeni, seega `w-80` vms ei satu kogemata välja. */

:root {
    --btn-radius: 10px;
}

button[class*="rounded-"]:not([class~="w-6"]):not([class~="w-7"]):not([class~="w-8"]):not([class~="w-10"]):not([class~="w-11"]):not([class~="w-12"]):not([class~="rounded"]),
a[class*="rounded-"]:not([class~="w-6"]):not([class~="w-7"]):not([class~="w-8"]):not([class~="w-10"]):not([class~="w-11"]):not([class~="w-12"]),
input[type="submit"][class*="rounded-"],
.cta-primary,
.cta-secondary,
.nav-cta {
    border-radius: var(--btn-radius);
}

/* Keelevahetaja (vt _lang_switch.html) kasutab sama raadiust, et päis oleks ühtne. */
.lang-sw a {
    border-radius: var(--btn-radius);
}

/* ── Nimega nupu-klassid, millel POLE Tailwindi `rounded-*` klassi, seega ülemine
     reegel ei näe neid. `button.`/`a.` eesliide tõstab spetsiifilisust (0,0,1,1), et
     see võidaks ka siis, kui klassi enda reegel on failis HILJEM (nt `_pay_choice.html`
     on `<style>` malli sees, seega päise <link>-ist tagapool). ── */
button.pay-choice,
a.pay-choice,
button.payment-method-btn,
a.payment-method-btn,
button.host-close,
button.add-btn,
button.shop-chip,
button.ws-filter,
button.cat-pill {
    border-radius: var(--btn-radius);
}