/* ═══════════════════════════════════════════════════════════════════════════
   Koszyk, kasa i konto w wersji KLASYCZNEJ (skroty [woocommerce_cart]
   i [woocommerce_checkout]).

   Dlaczego ten plik istnieje: uklad klasycznego koszyka i kasy siedzi
   w `woocommerce-layout.css` (`.col2-set .col-1{float:left;width:47%}`,
   `.form-row-first{width:47%;float:left}`, `.cart_totals{float:right;width:48%}`),
   a motyw ten arkusz ZDEJMUJE (inc/wsparcie.php) — bo jego procenty liczone
   od sciezki siatki zwijaly karty produktow do 60 px, a miniatury do 30 px.
   Zamiast wczytywac go warunkowo i wracac do floatow, szerokosci piszemy sami,
   siatka i w tokenach motywu.

   Zmierzone przed napisaniem tego pliku (Chromium, 1440 px, WP 6.8.10 / WC 10.2.4):
   tabela koszyka 656 px i podsumowanie 656 px jedno pod drugim, `.col2-set`
   i `#order_review` po 656 px w kolumnie, `#billing_first_name_field` 656 px
   (czyli pola imie/nazwisko jedno pod drugim zamiast obok siebie).
   ═══════════════════════════════════════════════════════════════════════════ */

/* Clearfix WooCommerce w siatce staje sie komorka i zjada pierwsze miejsce.
   Arkusz layoutu jest zdjety, wiec dzis tych regul nie ma — to zabezpieczenie
   na wypadek, gdyby wrocil z wtyczka albo z cache (ta sama pulapka co ul.products). */
body.kk .woocommerce::before,body.kk .woocommerce::after,
body.kk .col2-set::before,body.kk .col2-set::after,
body.kk .cart-collaterals::before,body.kk .cart-collaterals::after,
body.kk form.woocommerce-cart-form::before,body.kk form.woocommerce-cart-form::after{content:none;display:none}

/* ── koszyk: tabela obok podsumowania ─────────────────────────────────── */
body.kk.woocommerce-cart .woocommerce{display:grid;gap:clamp(1.5rem,3vw,2.5rem);align-items:start}
body.kk.woocommerce-cart .woocommerce>.woocommerce-notices-wrapper{grid-column:1/-1}

@media (min-width:900px){
  body.kk.woocommerce-cart .woocommerce{grid-template-columns:minmax(0,1fr) 21rem}
  body.kk.woocommerce-cart .woocommerce>form.woocommerce-cart-form{grid-column:1;min-width:0}
  body.kk.woocommerce-cart .woocommerce>.cart-collaterals{grid-column:2;position:sticky;top:1.5rem}
}
body.kk .cart-collaterals{width:auto;float:none}
body.kk .cart-collaterals .cart_totals{width:auto;float:none}
body.kk .cart_totals h2{font-size:1.125rem;margin-bottom:1rem}
body.kk .cart_totals table.shop_table{font-size:.9375rem}
body.kk .cart_totals table.shop_table th{text-transform:none;letter-spacing:0;font-size:.9375rem;
  padding-left:0;color:var(--kk-szary);font-weight:500}
body.kk .cart_totals table.shop_table td{padding-right:0;text-align:right}
body.kk .cart_totals tr.order-total th,body.kk .cart_totals tr.order-total td{
  border-bottom:0;padding-top:1rem;font-size:1.0625rem}
body.kk .cart_totals tr.order-total .woocommerce-Price-amount{font-size:1.25rem;font-weight:700}
body.kk .wc-proceed-to-checkout{padding-top:1.25rem}
body.kk .wc-proceed-to-checkout a.checkout-button{display:block;width:100%;text-align:center}

/* dzialania pod tabela: kupon z lewej, „zaktualizuj” z prawej */
/* UWAGA: `display:flex` na <td> wyjmuje komorke z ukladu tabeli. Przy
   `table-layout:fixed` (nizej) `td.actions` z colspan dostawal wtedy szerokosc
   PIERWSZEJ kolumny — zmierzone: 48 px zamiast 792 px, kupon i „Przelicz koszyk”
   ladowaly jeden pod drugim, a resztka obramowania wygladala jak przypadkowa kreska.
   Komorka zostaje komorka; w rzedzie ustawiaja sie jej dzieci. */
body.kk td.actions{padding-top:1.25rem;border-bottom:0;text-align:left}
body.kk td.actions .coupon{display:inline-flex;gap:.5rem;flex-wrap:wrap;align-items:center;
  float:none;vertical-align:middle}
body.kk td.actions .coupon label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
body.kk td.actions .coupon #coupon_code{width:auto;min-width:11rem;flex:0 1 13rem}
body.kk td.actions>button[name=update_cart]{float:right;margin-top:0}
body.kk td.product-remove{width:2.5rem}
body.kk td.product-remove a.remove{display:inline-grid;place-items:center;width:1.75rem;height:1.75rem;
  border-radius:var(--kk-r-p);background:var(--kk-pergamin-c);color:var(--kk-burgund);
  text-decoration:none;font-size:1.1rem;line-height:1}
