/* R74-B (31.10.2026) - koszyk boczny, strona koszyka i kasa w jednym systemie R73 (uwagi Filipa ze zrzutów z telefonu i komputera).
   Ładuje r74.php na wp_head 1085 na każdej stronie (koszyk boczny jest wszędzie). Tylko wygląd: bez zmian cen, rabatów i płatności.
   Kasa jest klasyczna: szablon motywu woocommerce/checkout/form-checkout.php, pozycje z lk4_kasa_pozycje_html() (functions.php),
   dane pozycji to dl.variation z WooCommerce (Poziom, E-book, Start Express, Zapas, Link, Bonus). Kasy blokowej sklep nie używa.
   Siła: "html:root body.ljk-r74:not(#r74a#r74b)" (dwa id) - wygrywa z R61 (styl w <head>), sprzedaz.php (styl w treści),
   jasny.css, kasa-2026.css motywu i R66/R71/R73; !important tam, gdzie tamte go mają.
   1. kasa: pozycja w podsumowaniu (więcej miejsca na dane), „Zwiększ pakiet” jako przycisk drugi, zwarte dane pozycji,
      spokojna informacja dla administratora;
   2. „Warto dobrać” / „Możesz dobrać” (koszyk boczny, koszyk, kasa): białe karty, przyciski drugie, bez wielkich liter i zieleni;
   3. koszyk boczny: dane pozycji i „Bonus” łamią się w karcie;
   4. strona koszyka: „Dokup do tych samych linków” - przyciski drugie, nagłówki bez wielkich liter. */

/* ---------- 1. kasa: pozycja w „Twoim zamówieniu” ---------- */
/* Kolumna środkowa była wąska (zdjęcie | nazwa i dane | kwota), na 375 px ok. 160 px - przycisk i dane wylewały się z karty.
   Teraz kwota stoi obok nazwy, a wszystko pod nazwą (Zwiększ pakiet, dane pozycji, zmiana ilości) zajmuje też miejsce pod kwotą.
   .lk4-it-main to zwykły <span> bez roli, więc display:contents nie zmienia niczego dla czytników ekranu. */
