/* Moje konto, koszyk i kasa WooCommerce w stylu strony v2 (Kosari, 13.10.2026). Laduje mu-plugin kwt-jt2-konto.php tylko na tych stronach:
   body ma klase .jtk-on oraz .jtk-konto / .jtk-koszyk / .jtk-kasa (kasa = takze platnosc za zamowienie i podziekowanie); niezalogowana na koncie dodatkowo .jtk-gosc.
   Wyglad jak strony v2 i platforma: tlo #f6f2e8, naglowek i stopka v2 (biale), biale panele, przyciski #5C3A1F, Playfair Display + Roboto 300.
   Tresc strony to Elementor (naglowek "Moje konto" + [woocommerce_my_account]) - tu tylko wyglad, zadnych zmian w dzialaniu konta. */

/* ---------- szkielet strony ---------- */
html:has(body.jtk-on){background:#f6f2e8}
body.jtk-on{display:flex;flex-direction:column;min-height:100vh;background:#f6f2e8!important}
body.admin-bar.jtk-on{min-height:calc(100vh - 32px)}
/* naglowek i stopka v2: wrapper nie tworzy pudelka, zeby naglowek byl przyklejony do gory jak na stronie */
body.jtk-on .jtp-shell{display:contents}
body.jtk-on .jtp-shell .jt2-footer{margin-top:90px}
body.jtk-on .elementor-location-header,body.jtk-on .elementor-location-footer,body.jtk-on #masthead,body.jtk-on #colophon{display:none!important}
body.jtk-on #page{flex:1 0 auto;min-height:0!important;background:transparent!important}
body.jtk-on .site-content,body.jtk-on.ast-plain-container,body.jtk-on .ast-plain-container{background:transparent!important}
body.jtk-on .site-content .ast-container{display:block;max-width:1450px!important;padding:0 30px!important}
body.jtk-on #content .e-con,body.jtk-on #content .e-con-inner{display:block;width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
body.jtk-on #content .elementor-widget{margin:0!important}

/* ---------- tytul strony ---------- */
body.jtk-on #content .elementor-widget-heading .elementor-heading-title{margin:0;padding:56px 0 30px;border-bottom:1px solid #000;font:400 clamp(34px,4.4vw,60px)/1.05 var(--j-serif)!important;letter-spacing:0!important;text-transform:uppercase!important;text-align:left;color:#000!important}

/* ---------- tekst ---------- */
body.jtk-on .woocommerce{font:300 16px/1.9 var(--j-sans);color:#1c1c1c}
body.jtk-on .woocommerce p{margin:0 0 14px}
body.jtk-on .woocommerce strong{font-weight:500;color:#000}
body.jtk-on .woocommerce a{color:var(--j-gold-text);text-decoration:none;transition:color .2s}
body.jtk-on .woocommerce a:hover{color:var(--j-gold-deep)}
body.jtk-on .woocommerce :is(h2,h3){margin:38px 0 18px;font:400 26px/1.3 var(--j-serif);letter-spacing:0;text-transform:none;color:#111}
body.jtk-on .woocommerce mark{background:none;font-weight:500;color:#000}
/* motyw daje naglowkom sekcji szare tlo i ramke */
body.jtk-on .woocommerce :is(.woocommerce-order-details,.woocommerce-customer-details,.woocommerce-order-downloads) :is(h2,h3),body.jtk-on .woocommerce :is(.woocommerce-column__title,.woocommerce-order-details__title,.woocommerce-order-downloads__title){padding:0!important;background:none!important;border:0!important}

/* ---------- zakladki konta: bialy pasek ze zlota linia u gory, jak zakladki kokpitu na platformie ---------- */
body.jtk-on .woocommerce-MyAccount-navigation{float:none!important;width:100%!important;margin:22px 0 0;padding:0 28px;background:#fff;border:1px solid var(--j-line);border-top:2px solid var(--j-gold);box-shadow:0 10px 30px rgba(146,114,59,.08)}
body.jtk-on .woocommerce-MyAccount-navigation ul{display:flex;flex-wrap:wrap;align-items:center;gap:0 4px;list-style:none;margin:0;padding:0;border:0}
body.jtk-on .woocommerce-MyAccount-navigation li{margin:0!important;padding:0!important;border:0!important;list-style:none}
/* !important przy wygladzie linku: na stronie jest starszy CSS z wtyczki Code Snippets (/?code-snippets-css=1), ktory z pozycji
   "Platforma kursowa", "Zamowienia cykliczne" i "Metody platnosci" robi zlote przyciski z bialym tekstem (wszystko !important),
   a etykiete subskrypcji rysuje przez font-size:0 + ::after. Tu wszystkie pozycje wygladaja tak samo */
body.jtk-on .woocommerce-MyAccount-navigation li a{display:block!important;padding:21px 14px!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;transform:none!important;font:400 15px/1 var(--j-serif)!important;letter-spacing:.4px;text-transform:uppercase;text-align:left!important;text-decoration:none!important;color:#000!important;white-space:nowrap;transition:color .2s!important}
body.jtk-on .woocommerce-MyAccount-navigation li a::after{content:none!important;display:none!important}
body.jtk-on .woocommerce-MyAccount-navigation li:first-child a{padding-left:0!important}
body.jtk-on .woocommerce-MyAccount-navigation li a:hover,body.jtk-on .woocommerce-MyAccount-navigation li.is-active a{background:none!important;box-shadow:none!important;transform:none!important;color:var(--j-gold)!important}
body.jtk-on .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout{margin-left:auto!important}
body.jtk-on .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a{padding-right:0!important}
/* edytor tekstu Elementora dokleja <br> w linkach i komorkach (wpautop) */
body.jtk-on .woocommerce-MyAccount-navigation br,body.jtk-on .woocommerce table.shop_table br,body.jtk-on .woocommerce .form-row br,body.jtk-on .woocommerce-Address-title br,body.jtk-on .woocommerce form>p>br,body.jtk-on .woocommerce .button br,body.jtk-on .woocommerce :is(.woocommerce-message,.woocommerce-info,.woocommerce-error) br{display:none}

/* ---------- tresc zakladki: bialy panel ---------- */
body.jtk-on .woocommerce-MyAccount-content{float:none!important;width:100%!important;margin:30px 0 0;padding:44px 48px 48px;background:#fff;border-radius:5px;box-shadow:0 18px 44px rgba(146,114,59,.12)}
body.jtk-on .woocommerce-MyAccount-content>:last-child,body.jtk-on .woocommerce-MyAccount-content>:is(section,div):last-child>:last-child{margin-bottom:0}
body.jtk-on .woocommerce-MyAccount-content>:is(h2,h3):first-child,body.jtk-on .woocommerce-MyAccount-content>.woocommerce-notices-wrapper:empty+:is(h2,h3),body.jtk-on .woocommerce-MyAccount-content form>:is(h2,h3):first-child{margin-top:0}

/* ---------- tabele (zamowienia, zamowienia cykliczne, pobrania, szczegoly) ---------- */
body.jtk-on .woocommerce table.shop_table{width:100%;margin:0 0 10px;border:0!important;border-collapse:collapse;border-radius:0;font-size:16px;line-height:1.6}
body.jtk-on .woocommerce table.shop_table :is(thead,tbody,tfoot,tr){background:none!important;border:0!important}
body.jtk-on .woocommerce table.shop_table :is(th,td){padding:16px 14px;background:none!important;border:0!important;border-bottom:1px solid var(--j-line)!important;text-align:left;vertical-align:middle}
body.jtk-on .woocommerce table.shop_table :is(th,td):first-child{padding-left:0}
body.jtk-on .woocommerce table.shop_table :is(th,td):last-child{padding-right:0}
body.jtk-on .woocommerce table.shop_table thead th{padding-top:0;border-bottom:1px solid #000!important;font:400 12px/1.4 var(--j-sans);letter-spacing:2px;text-transform:uppercase;color:var(--j-gold-deep)}
body.jtk-on .woocommerce table.shop_table tbody th{font-weight:400}
body.jtk-on .woocommerce table.shop_table tfoot th{font-weight:400;color:var(--j-muted)}
body.jtk-on .woocommerce table.shop_table p{margin:0}
body.jtk-on .woocommerce table.shop_table :is(.woocommerce-orders-table__cell-order-actions,.order-actions,.subscription-actions,.download-file,.woocommerce-orders-table__header-order-actions){text-align:right}
body.jtk-on .woocommerce table.shop_table .amount{font-weight:400;color:#000}

/* ---------- przyciski: #5C3A1F, ostre rogi, Playfair - jak na stronach v2 ---------- */
body.jtk-on .woocommerce :is(a.button,button.button,input.button,.woocommerce-button,.woocommerce-Button,button[type=submit]){display:inline-block;height:auto;margin:0;padding:14px 32px;background:#5c3a1f!important;border:0!important;border-radius:0!important;box-shadow:none;color:#fff!important;font:600 16px/1.3 var(--j-serif)!important;letter-spacing:.9px;text-transform:none;text-decoration:none;cursor:pointer;transition:filter .25s,box-shadow .25s}
body.jtk-on .woocommerce :is(a.button,button.button,input.button,.woocommerce-button,.woocommerce-Button,button[type=submit]):is(:hover,:focus){filter:brightness(1.15);box-shadow:0 8px 22px rgba(92,58,31,.28)}
body.jtk-on .woocommerce table.shop_table .button{margin:3px 0 3px 8px;padding:9px 18px;font-size:14px!important}
/* dzialania poboczne (Zobacz, Anuluj): bialy przycisk z czarna ramka, jak przyciski drugiego planu na platformie */
body.jtk-on .woocommerce :is(a,button).button:is(.view,.cancel){padding:8px 17px;background:#fff!important;border:1px solid #000!important;color:#000!important}
body.jtk-on .woocommerce :is(a,button).button:is(.view,.cancel):is(:hover,:focus){filter:none;box-shadow:none;border-color:var(--j-gold)!important;color:var(--j-gold-deep)!important}

/* ---------- komunikaty ---------- */
body.jtk-on .woocommerce :is(.woocommerce-message,.woocommerce-info,.woocommerce-error){display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;margin:0 0 24px;padding:18px 22px;background:#f6f2e8;border:0;border-left:2px solid var(--j-gold);border-radius:0;font:300 16px/1.7 var(--j-sans);color:#1c1c1c;list-style:none}
body.jtk-on .woocommerce :is(.woocommerce-message,.woocommerce-info,.woocommerce-error)::before,body.jtk-on .woocommerce :is(.woocommerce-message,.woocommerce-info,.woocommerce-error)::after{display:none!important}
body.jtk-on .woocommerce .woocommerce-error{border-left-color:#b3261e}
body.jtk-on .woocommerce :is(.woocommerce-message,.woocommerce-info,.woocommerce-error) li{margin:0;list-style:none}
body.jtk-on .woocommerce :is(.woocommerce-message,.woocommerce-info,.woocommerce-error) .button{float:none;order:2}
/* niezalogowana: komunikat lezy na tle strony, nie w bialym panelu */
body.jtk-gosc .woocommerce>.woocommerce-notices-wrapper :is(.woocommerce-message,.woocommerce-info,.woocommerce-error){margin:30px 0 0;background:#fff}

/* ---------- formularze ---------- */
body.jtk-on .woocommerce form :is(.form-row,.woocommerce-form-row){margin:0 0 20px;padding:0}
body.jtk-on .woocommerce form label{display:block;margin:0 0 6px;font:400 12px/1.4 var(--j-sans);letter-spacing:2px;text-transform:uppercase;color:var(--j-gold-deep)}
body.jtk-on .woocommerce form .required{border:0;color:var(--j-gold-deep);text-decoration:none}
body.jtk-on .woocommerce form :is(input.input-text,input[type=text],input[type=email],input[type=password],input[type=tel],select,textarea){width:100%;height:52px;padding:13px 16px;background:#fff;border:1px solid var(--j-line);border-radius:0;box-shadow:none;font:400 16px/1.5 var(--j-sans);color:#1c1c1c}
body.jtk-on .woocommerce form textarea{height:auto;min-height:120px}
body.jtk-on .woocommerce form :is(input,select,textarea):focus{border-color:#b79d47;box-shadow:0 0 0 3px rgba(183,157,71,.15);outline:0}
body.jtk-on .woocommerce form em{font:300 14px/1.6 var(--j-sans);font-style:italic;color:var(--j-muted)}
body.jtk-on .woocommerce form fieldset{margin:30px 0 24px;padding:26px 28px 8px;border:1px solid var(--j-line)}
body.jtk-on .woocommerce form legend{padding:0 10px;font:400 20px/1.3 var(--j-serif);color:#111}
/* pole wyboru (Zapamietaj mnie, zgody): zwykly tekst obok kwadratu */
body.jtk-on .woocommerce form label:is(.woocommerce-form__label-for-checkbox,.checkbox){display:flex;align-items:flex-start;gap:10px;margin:0 0 18px;font:300 15px/1.6 var(--j-sans);letter-spacing:0;text-transform:none;color:#1c1c1c}
body.jtk-on .woocommerce form label:is(.woocommerce-form__label-for-checkbox,.checkbox) input{flex:0 0 auto;width:18px;height:18px;margin:3px 0 0;accent-color:#b79d47}
/* lista krajow (select2) */
/* motyw daje polu wyboru wlasny padding i ujemny margines - tekst (np. "Polska") stal przez to za nisko, a strzalka nad polem */
body.jtk-on .woocommerce .select2-container{display:block;height:52px}
body.jtk-on .woocommerce .select2-container--default .select2-selection--single{position:relative;height:52px;margin:0!important;padding:0!important;border:1px solid var(--j-line);border-radius:0}
body.jtk-on .woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered{height:50px;margin:0;padding:0 36px 0 16px!important;font:400 16px/50px var(--j-sans)!important;color:#1c1c1c}
body.jtk-on .woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow{position:absolute;top:0!important;right:10px;height:50px;margin:0;transform:none!important}

/* ---------- adresy ---------- */
body.jtk-on .woocommerce .woocommerce-Addresses{display:grid;grid-template-columns:1fr 1fr;gap:26px;width:100%;margin:22px 0 0}
body.jtk-on .woocommerce .woocommerce-Addresses::before,body.jtk-on .woocommerce .woocommerce-Addresses::after{display:none}
body.jtk-on .woocommerce .woocommerce-Addresses .woocommerce-Address{float:none!important;width:auto!important;max-width:none!important;margin:0;padding:28px 30px;border:1px solid var(--j-line);border-radius:5px}
body.jtk-on .woocommerce .woocommerce-Address-title{margin:0;padding:0;background:none;border:0}
body.jtk-on .woocommerce .woocommerce-Address-title h2{float:none;margin:0 0 4px;font-size:22px}
body.jtk-on .woocommerce .woocommerce-Address-title .edit{float:none;font-size:15px}
body.jtk-on .woocommerce address{margin:14px 0 0;padding:0;border:0;font-style:normal;line-height:1.8}
body.jtk-on .woocommerce .woocommerce-customer-details address{padding:0;border:0}

/* ---------- niezalogowana: logowanie i rejestracja jako dwa biale panele, przypomnienie hasla jako jeden ---------- */
body.jtk-gosc .woocommerce #customer_login{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start;width:100%;margin:30px 0 0}
body.jtk-gosc .woocommerce #customer_login::before,body.jtk-gosc .woocommerce #customer_login::after{display:none}
body.jtk-gosc .woocommerce #customer_login>div{float:none!important;width:auto!important;max-width:none!important;margin:0;padding:44px 48px 40px;background:#fff;border-radius:5px;box-shadow:0 18px 44px rgba(146,114,59,.12)}
body.jtk-gosc .woocommerce #customer_login h2{margin:0 0 26px;font-size:clamp(26px,2.6vw,32px);line-height:1.2;color:#000}
body.jtk-gosc .woocommerce form:is(.login,.register,.lost_reset_password){margin:0;padding:0;border:0;border-radius:0}
body.jtk-gosc .woocommerce form.lost_reset_password{max-width:560px;margin:30px auto 0;padding:44px 48px 40px;background:#fff;border-radius:5px;box-shadow:0 18px 44px rgba(146,114,59,.12)}
body.jtk-gosc .woocommerce form .form-row-first,body.jtk-gosc .woocommerce form .form-row-last{float:none;width:100%}
body.jtk-gosc .woocommerce .woocommerce-LostPassword{margin:18px 0 0}
body.jtk-gosc .woocommerce .woocommerce-privacy-policy-text p{font-size:14px;line-height:1.7;color:var(--j-muted)}

/* ---------- tablet i telefon ---------- */
@media (max-width:1100px){
  body.jtk-on .woocommerce-MyAccount-navigation ul{gap:0 2px}
  body.jtk-on .woocommerce-MyAccount-navigation li a{padding:14px 10px!important}
  body.jtk-on .woocommerce-MyAccount-navigation ul{padding:8px 0}
  body.jtk-on .woocommerce-MyAccount-content{padding:36px 32px 38px}
}
@media (max-width:782px){body.admin-bar.jtk-on{min-height:calc(100vh - 46px)}}
@media (max-width:768px){
  body.jtk-on .site-content .ast-container{padding:0 20px!important}
  body.jtk-on .jtp-shell .jt2-footer{margin-top:60px}
  body.jtk-on #content .elementor-widget-heading .elementor-heading-title{padding:36px 0 22px}
  body.jtk-on .woocommerce-MyAccount-navigation{margin-top:18px;padding:0 16px}
  body.jtk-on .woocommerce-MyAccount-navigation ul{gap:10px 22px;padding:12px 0}
  body.jtk-on .woocommerce-MyAccount-navigation li a,body.jtk-on .woocommerce-MyAccount-navigation li:first-child a{padding:4px 0!important;font-size:14px!important}
  body.jtk-on .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout{margin-left:0!important}
  body.jtk-on .woocommerce-MyAccount-content{margin-top:20px;padding:26px 20px 30px}
  body.jtk-on .woocommerce :is(h2,h3){margin:30px 0 14px;font-size:22px}
  body.jtk-on .woocommerce .woocommerce-Addresses,body.jtk-gosc .woocommerce #customer_login{grid-template-columns:1fr;gap:20px}
  body.jtk-gosc .woocommerce #customer_login{margin-top:20px}
  body.jtk-gosc .woocommerce #customer_login>div,body.jtk-gosc .woocommerce form.lost_reset_password{padding:28px 20px 26px}
  body.jtk-on .woocommerce .woocommerce-Addresses .woocommerce-Address{padding:22px 20px}
  /* tabele jako karty: etykieta kolumny z lewej, wartosc z prawej; kolejne pozycje oddzielone czarna linia */
  body.jtk-on .woocommerce table.shop_table_responsive thead{display:none}
  body.jtk-on .woocommerce table.shop_table_responsive tbody tr{display:block;margin:0;padding:0}
  body.jtk-on .woocommerce table.shop_table_responsive tbody tr+tr{margin-top:20px;padding-top:12px;border-top:1px solid #000!important}
  body.jtk-on .woocommerce table.shop_table_responsive tbody :is(th,td){display:flex!important;align-items:center;justify-content:space-between;gap:16px;padding:11px 0!important;text-align:right!important}
  body.jtk-on .woocommerce table.shop_table_responsive tbody tr>:last-child{border-bottom:0!important}
  body.jtk-on .woocommerce table.shop_table_responsive tbody :is(th,td)::before{content:attr(data-title);float:none;flex:0 0 auto;font:400 12px/1.4 var(--j-sans);letter-spacing:2px;text-transform:uppercase;text-align:left;color:var(--j-gold-deep)}
  body.jtk-on .woocommerce table.shop_table_responsive tbody :is(.woocommerce-orders-table__cell-order-actions,.order-actions,.subscription-actions)::before{display:none}
  body.jtk-on .woocommerce table.shop_table_responsive tbody :is(.woocommerce-orders-table__cell-order-actions,.order-actions,.subscription-actions){flex-wrap:wrap;justify-content:flex-start;gap:8px}
  body.jtk-on .woocommerce table.shop_table_responsive tbody :is(.woocommerce-orders-table__cell-order-actions,.order-actions,.subscription-actions) p{display:flex;flex-wrap:wrap;gap:8px;width:100%}
  body.jtk-on .woocommerce table.shop_table_responsive .button{margin:0}
  body.jtk-on .woocommerce table.shop_table:not(.shop_table_responsive) :is(th,td){padding:12px 8px}
}

/* =========================================================
   KOSZYK I KASA (user 13.10.2026: "rob koszyk i kasa") - klasy body .jtk-koszyk / .jtk-kasa
   Obie strony to Elementor: naglowek (Koszyk / Zamowienie) + [woocommerce_cart] / [woocommerce_checkout]. Tylko wyglad.
   ========================================================= */
/* komunikaty leza na tle strony, nie w bialym panelu */
body:is(.jtk-koszyk,.jtk-kasa) .woocommerce :is(.woocommerce-message,.woocommerce-info,.woocommerce-error){margin:24px 0 0;background:#fff}
body:is(.jtk-koszyk,.jtk-kasa) .woocommerce :is(.woocommerce-form-login-toggle,.woocommerce-form-coupon-toggle) .woocommerce-info{justify-content:flex-start;gap:6px 10px}
body:is(.jtk-koszyk,.jtk-kasa) .woocommerce .quantity .qty{width:84px;height:46px;padding:8px 10px;text-align:center}

/* ---------- koszyk ---------- */
body.jtk-koszyk .woocommerce-cart-form{margin:30px 0 0;padding:36px 40px 30px;background:#fff;border-radius:5px;box-shadow:0 18px 44px rgba(146,114,59,.12)}
body.jtk-koszyk .woocommerce table.cart{margin:0}
body.jtk-koszyk .woocommerce table.cart .product-remove{width:34px}
body.jtk-koszyk .woocommerce table.cart .product-thumbnail{width:92px}
body.jtk-koszyk .woocommerce table.cart .product-thumbnail img{width:68px;height:auto;border-radius:5px}
body.jtk-koszyk .woocommerce table.cart .product-name,body.jtk-koszyk .woocommerce table.cart .product-name a{font-weight:400;color:#000}
body.jtk-koszyk .woocommerce table.cart td.actions{padding:22px 0 0!important;border-bottom:0!important;text-align:right}
body.jtk-koszyk .woocommerce table.cart td.actions p{display:inline-block;margin:0}
body.jtk-koszyk .woocommerce table.cart td.actions .coupon{display:flex;gap:10px;float:left}
body.jtk-koszyk .woocommerce table.cart td.actions .coupon .input-text{width:230px!important;height:46px;margin:0;padding:10px 14px}
body.jtk-koszyk .woocommerce table.cart td.actions .button{margin:0;padding:12px 24px;font-size:15px!important}
body.jtk-koszyk .woocommerce .cart-collaterals{display:flex;justify-content:flex-end;width:100%;margin:30px 0 0}
body.jtk-koszyk .woocommerce .cart-collaterals::before,body.jtk-koszyk .woocommerce .cart-collaterals::after{display:none}
body.jtk-koszyk .woocommerce .cart-collaterals .cart_totals{float:none!important;width:480px!important;max-width:100%;margin:0;padding:34px 40px 36px;background:#fff;border:0;border-radius:5px;box-shadow:0 18px 44px rgba(146,114,59,.12)}
body.jtk-koszyk .woocommerce .cart-collaterals .cart_totals>h2{margin:0 0 12px;padding:0;background:none;border:0;font:400 26px/1.3 var(--j-serif)}
body.jtk-koszyk .woocommerce .cart_totals table.shop_table td{text-align:right}
body.jtk-koszyk .woocommerce .cart_totals .order-total .amount{font:400 22px/1.2 var(--j-serif)}
body.jtk-koszyk .woocommerce .wc-proceed-to-checkout{padding:22px 0 0}
body.jtk-koszyk .woocommerce .wc-proceed-to-checkout a.checkout-button{display:block;width:100%;margin:0;padding:17px 32px;font-size:18px!important;text-align:center}
body.jtk-koszyk .woocommerce .return-to-shop{margin:24px 0 0}

/* ---------- kasa: dane po lewej, podsumowanie i platnosc po prawej (uklad motywu na floatach zostaje) ---------- */
body.jtk-kasa .woocommerce form:is(.woocommerce-form-login,.checkout_coupon){margin:14px 0 0;padding:28px 32px 20px;background:#fff;border:0!important;border-radius:5px}
body.jtk-kasa .woocommerce form.checkout_coupon .button{padding:13px 26px}
body.jtk-kasa .woocommerce form.checkout{margin:30px 0 0}
body.jtk-kasa .woocommerce form.checkout::after{content:"";display:table;clear:both}
body.jtk-kasa .woocommerce form.checkout #customer_details{float:left;width:calc(56% - 15px)!important;margin:0!important;padding:38px 44px 30px;background:#fff;border-radius:5px;box-shadow:0 18px 44px rgba(146,114,59,.12)}
body.jtk-kasa .woocommerce form.checkout #customer_details :is(.col-1,.col-2){float:none;width:100%;max-width:none}
body.jtk-kasa .woocommerce form.checkout :is(h3,h2){margin:34px 0 18px;padding:0;background:none;border:0;font:400 26px/1.3 var(--j-serif);color:#111}
body.jtk-kasa .woocommerce form.checkout .woocommerce-billing-fields>h3{margin-top:0}
/* naglowek "Twoje zamowienie" jest osobnym elementem przed panelem - ujemny margines kladzie go na gornym odstepie bialego panelu */
body.jtk-kasa .woocommerce form.checkout #order_review_heading{position:relative;z-index:1;float:right;width:calc(44% - 15px)!important;height:72px;margin:0 0 -72px!important;padding:38px 40px 0!important;border:0!important}
body.jtk-kasa .woocommerce form.checkout #order_review{float:right;width:calc(44% - 15px)!important;margin:0!important;padding:88px 40px 38px!important;background:#fff;border:0!important;border-radius:5px;box-shadow:0 18px 44px rgba(146,114,59,.12)}
/* platnosc za istniejace zamowienie (z Mojego konta): sam formularz, bez danych klientki */
body.jtk-kasa .woocommerce>form#order_review{max-width:820px;margin:30px auto 0;padding:38px 44px 38px;background:#fff;border-radius:5px;box-shadow:0 18px 44px rgba(146,114,59,.12)}
body.jtk-kasa .woocommerce #order_review table.shop_table :is(.product-total,.product-subtotal),body.jtk-kasa .woocommerce #order_review table.shop_table tfoot td{text-align:right}
body.jtk-kasa .woocommerce #order_review table.shop_table .order-total .amount{font:400 22px/1.2 var(--j-serif)}
/* metody platnosci: wiersz = kolko, nazwa, logo bramki z prawej; opis metody pod spodem na tle strony.
   Dwie postaci znacznikow: pierwsze wyswietlenie przechodzi przez edytor tekstu Elementora (wpautop: <li><input></p><p><label>...</label></p>),
   po odswiezeniu podsumowania przez AJAX jest czysto (<li><input><label>...</label>) - reguly obsluguja obie */
body.jtk-kasa .woocommerce #payment{background:none;border-radius:0}
body.jtk-kasa .woocommerce #payment ul.payment_methods{margin:16px 0 0;padding:0;border:0;list-style:none}
body.jtk-kasa .woocommerce #payment ul.payment_methods>li{display:flex;flex-wrap:wrap;align-items:center;gap:0 12px;margin:0;padding:14px 0;border-bottom:1px solid var(--j-line);list-style:none;line-height:1.4}
body.jtk-kasa .woocommerce #payment ul.payment_methods>li>input[type=radio]{flex:0 0 auto;width:18px;height:18px;margin:0;accent-color:#b79d47}
body.jtk-kasa .woocommerce #payment ul.payment_methods>li>p{flex:1 1 0;min-width:0;margin:0}
body.jtk-kasa .woocommerce #payment ul.payment_methods>li>p:empty{display:none}
body.jtk-kasa .woocommerce #payment ul.payment_methods>li label[for^="payment_method"]{flex:1 1 0;display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0;margin:0;font:400 16px/1.4 var(--j-sans);letter-spacing:0;text-transform:none;color:#1c1c1c;cursor:pointer}
body.jtk-kasa .woocommerce #payment ul.payment_methods>li label[for^="payment_method"] br{display:none}
body.jtk-kasa .woocommerce #payment ul.payment_methods>li label[for^="payment_method"] img{flex:0 0 auto;float:none;width:auto!important;max-width:110px;height:auto!important;max-height:26px;margin:0!important;padding:0}
body.jtk-kasa .woocommerce #payment ul.payment_methods>li>.payment_box{flex:0 0 100%;width:100%;margin:14px 0 2px!important;padding:16px 18px!important;background:#f6f2e8!important;border-radius:0;font-size:14px;line-height:1.7;color:#1c1c1c}
body.jtk-kasa .woocommerce #payment ul.payment_methods>li>.payment_box::before{display:none!important}
body.jtk-kasa .woocommerce #payment .place-order{float:none;margin:0;padding:22px 0 0!important}
body.jtk-kasa .woocommerce #payment :is(.place-order,.form-row,.woocommerce-terms-and-conditions-wrapper,.woocommerce-privacy-policy-text) :is(p,label,span,div){text-align:left}
body.jtk-kasa .woocommerce #payment .woocommerce-privacy-policy-text p{font-size:14px;line-height:1.7;color:var(--j-muted)}
body.jtk-kasa .woocommerce #payment #place_order{display:block;float:none!important;width:100%;margin:22px 0 0;padding:17px 32px;font-size:18px!important;text-align:center!important}
/* strona po zlozeniu zamowienia */
body.jtk-kasa .woocommerce .woocommerce-order{margin:30px 0 0;padding:44px 48px 48px;background:#fff;border-radius:5px;box-shadow:0 18px 44px rgba(146,114,59,.12)}
body.jtk-kasa .woocommerce .woocommerce-order>:last-child,body.jtk-kasa .woocommerce .woocommerce-order>section:last-child>:last-child{margin-bottom:0}
body.jtk-kasa .woocommerce .woocommerce-thankyou-order-received{margin:0 0 26px;font:400 24px/1.4 var(--j-serif);color:#000}
body.jtk-kasa .woocommerce .woocommerce-thankyou-order-failed{margin:0 0 20px;padding:18px 22px;background:#f6f2e8;border-left:2px solid #b3261e}
body.jtk-kasa .woocommerce .woocommerce-thankyou-order-failed-actions{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 10px}
body.jtk-kasa .woocommerce .woocommerce-thankyou-order-failed-actions br{display:none}
body.jtk-kasa .woocommerce ul.woocommerce-order-overview{display:flex;flex-wrap:wrap;gap:20px 46px;margin:0 0 32px;padding:22px 26px;background:#f6f2e8;border:0;list-style:none}
body.jtk-kasa .woocommerce ul.woocommerce-order-overview::before,body.jtk-kasa .woocommerce ul.woocommerce-order-overview::after{display:none}
body.jtk-kasa .woocommerce ul.woocommerce-order-overview li{float:none;margin:0!important;padding:0!important;border:0!important;font:400 12px/1.4 var(--j-sans);letter-spacing:2px;text-transform:uppercase;color:var(--j-gold-deep);list-style:none}
body.jtk-kasa .woocommerce ul.woocommerce-order-overview li strong{display:block;margin:6px 0 0;font:400 17px/1.4 var(--j-sans);letter-spacing:0;text-transform:none;color:#000}

@media (max-width:1100px){
  body.jtk-kasa .woocommerce form.checkout #customer_details{padding:32px 30px 24px}
  body.jtk-kasa .woocommerce form.checkout #order_review_heading{padding:32px 28px 0!important;height:66px;margin-bottom:-66px!important}
  body.jtk-kasa .woocommerce form.checkout #order_review{padding:80px 28px 30px!important}
}
@media (max-width:900px){
  body.jtk-kasa .woocommerce form.checkout :is(#customer_details,#order_review_heading,#order_review){float:none!important;width:100%!important}
  body.jtk-kasa .woocommerce form.checkout #order_review_heading{margin-top:22px!important}
}
@media (max-width:768px){
  body.jtk-koszyk .woocommerce-cart-form{margin-top:20px;padding:22px 20px 22px}
  body.jtk-koszyk .woocommerce table.cart .product-thumbnail{display:none!important}
  body.jtk-koszyk .woocommerce table.cart td.actions{display:block!important;text-align:left!important}
  body.jtk-koszyk .woocommerce table.cart td.actions::before{display:none}
  body.jtk-koszyk .woocommerce table.cart td.actions .coupon{float:none;flex-wrap:wrap;margin:0 0 12px}
  body.jtk-koszyk .woocommerce table.cart td.actions .coupon .input-text{flex:1 1 150px;width:auto!important}
  body.jtk-koszyk .woocommerce table.cart td.actions p,body.jtk-koszyk .woocommerce table.cart td.actions p .button{display:block;width:100%}
  body.jtk-koszyk .woocommerce .cart-collaterals{margin-top:20px}
  body.jtk-koszyk .woocommerce .cart-collaterals .cart_totals{width:100%!important;padding:26px 20px 28px}
  body.jtk-kasa .woocommerce form.checkout{margin-top:20px}
  body.jtk-kasa .woocommerce form.checkout #customer_details{padding:26px 20px 18px}
  body.jtk-kasa .woocommerce form.checkout #order_review_heading{padding:26px 20px 0!important;height:60px;margin-bottom:-60px!important}
  body.jtk-kasa .woocommerce form.checkout #order_review{padding:72px 20px 26px!important}
  body.jtk-kasa .woocommerce form.checkout :is(h3,h2){font-size:22px}
  body.jtk-kasa .woocommerce>form#order_review,body.jtk-kasa .woocommerce .woocommerce-order{margin-top:20px;padding:26px 20px 28px}
  body.jtk-kasa .woocommerce form:is(.woocommerce-form-login,.checkout_coupon){padding:22px 20px 14px}
  body.jtk-kasa .woocommerce ul.woocommerce-order-overview{gap:14px 30px;padding:18px 18px}
}
/* koszyk na telefonie: motyw dokleja pola kuponu marginesy i floaty, a podsumowanie pokazywalo etykiete dwa razy (th + data-title) */
body.jtk-koszyk .woocommerce table.cart td.actions .coupon .input-text{border:1px solid var(--j-line)!important}
@media (max-width:768px){
  body.jtk-koszyk .woocommerce table.cart tbody tr+tr{margin-top:6px;padding-top:0;border-top:0!important}
  body.jtk-koszyk .woocommerce table.cart td.actions{padding:18px 0 0!important}
  body.jtk-koszyk .woocommerce table.cart td.actions .coupon{gap:10px;margin:0 0 12px;padding:0}
  body.jtk-koszyk .woocommerce table.cart td.actions .coupon .input-text{flex:1 1 0;float:none;width:auto!important;min-width:0;height:46px;margin:0!important}
  body.jtk-koszyk .woocommerce table.cart td.actions .coupon .button{flex:0 0 auto;float:none;margin:0!important;padding:12px 18px;white-space:nowrap}
  body.jtk-koszyk .woocommerce table.cart td.actions p .button{margin:0!important}
  body.jtk-koszyk .woocommerce .cart_totals table.shop_table_responsive tbody th{display:none!important}
  body.jtk-koszyk .woocommerce .cart_totals table.shop_table_responsive tbody tr+tr{margin-top:0;padding-top:0;border-top:0!important}
}

/* === Koszyk: "Zobacz inne rownie interesujace..." (cross-sells) jako karta jak podsumowanie koszyka - 15.10.2026 === */
body.jtk-koszyk .woocommerce .cart-collaterals{align-items:flex-start;gap:30px}
body.jtk-koszyk .woocommerce .cart-collaterals .cross-sells{float:none!important;flex:1 1 0;min-width:0;width:auto!important;margin:0;padding:34px 40px 36px;background:#fff;border:0;border-radius:5px;box-shadow:0 18px 44px rgba(146,114,59,.12)}
body.jtk-koszyk .woocommerce .cart-collaterals .cross-sells>h2{margin:0 0 22px;padding:0;background:none;border:0;font:400 26px/1.3 var(--j-serif);color:var(--j-head)}
body.jtk-koszyk .woocommerce .cross-sells ul.products{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(170px,1fr))!important;gap:28px 24px;margin:0!important;padding:0}
body.jtk-koszyk .woocommerce .cross-sells ul.products::before,body.jtk-koszyk .woocommerce .cross-sells ul.products::after{display:none}
body.jtk-koszyk .woocommerce .cross-sells ul.products li.product{display:flex;flex-direction:column;float:none!important;width:auto!important;max-width:240px;margin:0!important;padding:0!important}
body.jtk-koszyk .woocommerce .cross-sells .astra-shop-thumbnail-wrap{margin:0 0 14px}
body.jtk-koszyk .woocommerce .cross-sells .astra-shop-thumbnail-wrap img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;margin:0!important;border-radius:var(--j-photo-r)}
body.jtk-koszyk .woocommerce .cross-sells .astra-shop-summary-wrap{display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start}
body.jtk-koszyk .woocommerce .cross-sells .astra-shop-summary-wrap :is(br,p:empty){display:none}
body.jtk-koszyk .woocommerce .cross-sells .woocommerce-loop-product__title{margin:0 0 8px;padding:0;font:400 17px/1.35 var(--j-serif)!important;color:var(--j-head)}
body.jtk-koszyk .woocommerce .cross-sells .price{display:block;margin:0 0 16px!important;font:500 16px/1.3 var(--j-sans)!important;color:var(--j-gold-text)!important}
body.jtk-koszyk .woocommerce .cross-sells .price :is(bdi,.amount){color:inherit!important}
body.jtk-koszyk .woocommerce .cross-sells a.button{margin:auto 0 0!important;padding:12px 22px!important;font-size:15px!important;line-height:1.2!important;white-space:nowrap}
body.jtk-koszyk .woocommerce .cross-sells a.added_to_cart{display:inline-block;margin:10px 0 0;font-size:14px;color:var(--j-gold-deep)}
@media (max-width:900px){
  body.jtk-koszyk .woocommerce .cart-collaterals{flex-direction:column;gap:20px}
  body.jtk-koszyk .woocommerce .cart-collaterals .cart_totals{order:-1}
  body.jtk-koszyk .woocommerce .cart-collaterals .cross-sells{width:100%!important;padding:26px 20px 28px}
  body.jtk-koszyk .woocommerce .cross-sells ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px 16px}
  body.jtk-koszyk .woocommerce .cross-sells ul.products li.product{max-width:none}
  body.jtk-koszyk .woocommerce .cross-sells a.button{width:100%;white-space:normal;text-align:center}
}