/* R71 C - usterki (30.10.2026). Ładowane na każdej stronie po R66 (r71.php, wp_head 1070). Selektory od body.ljk-r71.
   1. „gratis” zawsze zielony (wspólna klasa .ljk-gratis: wysuwany koszyk, koszyk, kasa, podziękowanie, Moje konto).
   2. Główna, „Wszystkie usługi”: nazwa usługi jako zwykły tekst (nie flex), więc <span lang="en"> nie łamie słowa pod słowem.
   3. Moje konto → Zamówienia: na komputerze tabela bez ucinania (przyciski pod sobą w kolumnie działań),
      poniżej 1100 px każde zamówienie jako karta z etykietami. Nic nie wymaga przewijania w bok (320-1440 px). */

/* ---------- 1. gratis ---------- */
/* Kolor tekstu: ciemniejszy odcień zielonego R71 (#15803d, kontrast 5:1 na białym). Sam token --r71-zielony (#15a34a)
   ma na białym 3,3:1 - za mało dla małego tekstu (ZASADY: min. 4,5:1). Gdy kolory.css poda --r71-zielony-tekst, wygrywa on. */
body.ljk-r71 .ljk-gratis,
body.ljk-r71 .ljk-gratis b,
body.ljk-r71 .ljk-gratis strong{color:var(--r71-zielony-tekst,#15803d)!important;font-weight:700!important;-webkit-text-fill-color:currentColor}
body.ljk-r71 .ljk-gratis{white-space:nowrap}
/* wysuwany koszyk: „· razem 4 000 szt. + 1 200 gratis” - reszta zdania zostaje szara */
body.ljk-r71 .lajk-sc-gr .ljk-gratis{margin-left:1px}
@media (forced-colors:active){body.ljk-r71 .ljk-gratis{color:CanvasText!important;-webkit-text-fill-color:CanvasText}}

/* ---------- 2. „Wszystkie usługi” na głównej ---------- */
/* Przyczyna: .hx-pl-name ma display:flex;flex-direction:column (CSS strony 5547), a r51-wygoda.js owija „Live” w <span lang="en">.
   Każdy kawałek tekstu stawał się wtedy osobną linią: „Widzowie / Live / TikTok”. Teraz nazwa to zwykły blok tekstu. */
html body.ljk-r71 #lajk-home .hx-pl-name{display:block!important;min-width:0!important;overflow-wrap:normal!important;word-break:normal!important;hyphens:manual!important}
html body.ljk-r71 #lajk-home .hx-pl-name>small{display:block!important;margin-top:2px!important}
/* każdy goły <span lang> z r51-wygoda.js zostaje częścią zdania (nagłówki kart, menu, tabele, przyciski) */
body.ljk-r71 span[lang]:not([class]){display:inline!important;flex:none!important;width:auto!important;margin:0!important;padding:0!important;font:inherit!important;color:inherit!important;white-space:inherit!important}

/* ---------- 3. Moje konto → Zamówienia ---------- */
/* Przyczyna: tabela miała overflow:hidden i white-space:nowrap w kolumnie „Działania”, a opłacone zamówienie ma 3 przyciski
   (Wyświetl, Odstąp od umowy, Zamów ponownie) obok siebie - ostatni był ucinany (konto-wyglad.css). */
html body.ljk-r71.woocommerce-account table.woocommerce-orders-table{width:100%!important;max-width:100%!important;table-layout:auto!important;overflow:visible!important}
html body.ljk-r71.woocommerce-account table.woocommerce-orders-table .woocommerce-orders-table__cell-order-number{white-space:nowrap}
html body.ljk-r71.woocommerce-account table.woocommerce-orders-table .woocommerce-orders-table__cell-order-date,
html body.ljk-r71.woocommerce-account table.woocommerce-orders-table .woocommerce-orders-table__cell-order-total,
html body.ljk-r71.woocommerce-account table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions{white-space:normal!important}
html body.ljk-r71.woocommerce-account table.woocommerce-orders-table .ljk-st{white-space:normal!important;max-width:100%}
html body.ljk-r71.woocommerce-account table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions .button{white-space:nowrap!important;margin:0!important;box-sizing:border-box}
/* „Zamów ponownie” jako główne działanie: żywy róż R71, biały tekst (kontrast 4,9:1) */
html body.ljk-r71.woocommerce-account table.woocommerce-orders-table .button.ljk-ponow{background:var(--r71-roz,#e11d74)!important;border-color:var(--r71-roz,#e11d74)!important;color:#fff!important}
html body.ljk-r71.woocommerce-account table.woocommerce-orders-table .button.ljk-ponow:hover{background:var(--r71-roz-h,#c0135f)!important;border-color:var(--r71-roz-h,#c0135f)!important;color:#fff!important;transform:translateY(-2px)}
@media (prefers-reduced-motion:reduce){html body.ljk-r71.woocommerce-account table.woocommerce-orders-table .button.ljk-ponow:hover{transform:none}}

/* komputer (od 1100 px; treść konta ma tu ~790 px obok menu): zwykła tabela, węższe odstępy, przyciski pod sobą */
@media (min-width:1100px){
  html body.ljk-r71.woocommerce-account table.woocommerce-orders-table th,
  html body.ljk-r71.woocommerce-account table.woocommerce-orders-table td{padding-left:10px!important;padding-right:10px!important}
  html body.ljk-r71.woocommerce-account table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions{width:1%;padding-left:10px!important;text-align:right!important}
  html body.ljk-r71.woocommerce-account table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions .button{display:flex!important;width:100%!important;min-height:36px!important;margin:0 0 6px!important}
  html body.ljk-r71.woocommerce-account table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions .button:last-child{margin-bottom:0!important}
}

/* tablet i telefon (do 1099 px): każde zamówienie to karta z etykietami */
@media (max-width:1099px){
  html body.ljk-r71.woocommerce-account table.woocommerce-orders-table{display:block!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important}
  html body.ljk-r71.woocommerce-account table.woocommerce-orders-table thead{display:none!important}
  html body.ljk-r71.woocommerce-account table.woocommerce-orders-table tbody{display:grid!important;gap:12px;width:100%}
  html body.ljk-r71.woocommerce-account table.woocommerce-orders-table tr.woocommerce-orders-table__row{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,auto);grid-template-areas:"num st" "dt tot" "act act";align-items:start;gap:10px 14px;min-width:0;padding:14px 16px!important;background:var(--n-card,#fff)!important;border:1px solid var(--n-line,#e7e2f0)!important;border-radius:16px!important;box-sizing:border-box}
  html body.ljk-r71.woocommerce-account table.woocommerce-orders-table tr.woocommerce-orders-table__row>th,
  html body.ljk-r71.woocommerce-account table.woocommerce-orders-table tr.woocommerce-orders-table__row>td{display:block!important;width:auto!important;min-width:0;padding:0!important;border:0!important;background:none!important;text-align:left!important;float:none!important}
  /* etykiety z data-title (WooCommerce): „Data”, „Status”, „Suma” */
  html body.ljk-r71.woocommerce-account table.woocommerce-orders-table tr.woocommerce-orders-table__row>*::before{content:none!important;display:none!important}
  html body.ljk-r71.woocommerce-account table.woocommerce-orders-table tr.woocommerce-orders-table__row>.woocommerce-orders-table__cell-order-date::before,
  html body.ljk-r71.woocommerce-account table.woocommerce-orders-table tr.woocommerce-orders-table__row>.woocommerce-orders-table__cell-order-status::before,
  html body.ljk-r71.woocommerce-account table.woocommerce-orders-table tr.woocommerce-orders-table__row>.woocommerce-orders-table__cell-order-total::before{content:attr(data-title)!important;display:block!important;float:none!important;margin:0 0 3px!important;font-size:12px;font-weight:600;line-height:1.2;color:var(--n-mut,#5b5470)}
  html body.ljk-r71.woocommerce-account table.woocommerce-orders-table .woocommerce-orders-table__cell-order-number{grid-area:num;align-self:center;font-size:17px}
  html body.ljk-r71.woocommerce-account table.woocommerce-orders-table .woocommerce-orders-table__cell-order-status{grid-area:st;text-align:right!important}
  html body.ljk-r71.woocommerce-account table.woocommerce-orders-table .woocommerce-orders-table__cell-order-date{grid-area:dt;font-size:14px}
  html body.ljk-r71.woocommerce-account table.woocommerce-orders-table .woocommerce-orders-table__cell-order-total{grid-area:tot;text-align:right!important;font-size:14.5px}
  html body.ljk-r71.woocommerce-account table.woocommerce-orders-table tr.woocommerce-orders-table__row>td.woocommerce-orders-table__cell-order-actions{grid-area:act;display:flex!important;flex-wrap:wrap;gap:8px;margin-top:2px;padding-top:12px!important;border-top:1px solid var(--n-line,#e7e2f0)!important}
  html body.ljk-r71.woocommerce-account table.woocommerce-orders-table tr.woocommerce-orders-table__row>td.woocommerce-orders-table__cell-order-actions::before{content:none!important;display:none!important}
  html body.ljk-r71.woocommerce-account table.woocommerce-orders-table tr.woocommerce-orders-table__row td.woocommerce-orders-table__cell-order-actions .button{flex:1 1 140px;min-width:0;min-height:44px!important;padding:0 14px!important;font-size:14px!important}
}
/* bardzo wąski telefon: status i suma pod numerem i datą, żeby długi status nie ściskał numeru */
@media (max-width:379px){
  html body.ljk-r71.woocommerce-account table.woocommerce-orders-table tr.woocommerce-orders-table__row{grid-template-columns:minmax(0,1fr);grid-template-areas:"num" "st" "dt" "tot" "act";padding:14px!important}
  html body.ljk-r71.woocommerce-account table.woocommerce-orders-table .woocommerce-orders-table__cell-order-status,
  html body.ljk-r71.woocommerce-account table.woocommerce-orders-table .woocommerce-orders-table__cell-order-total{text-align:left!important}
  html body.ljk-r71.woocommerce-account table.woocommerce-orders-table tr.woocommerce-orders-table__row td.woocommerce-orders-table__cell-order-actions .button{flex-basis:100%}
}