html:root body.ljk-r74.woocommerce-checkout:not(#r74a#r74b) .lk4w .lk4-it{display:grid!important;grid-template-columns:48px minmax(0,1fr) auto!important;column-gap:12px!important;row-gap:0!important;align-items:start!important}
html:root body.ljk-r74.woocommerce-checkout:not(#r74a#r74b) .lk4w .lk4-it-img{grid-column:1;grid-row:1 / span 2}
html:root body.ljk-r74.woocommerce-checkout:not(#r74a#r74b) .lk4w .lk4-it-main{display:contents!important}
html:root body.ljk-r74.woocommerce-checkout:not(#r74a#r74b) .lk4w .lk4-it-main>*{grid-column:2 / -1;min-width:0;max-width:100%;box-sizing:border-box}
html:root body.ljk-r74.woocommerce-checkout:not(#r74a#r74b) .lk4w .lk4-it-main>.lk4-it-name{grid-column:2;grid-row:1;overflow-wrap:anywhere}
html:root body.ljk-r74.woocommerce-checkout:not(#r74a#r74b) .lk4w .lk4-it-total{grid-column:3;grid-row:1;align-self:start}

/* dane pozycji: „Etykieta: wartość” w jednym wierszu, zwarto (line-height 1.4, 3 px między wierszami), długi link łamany.
   Odstępy robiła wysokość linii całego dl (dziedziczona 16 px × ok. 1,7 przy tekście 12,5 px) i reguły Astry/WooCommerce dla dt/dd/p. */
html:root body.ljk-r74.woocommerce-checkout:not(#r74a#r74b) .lk4w .lk4-it dl.variation{display:block!important;margin:6px 0 0!important;padding:0!important;border:0!important;background:none!important;font-size:12.5px!important;line-height:1.4!important;text-align:left!important;letter-spacing:normal!important;word-spacing:normal!important;white-space:normal!important}
html:root body.ljk-r74.woocommerce-checkout:not(#r74a#r74b) .lk4w .lk4-it dl.variation :is(dt,dd){display:inline!important;float:none!important;width:auto!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;font-size:inherit!important;line-height:inherit!important;text-align:left!important;text-transform:none!important;letter-spacing:normal!important;white-space:normal!important}
html:root body.ljk-r74.woocommerce-checkout:not(#r74a#r74b) .lk4w .lk4-it dl.variation :is(dt,dd)::before{content:none!important;display:none!important}
html:root body.ljk-r74.woocommerce-checkout:not(#r74a#r74b) .lk4w .lk4-it dl.variation dt{font-weight:500!important;color:#5b5470!important;opacity:1!important}
html:root body.ljk-r74.woocommerce-checkout:not(#r74a#r74b) .lk4w .lk4-it dl.variation dd{font-weight:600!important;color:#1d1530!important;overflow-wrap:anywhere!important;word-break:normal!important}
html:root body.ljk-r74.woocommerce-checkout:not(#r74a#r74b) .lk4w .lk4-it dl.variation dd :is(p,div){display:inline!important;margin:0!important;padding:0!important;font:inherit!important;line-height:inherit!important}
html:root body.ljk-r74.woocommerce-checkout:not(#r74a#r74b) .lk4w .lk4-it dl.variation dd::after{content:""!important;display:block!important;height:3px!important;margin:0!important}
html:root body.ljk-r74.woocommerce-checkout:not(#r74a#r74b) .lk4w .lk4-it dl.variation dd:last-of-type::after{height:0!important}
html:root body.ljk-r74.woocommerce-checkout:not(#r74a#r74b) .lk4w .lk4-it dl.variation dd a{color:var(--r73-btn-3-tekst,#6d28d9)!important;font-weight:600;text-decoration:none!important;overflow-wrap:anywhere!important}
html:root body.ljk-r74.woocommerce-checkout:not(#r74a#r74b) .lk4w .lk4-it .ljk-ilb{margin:4px 0 0!important;font-size:12.5px;line-height:1.4;overflow-wrap:anywhere}

/* „Zwiększ pakiet: +1 500 obserwujących za 141,00 zł” (kasa-r61.php) - przycisk drugi z systemu: biały, ramka #7c3aed, tekst #6d28d9.
   Zwykły blok z tekstem (nie pigułka z flex), więc łamie się słowami i nie wychodzi poza kartę na 375 px ani na komputerze. */
html:root body.ljk-r74:not(#r74a#r74b) .ljk-r61-wp{display:block!important;max-width:100%;margin:8px 0 2px!important;padding:0!important}
html:root body.ljk-r74:not(#r74a#r74b) .ljk-r61-wp .ljk-up-btn.ljk-r61-wp-b{display:block!important;box-sizing:border-box!important;width:auto!important;max-width:100%!important;min-width:0!important;height:auto!important;min-height:44px!important;margin:0!important;padding:10px 14px!important;border:1px solid var(--r73-btn-2-ramka,#7c3aed)!important;border-radius:var(--r73-btn-r,12px)!important;background:var(--r73-btn-2-tlo,#fff)!important;color:var(--r73-btn-2-tekst,#6d28d9)!important;-webkit-text-fill-color:currentColor;font-family:inherit!important;font-size:14px!important;font-weight:600!important;line-height:1.35!important;text-align:left!important;text-transform:none!important;letter-spacing:normal!important;white-space:normal!important;overflow-wrap:anywhere;box-shadow:none!important;filter:none!important;transform:none!important;translate:none!important;cursor:pointer;transition:background-color .15s ease}
html:root body.ljk-r74:not(#r74a#r74b) .ljk-r61-wp .ljk-up-btn.ljk-r61-wp-b *{color:inherit!important;-webkit-text-fill-color:currentColor;white-space:normal!important;background:none!important}
html:root body.ljk-r74:not(#r74a#r74b) .ljk-r61-wp .ljk-up-btn.ljk-r61-wp-b :is(strong,.woocommerce-Price-amount){font-weight:700!important}
html:root body.ljk-r74:not(#r74a#r74b) .ljk-r61-wp .ljk-up-btn.ljk-r61-wp-b .woocommerce-Price-amount{white-space:nowrap!important}
html:root body.ljk-r74:not(#r74a#r74b) .ljk-r61-wp .ljk-up-btn.ljk-r61-wp-b:hover:not(:disabled){background:var(--r73-btn-2-tlo-h,#f3edff)!important}
html:root body.ljk-r74:not(#r74a#r74b) .ljk-r61-wp .ljk-up-btn.ljk-r61-wp-b:focus-visible{outline:var(--r73-fokus,3px solid #7c3aed)!important;outline-offset:2px!important}
html:root body.ljk-r74:not(#r74a#r74b) .ljk-r61-wp .ljk-up-btn.ljk-r61-wp-b:disabled{opacity:.7;cursor:default}
html:root body.ljk-r74:not(#r74a#r74b) .ljk-r61-wp .ljk-r61-wp-p{display:block!important;margin:4px 0 0!important;font-size:12px!important;line-height:1.4!important;color:#5b5470!important;overflow-wrap:anywhere}
html:root body.ljk-r74:not(#r74a#r74b) .ljk-r61-wp .ljk-up-err{display:block;margin:4px 0 0;font-size:12.5px;line-height:1.4;color:#b91c1c}

/* informacja widoczna tylko dla administratora („brak Oferty specjalnej”, 5657) - mała szara ramka, mały tekst */
html:root body.ljk-r74:not(#r74a#r74b) .lk-upsell-diag{margin:10px 0 0!important;padding:6px 10px!important;border:1px solid var(--r73-linia,#ebe5f4)!important;border-radius:8px!important;background:#faf9fc!important;font-size:12px!important;font-weight:400!important;line-height:1.45!important;color:#5b5470!important;opacity:1!important;text-transform:none!important;letter-spacing:normal!important;overflow-wrap:anywhere;box-shadow:none!important}

/* „To zamówienie zapełni Twoją kartę” (kasa-r61.php) - spokojna jasna karta zamiast zielonej (zielony tylko na „gratis”) */
html:root body.ljk-r74:not(#r74a#r74b) .ljk-r61-karta{border:1px solid var(--r73-linia,#ebe5f4)!important;background:#faf9fc!important;color:#1d1530}

/* ---------- 2. „Warto dobrać” (koszyk boczny, koszyk) i „Możesz dobrać” (kasa) ---------- */
html:root body.ljk-r74:not(#r74a#r74b) .ljk-up .ljk-up-h{color:#1d1530!important;text-transform:none!important;letter-spacing:normal!important}
/* karty: białe, ramka #ebe5f4, bez gradientu, bez podskakiwania przy najechaniu */
html:root body.ljk-r74:not(#r74a#r74b) .ljk-up .ljk-up-i,
html:root body.ljk-r74:not(#r74a#r74b) .ljk-up .ljk-up-i.ljk-wp.ljk-wp{flex-wrap:wrap!important;max-width:100%;box-sizing:border-box;background:var(--r73-tlo-karta,#fff)!important;border:1px solid var(--r73-linia,#ebe5f4)!important;border-radius:16px!important;box-shadow:0 1px 2px rgba(29,21,48,.06)!important;translate:none!important;transform:none!important}
html:root body.ljk-r74:not(#r74a#r74b) .ljk-up .ljk-up-i:hover{translate:none!important;transform:none!important;border-color:var(--r73-linia,#ebe5f4)!important}
html:root body.ljk-r74:not(#r74a#r74b) .ljk-up .ljk-up-t{min-width:0!important;overflow-wrap:anywhere}
/* etykieta „Większy pakiet na ten sam link”: zwykły zapis zdaniowy (wcześniej WIELKIE LITERY i zielony) */
html:root body.ljk-r74:not(#r74a#r74b) .ljk-up .ljk-up-i.ljk-wp.ljk-wp .ljk-wp-k{font-size:13px!important;line-height:1.35!important;font-weight:600!important;text-transform:none!important;letter-spacing:normal!important;color:#5b5470!important}
html:root body.ljk-r74:not(#r74a#r74b) .ljk-up .ljk-up-i.ljk-wp.ljk-wp .ljk-wp-h{color:#1d1530!important}
html:root body.ljk-r74:not(#r74a#r74b) .ljk-up .ljk-up-i.ljk-wp.ljk-wp .ljk-wp-d{color:#5b5470!important}
/* „X% taniej za sztukę” - fiolet systemu; zielony zostaje tylko na dopisku z „gratis” (ljk-wp-perk) */
html:root body.ljk-r74:not(#r74a#r74b) .ljk-up .ljk-up-i.ljk-wp.ljk-wp .ljk-wp-c em:not(.ljk-wp-perk){color:#6d28d9!important;background:#f3edff!important;border:1px solid #ddd2f7!important}
html:root body.ljk-r74:not(#r74a#r74b) .ljk-up .ljk-up-i.ljk-wp.ljk-wp .ljk-wp-c em.ljk-wp-perk{color:#15803d!important;background:#f0fdf4!important;border:1px solid #bbf7d0!important}
html:root body.ljk-r74:not(#r74a#r74b) .ljk-up :is(.ljk-up-t em.ljk-up-save,.ljk-up-t .ljk-up-save){color:#6d28d9!important}
/* przyciski „Zamień na 2 000” / „Dodaj” / „Dodaj za …” (5657) - przycisk drugi z systemu (wcześniej zielony gradient) */
html:root body.ljk-r74:not(#r74a#r74b) .ljk-up .ljk-up-btn,
html:root body.ljk-r74:not(#r74a#r74b) .ljk-up .ljk-up-i.ljk-wp.ljk-wp .ljk-up-btn,
html:root body.ljk-r74.woocommerce-checkout:not(#r74a#r74b) .lk4w .lk-upsell-add{display:inline-flex!important;align-items:center;justify-content:center;box-sizing:border-box;max-width:100%;min-width:0!important;height:auto!important;min-height:var(--r73-btn-min,48px)!important;padding:10px 18px!important;border:1px solid var(--r73-btn-2-ramka,#7c3aed)!important;border-radius:var(--r73-btn-r,12px)!important;background:var(--r73-btn-2-tlo,#fff)!important;color:var(--r73-btn-2-tekst,#6d28d9)!important;-webkit-text-fill-color:currentColor;font-size:14.5px!important;font-weight:700!important;line-height:1.25!important;text-align:center;text-transform:none!important;letter-spacing:normal!important;white-space:normal!important;box-shadow:none!important;filter:none!important;transform:none!important;translate:none!important;transition:background-color .15s ease}
html:root body.ljk-r74:not(#r74a#r74b) .ljk-up .ljk-up-btn:hover:not(:disabled),
html:root body.ljk-r74:not(#r74a#r74b) .ljk-up .ljk-up-i.ljk-wp.ljk-wp .ljk-up-btn:hover:not(:disabled),
html:root body.ljk-r74.woocommerce-checkout:not(#r74a#r74b) .lk4w .lk-upsell-add:hover:not(:disabled){background:var(--r73-btn-2-tlo-h,#f3edff)!important;color:var(--r73-btn-2-tekst,#6d28d9)!important;filter:none!important}
html:root body.ljk-r74:not(#r74a#r74b) .ljk-up .ljk-up-btn:focus-visible,
html:root body.ljk-r74:not(#r74a#r74b) .ljk-up .ljk-up-i.ljk-wp.ljk-wp .ljk-up-btn:focus-visible,
html:root body.ljk-r74.woocommerce-checkout:not(#r74a#r74b) .lk4w .lk-upsell-add:focus-visible{outline:var(--r73-fokus,3px solid #7c3aed)!important;outline-offset:2px!important}
html:root body.ljk-r74:not(#r74a#r74b) .ljk-up .ljk-up-btn:disabled{opacity:.7;cursor:default}
/* kasa, wąski telefon: karta może się złamać (wcześniej flex-wrap:nowrap w kasa-2026.css) */
@media (max-width:420px){
  html:root body.ljk-r74.woocommerce-checkout:not(#r74a#r74b) .lk4w .lk4-extra .ljk-up-i{flex-wrap:wrap!important}
  html:root body.ljk-r74.woocommerce-checkout:not(#r74a#r74b) .lk4w .lk4-extra .ljk-up-btn{padding:10px 14px!important}
}

/* ---------- 3. koszyk boczny ---------- */
/* dane pozycji: zwarto, wartość łamie się w karcie (Bonus: „+50 szt. gratis (…)” - tekst bez zmian, zielone tylko „+50 szt. gratis”) */
html:root body.ljk-r74:not(#r74a#r74b) #lajk-side-cart .lajk-sc-meta{gap:2px!important;margin:6px 0 0!important;font-size:13px!important;line-height:1.4!important;color:#4a4560!important}
html:root body.ljk-r74:not(#r74a#r74b) #lajk-side-cart .lajk-sc-meta li{line-height:1.4!important;max-width:100%}
html:root body.ljk-r74:not(#r74a#r74b) #lajk-side-cart .lajk-sc-meta li:not(.lajk-sc-link){white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important}
html:root body.ljk-r74:not(#r74a#r74b) #lajk-side-cart .lajk-sc-meta li span:not(.ljk-gratis){color:#5b5470!important}
html:root body.ljk-r74:not(#r74a#r74b) #lajk-side-cart .lajk-sc-pkg{line-height:1.4;overflow-wrap:anywhere}
html:root body.ljk-r74:not(#r74a#r74b) #lajk-side-cart .lajk-sc-info{min-width:0}
/* „Pasuje do Twojego zamówienia” - bez wielkich liter */
html:root body.ljk-r74:not(#r74a#r74b) #lajk-side-cart .lajk-sc-upsell-head{text-transform:none!important;letter-spacing:normal!important;font-size:14px!important;font-weight:700!important;color:#1d1530!important}
/* w panelu propozycja ma jeden przycisk na całą szerokość karty */
html:root body.ljk-r74:not(#r74a#r74b) #lajk-side-cart .ljk-up .ljk-up-i.ljk-wp.ljk-wp .ljk-up-btn{flex:1 1 100%!important;width:100%!important}

/* ---------- 4. strona koszyka ---------- */
html:root body.ljk-r74.woocommerce-cart:not(#r74a#r74b) :is(.ljk-cart-items-h,.cart_totals>h2){text-transform:none!important;letter-spacing:normal!important}
/* „Dokup do tych samych linków” (koszyk-r47): przycisk drugi z systemu (wcześniej szara ramka, pigułka) */
html:root body.ljk-r74:not(#r74a#r74b) .ljk-r47-dk :is(.ljk-up-btn.ljk-r47-dk-btn,.ljk-r47-dk-go){height:auto!important;min-height:44px!important;max-width:100%;box-sizing:border-box;padding:8px 16px!important;border:1px solid var(--r73-btn-2-ramka,#7c3aed)!important;border-radius:var(--r73-btn-r,12px)!important;background:var(--r73-btn-2-tlo,#fff)!important;color:var(--r73-btn-2-tekst,#6d28d9)!important;-webkit-text-fill-color:currentColor;white-space:normal!important;text-transform:none!important;letter-spacing:normal!important;box-shadow:none!important;transform:none!important}
html:root body.ljk-r74:not(#r74a#r74b) .ljk-r47-dk :is(.ljk-up-btn.ljk-r47-dk-btn,.ljk-r47-dk-go):hover:not(:disabled){background:var(--r73-btn-2-tlo-h,#f3edff)!important;border-color:var(--r73-btn-2-ramka,#7c3aed)!important;color:var(--r73-btn-2-tekst,#6d28d9)!important}
html:root body.ljk-r74:not(#r74a#r74b) .ljk-r47-dk :is(.ljk-up-btn.ljk-r47-dk-btn,.ljk-r47-dk-go):focus-visible{outline:var(--r73-fokus,3px solid #7c3aed)!important;outline-offset:2px!important}
html:root body.ljk-r74:not(#r74a#r74b) .ljk-r47-dk-t .ljk-up-save{color:#6d28d9!important}
/* dane pozycji jako znaczniki: przy złamaniu w dwie linie prostokąt z zaokrągleniem zamiast „kapsuły” */
html:root body.ljk-r74.woocommerce-cart:not(#r74a#r74b) .ljk-r47-chip{border-radius:10px!important;line-height:1.4!important;overflow-wrap:anywhere}

@media (prefers-reduced-motion:reduce){
  html:root body.ljk-r74:not(#r74a#r74b) :is(.ljk-r61-wp .ljk-up-btn,.ljk-up .ljk-up-btn,.ljk-up .ljk-up-i,.lk-upsell-add,.ljk-r47-dk .ljk-up-btn){transition:none!important}
}
@media (forced-colors:active){
  html:root body.ljk-r74:not(#r74a#r74b) :is(.ljk-r61-wp .ljk-up-btn,.ljk-up .ljk-up-btn,.lk-upsell-add){border:1px solid ButtonText!important}
}

/* R74 (31.10.2026, po sprawdzeniu na żywo): podpowiedź „Brakuje … do bonusu” (rabaty.php) w stylu kart R73 - bez zielonej ramki z lewej, znaczki w fiolecie */
html:root body.ljk-r74:not(#r74a#r74b) .ljk-rb-info{border:1px solid #ebe5f4!important;border-left:1px solid #ebe5f4!important;border-radius:16px!important;background:#fff!important;color:#1d1530!important;box-shadow:none!important}
html:root body.ljk-r74:not(#r74a#r74b) .ljk-rb-l:before{color:#6d28d9!important}
html:root body.ljk-r74:not(#r74a#r74b) .ljk-gw-info .ljk-rb-l:not(.ljk-rb-ok):before{background:#6d28d9!important}