body.kk td.product-remove a.remove:hover{background:var(--kk-burgund);color:var(--kk-pergamin)}
body.kk td.product-thumbnail{width:96px}
body.kk td.product-name a{font-family:var(--kk-naglowki);font-size:1.0625rem;color:var(--kk-zielen);text-decoration:none}
body.kk td.product-name a:hover{color:var(--kk-burgund)}
body.kk .product-quantity .quantity input.qty{width:4.5rem;text-align:center;padding-inline:.4rem}

/* ── kasa: dane po lewej, zamowienie po prawej ────────────────────────── */
body.kk.woocommerce-checkout form.checkout{display:grid;gap:clamp(1.5rem,3vw,2.5rem);align-items:start}
@media (min-width:900px){
  body.kk.woocommerce-checkout form.checkout{grid-template-columns:minmax(0,1fr) 23rem;
    grid-template-areas:'dane naglowek' 'dane zamowienie' 'dane .'}
  body.kk.woocommerce-checkout form.checkout>#customer_details{grid-area:dane;min-width:0}
  body.kk.woocommerce-checkout form.checkout>#order_review_heading{grid-area:naglowek;margin:0}
  body.kk.woocommerce-checkout form.checkout>#order_review{grid-area:zamowienie;position:sticky;top:1.5rem}
}
body.kk .col2-set{display:grid;grid-template-columns:1fr;gap:2rem;width:auto;float:none}
body.kk .col2-set .col-1,body.kk .col2-set .col-2{width:auto;float:none;min-width:0}
body.kk .woocommerce-billing-fields h3,body.kk .woocommerce-shipping-fields h3,
body.kk .woocommerce-additional-fields h3,body.kk #order_review_heading{
  font-size:1.125rem;padding-bottom:.6rem;border-bottom:1px solid var(--kk-linia);margin-bottom:1.25rem}

/* pola formularza: imie/nazwisko obok siebie, reszta na calej szerokosci */
body.kk .woocommerce-billing-fields__field-wrapper,
body.kk .woocommerce-shipping-fields__field-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}
body.kk .woocommerce form .form-row{padding:0;margin:0 0 1.1rem;grid-column:1/-1}
body.kk .woocommerce form .form-row-first{grid-column:1;width:auto;float:none}
body.kk .woocommerce form .form-row-last{grid-column:2;width:auto;float:none}
body.kk .woocommerce form .form-row-wide{grid-column:1/-1;width:auto;float:none}
@media (max-width:560px){
  body.kk .woocommerce-billing-fields__field-wrapper,
  body.kk .woocommerce-shipping-fields__field-wrapper{grid-template-columns:1fr}
  body.kk .woocommerce form .form-row-first,body.kk .woocommerce form .form-row-last{grid-column:1}
}
body.kk .woocommerce form .form-row label{display:block;margin-bottom:.35rem;font-size:.875rem;
  color:var(--kk-szary);font-weight:500}
body.kk .woocommerce form .form-row label .required{color:var(--kk-burgund);text-decoration:none;border:0}
body.kk .woocommerce form .form-row .woocommerce-input-wrapper{display:block;width:100%}
body.kk .woocommerce form .form-row.woocommerce-invalid input.input-text,
body.kk .woocommerce form .form-row.woocommerce-invalid select{border-color:var(--kk-burgund)}
body.kk .woocommerce form .form-row.woocommerce-validated input.input-text{border-color:var(--kk-zielen-j)}
body.kk .select2-container .select2-selection--single{height:auto;padding:.55rem .9rem;
  border:1.5px solid var(--kk-linia);border-radius:var(--kk-r-m);background:var(--kk-biel)}
body.kk .select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height:1.5;padding:0;color:var(--kk-atrament)}
body.kk .select2-container--default .select2-selection--single .select2-selection__arrow{top:50%;transform:translateY(-50%)}

/* podsumowanie zamowienia */
body.kk #order_review table.shop_table th{text-transform:none;letter-spacing:0;font-size:.9375rem;padding-left:0}
body.kk #order_review table.shop_table td{padding-right:0;text-align:right}
body.kk #order_review tr.order-total th,body.kk #order_review tr.order-total td{border-bottom:0;font-size:1.0625rem}
body.kk #order_review tr.order-total .woocommerce-Price-amount{font-size:1.25rem;font-weight:700}
body.kk ul.wc_payment_methods{list-style:none;margin:0 0 1.25rem;padding:0;border-top:1px solid var(--kk-linia)}
body.kk ul.wc_payment_methods li{padding:.85rem 0;border-bottom:1px solid var(--kk-linia)}
body.kk ul.wc_payment_methods li label{display:inline;font-weight:600;color:var(--kk-zielen)}
body.kk .payment_box{background:var(--kk-pergamin-c);border-radius:var(--kk-r-m);padding:.85rem 1rem;
  margin-top:.6rem;font-size:.875rem;color:var(--kk-szary)}
