/* ============================================================= Semarti, globalna poprawka kolorow, usuniecie fioletu. Zrodlo problemu: Blocksy generuje wlasny plik wp-content/uploads/blocksy/css/global.css na podstawie domyslnej palety Customizera, ktora nigdy nie zostala zmieniona na kolory Semarti. Dwie zmienne, --theme-palette-color-1 (#5B38ED) i --theme-palette-color-2 (#4928CF), sa uzywane przez Blocksy jako domyslny kolor linkow, hover, aktywnych zakladek single product, znacznika koszyka, tla przyciskow, obramowania focus quantity input i tla ::selection (potwierdzone bezposrednio w zrodle SASS motywu nadrzednego: product-tabs.scss, dynamic-counter.scss, quantity/base.scss, colors.scss). To jedno zrodlo odpowiada za wiekszosc zglaszanych fioletowych elementow w calym serwisie. Ten plik nadpisuje obie zmienne wartosciami z istniejacej palety Semarti (semarti-design-system.css: --semarti-accent i --semarti-accent-hover), zaladowany sitewide (wp_enqueue_scripts, bez warunku), jako pierwszy z plikow Semarti, zeby zmienne byly dostepne wszedzie tam, gdzie Blocksy ich uzywa domyslnie. Selektor html:root plus !important, bo regula Blocksy to plaskie :root i o kolejnosci ladowania w nie da sie zalozyc z gory (ten sam, sprawdzony wzorzec co przy innych poprawkach nadpisujacych Blocksy w tym projekcie, patrz semarti-header.css). ============================================================= */ html:root { --theme-palette-color-1: #B88442 !important; --theme-palette-color-2: #9F6F35 !important; /* Tekst zaznaczenia (::selection) korzysta wprost z tej zmiennej, nadpisanie na wszelki wypadek, gdyby kolejnosc ladowania miala znaczenie w konkretnej przegladarce. */ --theme-selection-background-color: #B88442 !important; --theme-selection-text-color: #ffffff !important; } /* ── ::selection, bezposrednio, niezaleznie od zmiennych ─────── */ ::selection { background-color: #B88442; color: #ffffff; } ::-moz-selection { background-color: #B88442; color: #ffffff; } /* ── Focus, klawiatura, dostepnosc ──────────────────────────── Domyslny outline przegladarki na elementach interaktywnych ma byc w kolorze marki, nie systemowym niebieskim/fioletowym. */ a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible, .button:focus-visible { outline-color: #B88442; }