/* ==========================================================================
   MASTER INDEX — seoprakticky.cz CSS architektura
   ==========================================================================

   Soubory jsou rozděleny do 8 logických vrstev.
   Nahrávejte je NA WEB ve stejném pořadí (01 → 08), aby kaskáda fungovala správně.

   ── POŘADÍ NAČÍTÁNÍ ──────────────────────────────────────────────────────

   1. 01-tokens.css          Design tokeny (CSS proměnné)  ~  4 KB
   2. 02-base.css            Globální reset, typografie     ~  6 KB
   3. 03-buttons.css         Tlačítka & CTA                ~  4 KB
   4. 04-layout-blocks.css   Layout komponenty             ~ 12 KB
   5. 05-content-blocks.css  Obsahové bloky                ~ 22 KB
   6. 06-tables.css          Tabulky                       ~ 14 KB
   7. 07-author-sources.css  Autor, zdroje, SEO seznamy    ~ 14 KB
   8. 08-social-products.css Sociální sítě & produkty      ~ 12 KB

   Celkem: ~88 KB (před minifikací)

   ── CO BYLO KONSOLIDOVÁNO ────────────────────────────────────────────────

   Původní soubory (18)                →  Nová architektura (8)
   ─────────────────────────────────────────────────────────────────────────
   styl01.css                          →  01-tokens.css + 02-base.css
   cta-button-4.css                    →  03-buttons.css
   tlacitko-s-emoji-1.css              →  03-buttons.css

   2-bloky-text-obrazek-4.css          →  04-layout-blocks.css
   banner-light-3.css                  →  04-layout-blocks.css
   text-button-obrazek-3.css           →  04-layout-blocks.css
   obrazek-zaoblene-rohy.css           →  04-layout-blocks.css
   video-karta-2.css                   →  04-layout-blocks.css
   citace-recenze-obrazek-7.css        →  04-layout-blocks.css

   BLOKY-css-k-nasazeni.css (pk-callout, pk-usp, effects,
     pk-stats, pkd-stats, pk-tiles, pk-alert, pk-tip,
     pk-faq, reviews, pk-cases)        →  05-content-blocks.css
   blok-pripadove-studie-2.css         →  05-content-blocks.css

   jednoducha-tabulka-bez-zahlavi-4.css →  06-tables.css
   tabulka-se-zahlavim-14.css          →  06-tables.css
   srovnavaci-tabulka-2-sluzby-4.css   →  06-tables.css

   medailonek-autora-8.css             →  07-author-sources.css
   zdroje-pod-clankem-8.css            →  07-author-sources.css
   seo-odrazky-seznamy-pruvodce.css    →  07-author-sources.css

   socky.css (pk-social, social-container,
     reels, video-card, hero-metodika,
     produktové úpravy)                →  08-social-products.css

   ── CO BYLO OPTIMALIZOVÁNO ───────────────────────────────────────────────

   ✅ Barvy sjednoceny přes CSS proměnné v 01-tokens.css
      (bylo: #edde00, #eee000, #eddd00 → vždy var(--color-accent))

   ✅ Stínové vzory sjednoceny
      (bylo: box-shadow: 0 2px 6px rgba(0,0,0,.08) × 12×
      → var(--shadow-btn), var(--shadow-btn-hover), var(--shadow-md)…)

   ✅ Hover/active/focus vzor tlačítek sjednocen v 03-buttons.css
      (translateY(-1px), box-shadow, focus-visible outline – DRY)

   ✅ Odstraněna duplicitní :root definice
      (bylo v BLOKY-css-k-nasazeni.css a medailonek-autora-8.css → jen 01-tokens.css)

   ✅ Font-family deklarace sjednoceny
      (bylo: "Segoe UI" × 3 variantami uvozovek → var(--font-body))

   ✅ Přechody/transition sjednoceny
      (bylo: .15s ease × 10× → var(--transition-base))

   ✅ Odstraněna nepoužívaná pravidla a duplikátní .pk-social__badge blok

   ── PŘIDÁVÁNÍ NOVÝCH KOMPONENT ───────────────────────────────────────────

   Nová layout komponenta (sekce, banner)  → 04-layout-blocks.css
   Nová contentrová komponenta (blok textu) → 05-content-blocks.css
   Nová tabulka                             → 06-tables.css
   Nový typ seznamu nebo průvodce           → 07-author-sources.css
   Sociální síť nebo produktová úprava      → 08-social-products.css
   Nové tlačítko                            → 03-buttons.css

   Nové globální hodnoty (barvy, velikosti) → vždy jen 01-tokens.css!

   ========================================================================== */