/* R73 (30.10.2026) – wspólny system: przyciski (główny / drugi / trzeci), tło strony. Właściciel pliku: pomocnik B.
   Ładowany przez r73.php na wp_head 1080 (po R72 1075) na wszystkich stronach z klasą body.ljk-r73.
   Siła: "html:root body.ljk-r73:not(#r73a#r73b)" = tyle samo co R71/R72, ale później, więc wygrywa (+ !important jak tam).
   Badania i uzasadnienie: lajkownia-audyt/runda73/B-badania.md. W skrócie („płaski 2.0”, NN/g):
   - przycisk wygląda jak przycisk: pełne wypełnienie, wyraźny kontrast, zaokrąglony prostokąt, delikatny neutralny cień;
   - bez twardej „trójwymiarowej” krawędzi (0 2px 0), bez poświat, bez podskakiwania przy najechaniu;
   - bez „pustych” przycisków z samą cienką ramką jako głównej akcji;
   - jeden przycisk główny na widok, ten sam wygląd na każdej stronie.
   Tylko wygląd: wysokości, odstępy i układ zostają jak były (bez skoków przy wczytaniu – CLS 0). Nazwy klas bez zmian.

   DLA INNYCH POMOCNIKÓW – używajcie zmiennych z sekcji 1 (albo klas .r73-btn-1/2/3 w nowych znacznikach):
   --r73-btn-1-tlo / --r73-btn-1-tlo-h / --r73-btn-1-tekst / --r73-btn-1-cien / --r73-btn-1-cien-h   przycisk główny (kupno)
   --r73-btn-2-tlo / --r73-btn-2-tlo-h / --r73-btn-2-ramka / --r73-btn-2-tekst                      przycisk drugi
   --r73-btn-3-tekst / --r73-btn-3-tekst-h                                                           przycisk trzeci (link)
   --r73-btn-r (promień 12 px) / --r73-btn-min (48 px) / --r73-fokus (obrys z klawiatury)
   --r73-tlo (tło strony) / --r73-tlo-karta (biel kart) / --r73-linia (ramki kart)

   Kontrast (WCAG 2.2): biały na #e11d74 4,54:1, na #d63a1e 4,68:1; #6d28d9 na bieli 7,1:1, na #f3edff 6,2:1;
   #c0135f na #fff0f6 5,4:1; #9a5b00 na #fff8e6 5,1:1; ramka #7c3aed na bieli 5,7:1 (wymóg 3:1). */

