/* =====================================================================
   BARVY ODKAZŮ – měň jen tento blok (všechny hodnoty jsou na jednom místě).
   Po změně: uložit, v prohlížeči Ctrl+Shift+R (CSS slučování je vypnuté).
   Barvy jsou pevné, nezávislé na prohlížeči i na tmavém/světlém režimu systému.
   ===================================================================== */
:root {
  color-scheme: only light;           /* nepřizpůsobovat tmavému režimu */

  --ek-odkaz:            #1f5f99;     /* běžný odkaz */
  --ek-odkaz-navstiveny: #1f5f99;     /* už navštívený odkaz (stejný = žádné fialové) */
  --ek-odkaz-hover:      #174a78;     /* když je myš nad odkazem */
  --ek-odkaz-aktivni:    #c0392b;     /* v okamžiku kliknutí */
  --ek-odkaz-fokus:      #1f5f99;     /* rámeček při ovládání klávesnicí (Tab) */
  --ek-nazev-webu:       #1f5f99;     /* nadpis „Demo e-shop“ vlevo nahoře */
}

/* ----- pravidla (neměnit, čtou proměnné výše) ----- */
.layout-main a:not(.button):link,
.region--breadcrumb a:link,
.region--footer-top a:link,
.site-branding__name a:link { color: var(--ek-odkaz) !important; }

.layout-main a:not(.button):visited,
.region--breadcrumb a:visited,
.region--footer-top a:visited { color: var(--ek-odkaz-navstiveny) !important; }

.layout-main a:not(.button):hover,
.region--breadcrumb a:hover,
.region--footer-top a:hover { color: var(--ek-odkaz-hover) !important; }

.layout-main a:not(.button):active,
.region--breadcrumb a:active,
.region--footer-top a:active { color: var(--ek-odkaz-aktivni) !important; }

.layout-main a:focus-visible,
.region--breadcrumb a:focus-visible,
.region--footer-top a:focus-visible { outline: 2px solid var(--ek-odkaz-fokus); outline-offset: 2px; }

.site-branding__name a,
.site-branding__name a:visited { color: var(--ek-nazev-webu) !important; }