/* ⚠️  GENEROVANÝ SOUBOR — NEEDITUJ RUČNĚ.
   Kopie ze zdroje v Kouskysveta/design-system/css/. Změny dělej tam a spusť:
   node scripts/build.mjs  (přepíše tuto kopii). */

/* hello-bridge.css — neutralizér Hello Elementor reset.css
   ─────────────────────────────────────────────────────────
   Hello Elementor parent theme má v `assets/css/reset.css` natvrdo
   magentu #c36 na holých elementech:
       a            { color:#c36 }
       a:hover/...  { color:#336 }
       button, [type=submit], [type=button] { border + color #c36 }
       jejich :hover/:focus { background #c36; color #fff }

   Tenhle soubor cílí na PŘESNĚ STEJNÉ selektory a přebarvuje je na brand
   tokeny. Načítá se ZÁMĚRNĚ AŽ PO reset.css (viz Design_System — enqueue
   na prioritě 20 + dependency na handle `hello-elementor`), takže při
   shodné specificitě vyhrává díky pozdějšímu pořadí v kaskádě.

   Proč bez !important: selektory jsou holé elementy (nízká specificita),
   takže Elementor / WooCommerce tlačítka, která mají vlastní třídy
   (.elementor-button, .button, .wp-element-button …), zůstanou nedotčená.
   Přebarvujeme jen to, co reset.css „ošklivě" obarvil magentou.

   Token fallbacky drží barvy i kdyby se z nějakého důvodu nenačetl
   tokens.css (var(--x, fallback)). */

/* ── Odkazy ───────────────────────────────────────────── */
a {
  color: var(--color-primary, #d2843d);
}
a:active,
a:hover {
  color: var(--color-primary-hover, #c6782f);
}

/* ── Holá tlačítka (bez Elementor/Woo třídy) ──────────── */
[type="button"],
[type="reset"],
[type="submit"],
button {
  border-color: var(--color-primary, #d2843d);
  color: var(--color-primary, #d2843d);
}
[type="button"]:focus,
[type="button"]:hover,
[type="reset"]:focus,
[type="reset"]:hover,
[type="submit"]:focus,
[type="submit"]:hover,
button:focus,
button:hover {
  background-color: var(--color-primary, #d2843d);
  color: var(--color-text-invert, #fff);
}