/*
 * Čistý řetěz — doladění vzhledu nad společným shop.css.
 *
 * Společný styl počítá s dvojicí „světlá plocha + tmavý text" (na servis-kol.cz
 * světle modrá a tmavě modrá). Obchodu jsem do plochy dal uhlovou a do textu
 * oranžovou, takže vznikla černo-oranžová kombinace s kontrastem 3,1:1 —
 * pod normou pro čitelnost.
 *
 * Řešení: plocha je oranžová, text na ní bílý (5,3:1). Oranžová jako barva
 * textu na bílém zůstává pro odkazy a drobné akcenty, kde funguje dobře.
 */

:root {
  --cr-orange:       #B8480A;
  --cr-orange-dark:  #9C3D08;
  --sk-variant-bg:   #B8480A;   /* vybraná velikost */
  --sk-variant-fg:   #ffffff;
}

/* Hlavní tlačítka: oranžová plocha, bílý text */
.tl-btn--blue {
  background: var(--cr-orange);
  border-color: var(--cr-orange);
  color: #fff;
}
.tl-btn--blue:hover:not(:disabled) {
  background: var(--cr-orange-dark);
  border-color: var(--cr-orange-dark);
  color: #fff;
}
.tl-btn--blue:disabled {
  background: #e5e7eb;
  border-color: #e5e7eb;
  color: #9ca3af;
}

/* Lišta kategorií: oranžová plocha, bílé odkazy.
   Zdvojená třída kvůli specificitě — původní styl lišty je vložený až
   v těle stránky (view/_shop_bar_inc.php), takže by jinak vyhrál pořadím. */
.sk-catnav.sk-catnav { background: var(--cr-orange); }
.sk-catnav.sk-catnav .sk-catnav__inner a { color: #fff; opacity: .88; }
.sk-catnav.sk-catnav .sk-catnav__inner a:hover,
.sk-catnav.sk-catnav .sk-catnav__inner a.active {
  opacity: 1;
  color: #fff;
  border-bottom-color: #fff;
}

/* Tlačítko u vyhledávání — oranžová plocha už z proměnné, jen tmavší hover */
.sk-search-form button:hover { background: var(--cr-orange-dark); }

/* Najetí na nevybranou velikost: jen orámování, ať se to neplete s výběrem */
.variant-btn:not(.is-selected):not(:disabled):hover {
  border-color: var(--cr-orange);
}