/* R71 (30.10.2026) – żywsze kolory na całej stronie, na wyglądzie R66 + R64.
   Właściciel pliku: pomocnik B. Tokeny --r71-* są wspólne dla wszystkich plików R71 (ZASADY.md).
   Ładowany przez r71.php na wp_head 1070, po r66-wyglad.css i r66-produkt.css.
   Siła: przedrostek "html:root body.ljk-r71:not(#r71a#r71b)" = tyle samo co R66, ale później, więc wygrywa.
   Strona usługi (przyciski kupna, poziomy) należy do pomocnika A (r71/produkt.css) – tu jej nie ruszamy. */

/* ---------- 1. Tokeny R71 ---------- */
html:root body.ljk-r71{
  --r71-roz:#e11d74;--r71-roz-h:#c0135f;--r71-roz-j:#fff0f6;
  --r71-fiolet:#7c3aed;--r71-fiolet-j:#f3edff;
  --r71-pomarancz:#ff6a2b;--r71-pomarancz-j:#fff1e8;
  --r71-zielony:#15a34a;--r71-zielony-j:#e8f9ee;
  /* zielony do małego tekstu (#15a34a ma tylko ok. 3,3:1 na białym; ten ok. 5,4:1) */
  --r71-zielony-c:#0f7a37;
  --r71-zloto:#f5a300;--r71-zloto-c:#9a5b00;
  --r71-atrament:#1d1530;--r71-szary:#5b5470;--r71-tlo:#faf7ff;
  /* gradient marki z ZASADY.md (tła, pasy, karty) */
  --r71-grad:linear-gradient(135deg,#e11d74 0%,#ff6a2b 100%);
  /* ten sam kierunek, ale koniec ciemniejszy: biały tekst ma kontrast AA na całej długości (#d63a1e: 4,7:1) */
  --r71-grad-btn:linear-gradient(135deg,#e11d74 0%,#d63a1e 100%);
  --r71-grad-btn-h:linear-gradient(135deg,#c0135f 0%,#b8321a 100%);
  --r71-cien:0 4px 10px -4px rgba(29,21,48,.30);
  --r71-cien-h:0 10px 20px -10px rgba(29,21,48,.45);
  --r71-ring:0 0 0 3px #fff,0 0 0 5px #7c3aed;
  /* przemapowanie R66: cała strona dostaje żywy róż i fiolet */
  --r66-brand:var(--r71-roz);--r66-brand-h:var(--r71-roz-h);--r66-acc:var(--r71-fiolet);--r66-bg:var(--r71-tlo);
}
/* tokeny jasny.css i r64-wyglad.css mają !important, więc tu też */
html:root body.ljk-r71,
html:root body.ljk-r71:not(#r71a#r71b) .lk-blog-wrap.lk-blog-wrap{
  --n-p:#e11d74!important;--n-p2:#c0135f!important;--n-v:#7c3aed!important;
  --n-link:#7c3aed!important;--n-link2:#6d28d9!important;--n-price:#c0135f!important;
  --n-p-bg:#fff0f6!important;--n-v-bg:#f3edff!important;
  --n-btn-p:#e11d74!important;--n-btn-p-h:#c0135f!important;--ljk-brand:#7c3aed!important;
  --n-grad-buy:linear-gradient(135deg,#e11d74 0%,#d63a1e 100%)!important;
  --n-grad:linear-gradient(135deg,#e11d74 0%,#d63a1e 100%)!important;
  --ljk-buy:linear-gradient(135deg,#e11d74 0%,#d63a1e 100%)!important;
  --lk-grad:linear-gradient(135deg,#e11d74 0%,#d63a1e 100%)!important;
  --ljk-buy-shadow:0 4px 10px -4px rgba(29,21,48,.30)!important;
  --n-buy-shadow:0 4px 10px -4px rgba(29,21,48,.30)!important;
}

/* ---------- 2. Nagłówek: koszyk i licznik ---------- */
html:root body.ljk-r71:not(#r71a#r71b) #lh .lh-count{background:var(--r71-roz)!important;border-color:#fff!important;color:#fff!important;font-weight:800!important}
html:root body.ljk-r71:not(#r71a#r71b) #lh .lh-cart:has(.lh-count:not(.lh-zero)){border-color:var(--r71-roz)!important;background:var(--r71-roz-j)!important}
html:root body.ljk-r71:not(#r71a#r71b) #lh .lh-cart:hover,
html:root body.ljk-r71:not(#r71a#r71b) #lh .lh-cart:has(.lh-count:not(.lh-zero)):hover{border-color:var(--r71-roz)!important;background:var(--r71-roz-j)!important}

/* ---------- 3. Główne przyciski kupna: gradient marki, biały pogrubiony tekst ---------- */
html:root body.ljk-r71:not(#r71a#r71b) #lajk-home a.btn.btn-primary,
html:root body.ljk-r71:not(#r71a#r71b):is(.tax-product_cat,.woocommerce-shop) ul.products li.product a.button.add_to_cart_button,
html:root body.ljk-r71:not(#r71a#r71b).woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
html:root body.ljk-r71:not(#r71a#r71b).woocommerce-cart #ljk-cart-sb .ljk-cart-sb-go,
html:root body.ljk-r71:not(#r71a#r71b) #lajk-side-cart .lajk-sc-checkout,
html:root body.ljk-r71:not(#r71a#r71b).woocommerce-checkout .lk4w #place_order,
html:root body.ljk-r71:not(#r71a#r71b).woocommerce-checkout .lk4-bar-go{
  background:var(--r71-grad-btn)!important;background-size:100% 100%!important;border:0!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
  font-weight:800!important;box-shadow:var(--r71-cien)!important;filter:none!important;transform:none;
  transition:transform .15s ease,box-shadow .15s ease!important}
html:root body.ljk-r71:not(#r71a#r71b) #lajk-home a.btn.btn-primary:hover,
html:root body.ljk-r71:not(#r71a#r71b):is(.tax-product_cat,.woocommerce-shop) ul.products li.product a.button.add_to_cart_button:hover,
html:root body.ljk-r71:not(#r71a#r71b).woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
html:root body.ljk-r71:not(#r71a#r71b).woocommerce-cart #ljk-cart-sb .ljk-cart-sb-go:hover,
html:root body.ljk-r71:not(#r71a#r71b) #lajk-side-cart .lajk-sc-checkout:hover,
html:root body.ljk-r71:not(#r71a#r71b).woocommerce-checkout .lk4w #place_order:hover,
html:root body.ljk-r71:not(#r71a#r71b).woocommerce-checkout .lk4-bar-go:hover{
  background:var(--r71-grad-btn-h)!important;color:#fff!important;box-shadow:var(--r71-cien-h)!important;filter:none!important;transform:translateY(-2px)!important}
/* karta produktu na liście kategorii: przy najechaniu na kartę przycisk tylko lekko ciemnieje (bez skoku) */
html:root body.ljk-r71:not(#r71a#r71b):is(.tax-product_cat,.woocommerce-shop) ul.products li.product:hover a.button.add_to_cart_button:not(:hover){background:var(--r71-grad-btn)!important;color:#fff!important}
html:root body.ljk-r71:not(#r71a#r71b) #lajk-home a.btn.btn-primary:focus-visible,
html:root body.ljk-r71:not(#r71a#r71b):is(.tax-product_cat,.woocommerce-shop) ul.products li.product a.button.add_to_cart_button:focus-visible,
html:root body.ljk-r71:not(#r71a#r71b).woocommerce-cart .wc-proceed-to-checkout a.checkout-button:focus-visible,
html:root body.ljk-r71:not(#r71a#r71b) #lajk-side-cart .lajk-sc-checkout:focus-visible,
html:root body.ljk-r71:not(#r71a#r71b).woocommerce-checkout .lk4w #place_order:focus-visible{outline:3px solid var(--r71-fiolet)!important;outline-offset:3px!important}

/* ---------- 4. Przyciski drugorzędne: biały środek, fioletowa ramka ---------- */
html:root body.ljk-r71:not(#r71a#r71b) #lajk-home .btn.btn-ghost{background:#fff!important;border:2px solid var(--r71-fiolet)!important;color:var(--r71-fiolet)!important;box-shadow:none!important;transition:transform .15s ease,background-color .15s ease!important}
html:root body.ljk-r71:not(#r71a#r71b) #lajk-home .btn.btn-ghost:hover{background:var(--r71-fiolet-j)!important;border-color:#6d28d9!important;color:#6d28d9!important;transform:translateY(-2px)!important}
html:root body.ljk-r71:not(#r71a#r71b) #lajk-home .btn.btn-ghost:focus-visible{outline:3px solid var(--r71-fiolet)!important;outline-offset:3px!important}

/* ---------- 5. Sekcja startowa głównej ---------- */
/* ciepłe, jasne tło z różem i fioletem zamiast szarego (tekst dalej ciemny, kontrast > 6:1) */
html:root body.ljk-r71:not(#r71a#r71b) #lajk-home .hx26{background:radial-gradient(60% 70% at 92% 8%,#ffe3ef 0%,rgba(255,227,239,0) 70%),radial-gradient(55% 60% at 4% 96%,#efe5ff 0%,rgba(239,229,255,0) 70%),#fffafd!important}
html:root body.ljk-r71:not(#r71a#r71b) #lajk-home .hx-proof>:first-child{color:var(--r71-roz-h)!important;font-weight:700!important}

/* karty „Najczęściej wybierane” i karty usług */
html:root body.ljk-r71:not(#r71a#r71b) #lajk-home :is(.hx26-prod,.hx-card){transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease!important}
html:root body.ljk-r71:not(#r71a#r71b) #lajk-home :is(.hx26-prod,.hx-card):hover{border-color:var(--r71-roz)!important;box-shadow:var(--r71-cien-h)!important;transform:translateY(-2px)!important}
html:root body.ljk-r71:not(#r71a#r71b) #lajk-home :is(.hx26-prod,.hx-card):focus-within{border-color:var(--r71-fiolet)!important}
html:root body.ljk-r71:not(#r71a#r71b) #lajk-home .hx26-pp{color:var(--r71-szary)!important}
html:root body.ljk-r71:not(#r71a#r71b) #lajk-home .hx26-pp strong{color:var(--r71-roz-h)!important;font-weight:800!important}
html:root body.ljk-r71:not(#r71a#r71b) #lajk-home .hx26-prod:hover .hx26-pp::after{background:var(--r71-roz)!important}
html:root body.ljk-r71:not(#r71a#r71b) #lajk-home .hx-card-btn{color:var(--r71-roz-h)!important;font-weight:700!important}

/* plakietki („Nowość”, oznaczenia zestawów): pomarańcz z ciemnym tekstem (6,1:1) */
html:root body.ljk-r71:not(#r71a#r71b) #lajk-home :is(.hx-card-new,.r41-zs-tag){display:inline-flex!important;align-items:center!important;width:auto!important;padding:3px 10px!important;border:0!important;border-radius:999px!important;background:var(--r71-pomarancz)!important;color:var(--r71-atrament)!important;-webkit-text-fill-color:var(--r71-atrament)!important;font-weight:800!important;box-shadow:none!important}

/* kafelki platform */
html:root body.ljk-r71:not(#r71a#r71b) #lajk-home .hx26-plat{transition:transform .15s ease,border-color .15s ease!important}
html:root body.ljk-r71:not(#r71a#r71b) #lajk-home .hx26-plat:hover{border-color:var(--r71-fiolet)!important;background:var(--r71-fiolet-j)!important;transform:translateY(-2px)!important}

/* ---------- 6. Lista „Wszystkie usługi” ---------- */
html:root body.ljk-r71:not(#r71a#r71b) #lajk-home .ljk-gz-t:hover{border-color:var(--r71-roz)!important;background:var(--r71-roz-j)!important;color:var(--r71-roz-h)!important}
html:root body.ljk-r71:not(#r71a#r71b) #lajk-home .ljk-gz-t[aria-selected=true],
html:root body.ljk-r71:not(#r71a#r71b) #lajk-home .ljk-gz-t[aria-selected=true]:hover{background:var(--r71-roz)!important;border-color:var(--r71-roz)!important;color:#fff!important;box-shadow:none!important}
/* wybrana zakładka przed i po skrypcie: r66-wyglad.php wypisuje regułę z czterema identyfikatorami i na sztywno #1d1530 -
   tu te same pary (platformy z glowna-zakladki.php; nowa platforma bez pary dostanie róż dopiero po skrypcie) */
html.ljk-gz-js[data-gz="instagram"] body.ljk-r71:not(#r71a#r71b) #lajk-home #gz-t-instagram:not([aria-selected=false]),
html.ljk-gz-js[data-gz="tiktok"] body.ljk-r71:not(#r71a#r71b) #lajk-home #gz-t-tiktok:not([aria-selected=false]),
html.ljk-gz-js[data-gz="youtube"] body.ljk-r71:not(#r71a#r71b) #lajk-home #gz-t-youtube:not([aria-selected=false]),
html.ljk-gz-js[data-gz="facebook"] body.ljk-r71:not(#r71a#r71b) #lajk-home #gz-t-facebook:not([aria-selected=false]),
html.ljk-gz-js[data-gz="twitch"] body.ljk-r71:not(#r71a#r71b) #lajk-home #gz-t-twitch:not([aria-selected=false]),
html.ljk-gz-js[data-gz="kick"] body.ljk-r71:not(#r71a#r71b) #lajk-home #gz-t-kick:not([aria-selected=false]),
html.ljk-gz-js[data-gz="linkedin"] body.ljk-r71:not(#r71a#r71b) #lajk-home #gz-t-linkedin:not([aria-selected=false]),
html.ljk-gz-js[data-gz="pinterest"] body.ljk-r71:not(#r71a#r71b) #lajk-home #gz-t-pinterest:not([aria-selected=false]),
html.ljk-gz-js[data-gz="spotify"] body.ljk-r71:not(#r71a#r71b) #lajk-home #gz-t-spotify:not([aria-selected=false]),
html.ljk-gz-js[data-gz="telegram"] body.ljk-r71:not(#r71a#r71b) #lajk-home #gz-t-telegram:not([aria-selected=false]),
html.ljk-gz-js[data-gz="threads"] body.ljk-r71:not(#r71a#r71b) #lajk-home #gz-t-threads:not([aria-selected=false]),
html.ljk-gz-js[data-gz="whatsapp"] body.ljk-r71:not(#r71a#r71b) #lajk-home #gz-t-whatsapp:not([aria-selected=false]),
html.ljk-gz-js[data-gz="x"] body.ljk-r71:not(#r71a#r71b) #lajk-home #gz-t-x:not([aria-selected=false]),
html:root body.ljk-r71:not(#r71a#r71b#r71c) #lajk-home .ljk-gz-t[aria-selected=true]{background:var(--r71-roz)!important;border-color:var(--r71-roz)!important;color:#fff!important;box-shadow:none!important}
html:root body.ljk-r71:not(#r71a#r71b) #lajk-home .hx-pl-price{color:var(--r71-roz-h)!important;font-weight:700!important}
html:root body.ljk-r71:not(#r71a#r71b) #lajk-home :is(.hx-price,.hx-pl-price) .ljk-od strong{color:var(--r71-roz-h)!important}
html:root body.ljk-r71:not(#r71a#r71b) #lajk-home .hx-pl-list li a:hover{background:var(--r71-roz-j)!important}
html:root body.ljk-r71:not(#r71a#r71b) #lajk-home a.hx-pl-all{color:var(--r71-fiolet)!important;font-weight:700!important;text-decoration-color:rgba(124,58,237,.4)!important}

/* ---------- 7. Dolne wezwanie głównej ---------- */
html:root body.ljk-r71:not(#r71a#r71b) #lajk-home .bottom-cta .cta-box{background:linear-gradient(135deg,var(--r71-roz-j) 0%,var(--r71-fiolet-j) 100%)!important;border:1px solid #f3c3d9!important}
html:root body.ljk-r71:not(#r71a#r71b) #lajk-home a.cta-plat:hover{border-color:var(--r71-fiolet)!important;background:#fff!important;transform:translateY(-2px)!important}

/* ---------- 8. Ceny w sklepie (kategorie, koszyk) ---------- */
html:root body.ljk-r71:not(#r71a#r71b):is(.tax-product_cat,.woocommerce-shop,.woocommerce-cart) .price :is(ins,ins .woocommerce-Price-amount){color:var(--r71-roz-h)!important;font-weight:800!important;text-decoration:none!important}
html:root body.ljk-r71:not(#r71a#r71b):is(.tax-product_cat,.woocommerce-shop) ul.products li.product .price>.woocommerce-Price-amount{color:var(--r71-roz-h)!important;font-weight:800!important}
html:root body.ljk-r71:not(#r71a#r71b) .price del,
html:root body.ljk-r71:not(#r71a#r71b) .price del .woocommerce-Price-amount{color:var(--r71-szary)!important;opacity:1!important;text-decoration:line-through!important;text-decoration-color:var(--r71-roz)!important;text-decoration-thickness:2px!important}

/* ---------- 9. Linki w treści (blog, strony informacyjne) ---------- */
html:root body.ljk-r71:not(#r71a#r71b) :is(.entry-content,.lk-blog-wrap) a:not([class]){color:var(--r71-fiolet);text-decoration-color:rgba(124,58,237,.45)}
html:root body.ljk-r71:not(#r71a#r71b) :is(.entry-content,.lk-blog-wrap) a:not([class]):hover{color:#6d28d9;text-decoration-color:currentColor}

/* ---------- 10. Ograniczony ruch ---------- */
@media (prefers-reduced-motion:reduce){
  html:root body.ljk-r71:not(#r71a#r71b):not(#r71c#r71d) :is(#lajk-home a.btn,#lajk-home .btn,#lajk-home .hx26-prod,#lajk-home .hx-card,#lajk-home .hx26-plat,#lajk-home a.cta-plat,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,#place_order,.lk4-bar-go),
  html:root body.ljk-r71:not(#r71a#r71b):not(#r71c#r71d) :is(#lajk-home a.btn,#lajk-home .btn,#lajk-home .hx26-prod,#lajk-home .hx-card,#lajk-home .hx26-plat,#lajk-home a.cta-plat,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,#place_order,.lk4-bar-go):hover{transform:none!important;transition:none!important}
}