body.kk .payment_box p{margin:0}
body.kk #place_order{width:100%;min-height:52px;font-size:1rem}
body.kk .woocommerce-privacy-policy-text{font-size:.8125rem;color:var(--kk-szary)}
body.kk .woocommerce-terms-and-conditions-wrapper{margin-bottom:1rem}

/* kupon i logowanie na kasie — paski nad formularzem, nie dwie kolumny */
body.kk .woocommerce-form-coupon-toggle,body.kk .woocommerce-form-login-toggle{margin-bottom:1rem}
body.kk form.checkout_coupon,body.kk form.woocommerce-form-login{
  background:var(--kk-biel);border:1px solid var(--kk-linia);border-radius:var(--kk-r-m);
  padding:1.25rem;margin-bottom:1.5rem}
body.kk form.checkout_coupon .form-row{margin-bottom:.75rem}
@media (min-width:620px){
  body.kk form.checkout_coupon{display:flex;gap:.75rem;align-items:flex-end;flex-wrap:wrap}
  body.kk form.checkout_coupon p:first-of-type{flex:1 1 100%;margin-bottom:.5rem}
  body.kk form.checkout_coupon .form-row{margin-bottom:0}
  body.kk form.checkout_coupon .form-row-first{flex:1 1 14rem}
}

/* ── moje konto: nawigacja obok tresci ────────────────────────────────── */
body.kk .woocommerce-account .woocommerce{display:grid;gap:clamp(1.5rem,3vw,2.5rem);align-items:start}
@media (min-width:900px){
  body.kk .woocommerce-account .woocommerce{grid-template-columns:15rem minmax(0,1fr)}
}
body.kk .woocommerce-MyAccount-navigation{width:auto;float:none}
body.kk .woocommerce-MyAccount-content{width:auto;float:none;min-width:0}
body.kk .woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;
  background:var(--kk-biel);border:1px solid var(--kk-linia);border-radius:var(--kk-r-m);overflow:hidden}
body.kk .woocommerce-MyAccount-navigation li{border-bottom:1px solid var(--kk-linia)}
body.kk .woocommerce-MyAccount-navigation li:last-child{border-bottom:0}
body.kk .woocommerce-MyAccount-navigation li a{display:block;padding:.8rem 1rem;text-decoration:none;
  color:var(--kk-atrament);font-size:.9375rem}
body.kk .woocommerce-MyAccount-navigation li a:hover{background:var(--kk-pergamin-c);color:var(--kk-zielen)}
body.kk .woocommerce-MyAccount-navigation li.is-active a{background:var(--kk-zielen);color:var(--kk-pergamin);font-weight:600}

/* ── kolory WooCommerce kontra kolory marki ───────────────────────────── */
/* Reguly na przyciski „alt" (#7f54b3 z woocommerce.css) przeniesione 01.10.2026
   do `kk.css`, bo ten arkusz wczytuje sie TYLKO na koszyku, kasie i koncie —
   a fiolet wychodzil takze na karcie produktu prostego (Z-437). Trzymanie tych
   samych regul w dwoch plikach konczy sie tym, ze poprawka wchodzi do jednego
   z nich. Jedno miejsce: `assets/css/kk.css`, sekcja „przyciski". */
body.kk .woocommerce a.button.disabled,
body.kk .woocommerce button.button:disabled,
body.kk .woocommerce button.button:disabled[disabled]{
  background-color:var(--kk-linia);color:var(--kk-szary);opacity:1}

/* Blok platnosci ma w woocommerce.css tlo #ebe9eb, a ramka platnosci #dfdcde. */
body.kk .woocommerce-checkout #payment{background:transparent;border-radius:0}
body.kk .woocommerce-checkout #payment div.payment_box{background:var(--kk-pergamin-c);color:var(--kk-szary)}
body.kk .woocommerce-checkout #payment div.payment_box::before{border-bottom-color:var(--kk-pergamin-c)}
body.kk .woocommerce-checkout #payment ul.payment_methods{border-bottom:0}

/* ── tabela koszyka: kolumny techniczne waskie, nazwa szeroka ─────────── */
/* Bez tego przegladarka rozdziela szerokosc po zawartosci i pusta kolumna
   „usun” dostawala ~380 px, a nazwa produktu lamala sie na cztery linie. */
@media (min-width:620px){
  body.kk table.shop_table.cart{table-layout:fixed}
  body.kk table.shop_table.cart th.product-remove,
  body.kk table.shop_table.cart td.product-remove{width:3rem}
  body.kk table.shop_table.cart th.product-thumbnail,
  body.kk table.shop_table.cart td.product-thumbnail{width:6.5rem}
  body.kk table.shop_table.cart th.product-price,
  body.kk table.shop_table.cart td.product-price{width:6.5rem}
  body.kk table.shop_table.cart th.product-quantity,
  body.kk table.shop_table.cart td.product-quantity{width:7rem}
  body.kk table.shop_table.cart th.product-subtotal,
  body.kk table.shop_table.cart td.product-subtotal{width:8rem;text-align:right}
  body.kk table.shop_table.cart td.product-name{padding-right:1.25rem}
}
body.kk table.shop_table.cart td.actions{width:auto}