/* ---------- 1. Zmienne systemu ---------- */
html:root body.ljk-r73:not(#r73a#r73b){
  --r73-btn-r:12px;
  --r73-btn-min:48px;
  --r73-btn-1-tlo:var(--r71-grad-btn,linear-gradient(135deg,#e11d74 0%,#d63a1e 100%));
  --r73-btn-1-tlo-h:var(--r71-grad-btn-h,linear-gradient(135deg,#c0135f 0%,#b8321a 100%));
  --r73-btn-1-tekst:#fff;
  --r73-btn-1-cien:0 1px 2px rgba(29,21,48,.14),0 4px 10px -6px rgba(29,21,48,.35);
  --r73-btn-1-cien-h:0 1px 2px rgba(29,21,48,.16),0 8px 16px -8px rgba(29,21,48,.42);
  --r73-btn-1-cien-a:0 1px 1px rgba(29,21,48,.18);
  --r73-btn-2-tlo:#fff;
  --r73-btn-2-tlo-h:#f3edff;
  --r73-btn-2-ramka:#7c3aed;
  --r73-btn-2-tekst:#6d28d9;
  --r73-btn-3-tekst:#6d28d9;
  --r73-btn-3-tekst-h:#5b21b6;
  --r73-fokus:3px solid #7c3aed;
  --r73-tlo:#f7f5fb;
  --r73-tlo-karta:#fff;
  --r73-linia:#ebe5f4}

/* ---------- 2. Tło strony: jeden spokojny, prawie neutralny jasny odcień, białe karty; bez plam i gradientów na całej stronie ---------- */
/* jeden identyfikator (słabiej niż reszta pliku): strona, która naprawdę potrzebuje innego tła, nadpisze to dwoma.
   Pomijamy ekrany do OBS (przezroczyste tło) i tryb rysowania narzędzi. */
html:root:not([class*="-obs"]):not(.lnz-sub-panel) body.ljk-r73:not(#r73a):not(.lnz-dr-on){background-color:var(--r73-tlo)!important;background-image:none!important}

/* ---------- 3. Przycisk główny (kupno, kasa) ---------- */
html:root body.ljk-r73:not(#r73a#r73b) #lajk-home a.btn.btn-primary,
html:root body.ljk-r73:not(#r73a#r73b):is(.tax-product_cat,.woocommerce-shop) ul.products li.product a.button.add_to_cart_button,
html:root body.ljk-r73:not(#r73a#r73b).woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
html:root body.ljk-r73:not(#r73a#r73b).woocommerce-cart #ljk-cart-sb .ljk-cart-sb-go,
html:root body.ljk-r73:not(#r73a#r73b) #lajk-side-cart .lajk-sc-checkout,
html:root body.ljk-r73:not(#r73a#r73b).woocommerce-checkout .lk4w #place_order,
html:root body.ljk-r73:not(#r73a#r73b).woocommerce-checkout .lk4-bar-go,
html:root body.ljk-r73:not(#r73a#r73b) .ljk-pg a.pg-btn-buy,
html:root body.ljk-r73:not(#r73a#r73b).woocommerce-cart .return-to-shop a.button,
html:root body.ljk-r73:not(#r73a#r73b) .woocommerce-mini-cart__buttons a.checkout,
html:root body.ljk-r73:not(#r73a#r73b) #lajk-footer a.r71-ft-cta-btn,
html:root body.ljk-r73:not(#r73a#r73b) .r73-btn-1{
  background:var(--r73-btn-1-tlo)!important;background-size:100% 100%!important;border:0!important;border-radius:var(--r73-btn-r)!important;
  color:var(--r73-btn-1-tekst)!important;-webkit-text-fill-color:var(--r73-btn-1-tekst)!important;font-weight:800!important;text-shadow:none!important;
  box-shadow:var(--r73-btn-1-cien)!important;filter:none!important;transform:none;
  transition:box-shadow .15s ease,transform .1s ease!important}
html:root body.ljk-r73:not(#r73a#r73b) #lajk-home a.btn.btn-primary:hover,
html:root body.ljk-r73:not(#r73a#r73b):is(.tax-product_cat,.woocommerce-shop) ul.products li.product a.button.add_to_cart_button:hover,
html:root body.ljk-r73:not(#r73a#r73b).woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
html:root body.ljk-r73:not(#r73a#r73b).woocommerce-cart #ljk-cart-sb .ljk-cart-sb-go:hover,
html:root body.ljk-r73:not(#r73a#r73b) #lajk-side-cart .lajk-sc-checkout:hover,
html:root body.ljk-r73:not(#r73a#r73b).woocommerce-checkout .lk4w #place_order:hover,
html:root body.ljk-r73:not(#r73a#r73b).woocommerce-checkout .lk4-bar-go:hover,
html:root body.ljk-r73:not(#r73a#r73b) .ljk-pg a.pg-btn-buy:hover,
html:root body.ljk-r73:not(#r73a#r73b).woocommerce-cart .return-to-shop a.button:hover,
html:root body.ljk-r73:not(#r73a#r73b) .woocommerce-mini-cart__buttons a.checkout:hover,
html:root body.ljk-r73:not(#r73a#r73b) #lajk-footer a.r71-ft-cta-btn:hover,
html:root body.ljk-r73:not(#r73a#r73b) .r73-btn-1:hover{
  background:var(--r73-btn-1-tlo-h)!important;color:var(--r73-btn-1-tekst)!important;box-shadow:var(--r73-btn-1-cien-h)!important;filter:none!important;transform:none!important}
/* wciśnięcie: przycisk „siada” o 1 px – jedyny ruch, i to tylko po kliknięciu */
html:root body.ljk-r73:not(#r73a#r73b) #lajk-home a.btn.btn-primary:active,
html:root body.ljk-r73:not(#r73a#r73b):is(.tax-product_cat,.woocommerce-shop) ul.products li.product a.button.add_to_cart_button:active,
html:root body.ljk-r73:not(#r73a#r73b).woocommerce-cart .wc-proceed-to-checkout a.checkout-button:active,
html:root body.ljk-r73:not(#r73a#r73b).woocommerce-cart #ljk-cart-sb .ljk-cart-sb-go:active,
html:root body.ljk-r73:not(#r73a#r73b) #lajk-side-cart .lajk-sc-checkout:active,
html:root body.ljk-r73:not(#r73a#r73b).woocommerce-checkout .lk4w #place_order:active,
html:root body.ljk-r73:not(#r73a#r73b).woocommerce-checkout .lk4-bar-go:active,
html:root body.ljk-r73:not(#r73a#r73b) .ljk-pg a.pg-btn-buy:active,
html:root body.ljk-r73:not(#r73a#r73b).woocommerce-cart .return-to-shop a.button:active,
html:root body.ljk-r73:not(#r73a#r73b) .woocommerce-mini-cart__buttons a.checkout:active,
html:root body.ljk-r73:not(#r73a#r73b) #lajk-footer a.r71-ft-cta-btn:active,
html:root body.ljk-r73:not(#r73a#r73b) .r73-btn-1:active{box-shadow:var(--r73-btn-1-cien-a)!important;transform:translateY(1px)!important}
/* karta produktu na liście: najechanie na kartę nie zmienia przycisku */
html:root body.ljk-r73:not(#r73a#r73b):is(.tax-product_cat,.woocommerce-shop) ul.products li.product:hover a.button.add_to_cart_button:not(:hover){background:var(--r73-btn-1-tlo)!important;box-shadow:var(--r73-btn-1-cien)!important;transform:none!important}
/* strzałka w przycisku stopki nie odjeżdża przy najechaniu */
html:root body.ljk-r73:not(#r73a#r73b) #lajk-footer a.r71-ft-cta-btn:hover svg{transform:none!important}

/* ---------- 4. Przycisk drugi (inne ważne akcje obok głównego) ---------- */
/* biały środek, ramka 2 px w fiolecie, fioletowy tekst; najechanie = jasnofioletowe tło (bez podskoku) */
html:root body.ljk-r73:not(#r73a#r73b) #lajk-home .btn.btn-ghost,
html:root body.ljk-r73:not(#r73a#r73b) .woocommerce-mini-cart__buttons a:not(.checkout),
html:root body.ljk-r73:not(#r73a#r73b) .r73-btn-2{
  background:var(--r73-btn-2-tlo)!important;border:2px solid var(--r73-btn-2-ramka)!important;border-radius:var(--r73-btn-r)!important;
  color:var(--r73-btn-2-tekst)!important;-webkit-text-fill-color:var(--r73-btn-2-tekst)!important;font-weight:700!important;
  box-shadow:none!important;filter:none!important;transform:none;transition:background-color .15s ease,transform .1s ease!important}
html:root body.ljk-r73:not(#r73a#r73b) #lajk-home .btn.btn-ghost:hover,
html:root body.ljk-r73:not(#r73a#r73b) .woocommerce-mini-cart__buttons a:not(.checkout):hover,
html:root body.ljk-r73:not(#r73a#r73b) .r73-btn-2:hover{background:var(--r73-btn-2-tlo-h)!important;border-color:var(--r73-btn-2-tekst)!important;color:var(--r73-btn-2-tekst)!important;transform:none!important}
html:root body.ljk-r73:not(#r73a#r73b) #lajk-home .btn.btn-ghost:active,
html:root body.ljk-r73:not(#r73a#r73b) .r73-btn-2:active{transform:translateY(1px)!important}

/* ---------- 5. Przycisk trzeci (mniej ważne akcje: „Pokaż więcej”, „Zobacz wszystkie”) ---------- */
/* wygląda jak link: fiolet + podkreślenie; nie udaje przycisku, więc nie konkuruje z głównym */
html:root body.ljk-r73:not(#r73a#r73b) .r73-btn-3{
  display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 4px;background:none!important;border:0!important;box-shadow:none!important;
  color:var(--r73-btn-3-tekst)!important;font-weight:700;text-decoration:underline!important;text-decoration-thickness:1.5px!important;text-underline-offset:3px!important;cursor:pointer}
html:root body.ljk-r73:not(#r73a#r73b) .r73-btn-3:hover{color:var(--r73-btn-3-tekst-h)!important;text-decoration-thickness:2px!important}

/* wymiary klas pomocniczych (tylko nowe znaczniki – istniejące przyciski zachowują swoje wymiary) */
html:root body.ljk-r73:not(#r73a#r73b) :is(.r73-btn-1,.r73-btn-2){
  display:inline-flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;min-height:var(--r73-btn-min);padding:0 22px;
  font-size:16px;line-height:1.2;text-decoration:none!important;cursor:pointer;white-space:nowrap}

/* fokus z klawiatury: jeden wyraźny fioletowy obrys dla wszystkich trzech rodzajów */
html:root body.ljk-r73:not(#r73a#r73b) :is(#lajk-home a.btn,.ljk-pg a.pg-btn-buy,.return-to-shop a.button,.woocommerce-mini-cart__buttons a,.r73-btn-1,.r73-btn-2,.r73-btn-3):focus-visible,
html:root body.ljk-r73:not(#r73a#r73b):is(.tax-product_cat,.woocommerce-shop) ul.products li.product a.button.add_to_cart_button:focus-visible,
html:root body.ljk-r73:not(#r73a#r73b).woocommerce-cart :is(.wc-proceed-to-checkout a.checkout-button,#ljk-cart-sb .ljk-cart-sb-go):focus-visible,
html:root body.ljk-r73:not(#r73a#r73b) #lajk-side-cart .lajk-sc-checkout:focus-visible,
html:root body.ljk-r73:not(#r73a#r73b).woocommerce-checkout :is(.lk4w #place_order,.lk4-bar-go):focus-visible{outline:var(--r73-fokus)!important;outline-offset:3px!important}

/* ---------- 6. „Weź 2 000 szt.” na stronie usługi (nadpisuje r72/produkt.css sekcja 4, bez edycji tamtego pliku) ---------- */
/* To akcja dodatkowa obok „Dodaj do koszyka”, więc styl przycisku drugiego w kolorze poziomu (Standard fiolet, Premium róż,
   VIP złoto): jasne tło, ramka i tekst w ciemnym odcieniu poziomu. Bez twardej dolnej krawędzi „3D” (0 2px 0).
   Najechanie: pełny kolor poziomu. Ramka i obrys mają tę samą grubość co wcześniej – wymiary bez zmian. */
html:root body.ljk-r73.ljk-r66p:not(#r6p):not(#r7a):not(#r73a) #lajk-root#lajk-root .lajk-rz .lajk-rz-btn.lajk-rz-btn{
  background:var(--r72-a-j,#f3edff)!important;background-image:none!important;border:1.5px solid var(--r72-a-c,#6d28d9)!important;border-radius:var(--r73-btn-r,12px)!important;
  color:var(--r72-a-c,#6d28d9)!important;-webkit-text-fill-color:var(--r72-a-c,#6d28d9)!important;font-weight:700!important;
  box-shadow:none!important;filter:none!important;text-shadow:none!important;transform:none!important;
  transition:background-color .15s ease,color .15s ease,transform .1s ease!important}
@media (hover:hover) and (pointer:fine){
html:root body.ljk-r73.ljk-r66p:not(#r6p):not(#r7a):not(#r73a) #lajk-root#lajk-root .lajk-rz .lajk-rz-btn.lajk-rz-btn:hover{
  background:var(--r72-a,#7c3aed)!important;border-color:var(--r72-a-c,#6d28d9)!important;color:var(--r72-a-ink,#fff)!important;-webkit-text-fill-color:var(--r72-a-ink,#fff)!important}
}
html:root body.ljk-r73.ljk-r66p:not(#r6p):not(#r7a):not(#r73a) #lajk-root#lajk-root .lajk-rz .lajk-rz-btn.lajk-rz-btn:active{box-shadow:none!important;transform:translateY(1px)!important}
html:root body.ljk-r73.ljk-r66p:not(#r6p):not(#r7a):not(#r73a) #lajk-root#lajk-root .lajk-rz .lajk-rz-btn.lajk-rz-btn:focus-visible{outline:var(--r73-fokus,3px solid #7c3aed)!important;outline-offset:3px!important}

/* ---------- 7. Ograniczony ruch ---------- */
@media (prefers-reduced-motion:reduce){
  html:root body.ljk-r73:not(#r73a#r73b):not(#r73c#r73d) :is(#lajk-home a.btn,ul.products li.product a.button,.wc-proceed-to-checkout a.checkout-button,#ljk-cart-sb .ljk-cart-sb-go,#lajk-side-cart .lajk-sc-checkout,.lk4w #place_order,.lk4-bar-go,.ljk-pg a.pg-btn-buy,.return-to-shop a.button,.woocommerce-mini-cart__buttons a,#lajk-footer a.r71-ft-cta-btn,.r73-btn-1,.r73-btn-2,.r73-btn-3){transition:none!important;transform:none!important}
  html:root body.ljk-r73.ljk-r66p:not(#r6p):not(#r7a):not(#r73a):not(#r73b) #lajk-root#lajk-root .lajk-rz .lajk-rz-btn.lajk-rz-btn{transition:none!important;transform:none!important}
}