/* ============================================================
   MW Motyw — MOJE KONTO (skóra). Stylujemy NATYWNY [woocommerce_my_account]
   naszymi tokenami; logika WC (formularze/zamówienia/płatności) bez zmian.
   Zakres: .mw-konto__main. Tokeny/chrom: tokeny.css.

   UWAGA: na tym widoku ZOSTAWIAMY style WooCommerce/motywu (potrzebne m.in. dla
   select2 i responsywnej tabeli), więc kluczowe właściwości skóry dobijamy
   !important tylko tam, gdzie WC ma mocniejszy selektor albo własne !important
   (tabela zamówień, select kraju, paginacja); reszta bez, sprawdzone style-diff 12.10.
   ============================================================ */

/* szerokosc i gutter: wspolna regula <main> w tokeny.css, jak sklep (Tomek 12.10) */
.mw-konto__main:not(.mw-konto__main--guest) .mw-konto__tresc{ margin-top:var(--mw-s2); } /* wylogowana: odstep daje lead */

/* --- UKLAD PO ZALOGOWANIU od 900 px: lewa kolumna h1 + menu, tresc od wysokosci h1 (Tomek 12.10: pusto nad trescia) --- */
/* opakowania WC przezroczyste dla siatki (contents), wiec menu i tresc sa jej komorkami */
@media (width >= 900px){ /* bp:desktop */
  /* stopka pod krawedzia ekranu jak przy logowaniu (Tomek 12.10): konto wypelnia pierwszy ekran */
  .mw-konto__main:not(.mw-konto__main--guest){ box-sizing:border-box; min-block-size:calc(100svh - var(--mw-bar-h) - var(--mw-header-h)); }
  /* wiersze: okruszki, h1, menu, reszta (1fr bierze wysokosc tresci, h1 i menu stoja ciasno) */
  .mw-konto__main:not(.mw-konto__main--guest) > div{ display:grid; grid-template-columns:16rem minmax(0, 1fr); grid-template-rows:auto auto auto 1fr;
    column-gap:var(--mw-s6); align-items:start; }
  .mw-konto__main:not(.mw-konto__main--guest) > div > .mw-okruszki{ grid-column:1 / -1; }
  .mw-konto__main:not(.mw-konto__main--guest) > div > .mw-konto__tresc,
  .mw-konto__main:not(.mw-konto__main--guest) > div > .mw-konto__tresc > .woocommerce{ display:contents; }
  .mw-konto__main .woocommerce-MyAccount-navigation{ grid-column:1; grid-row:3; }
  .mw-konto__main .woocommerce-MyAccount-content{ grid-column:2; grid-row:2 / -1; padding-block-start:var(--mw-s2); } /* gora tresci = gora h1 (h1 ma 8 od wiersza) */
  /* clearfix WC jako komorki siatki = puste wiersze */
  .mw-konto__main .woocommerce:has(.woocommerce-MyAccount-navigation)::before,
  .mw-konto__main .woocommerce:has(.woocommerce-MyAccount-navigation)::after{ content:none; }
}

/* --- NAWIGACJA KONTA: zakladki jak .mw-tab (skora i kreska w tokeny.css), pionowo od 900 px (Tomek 12.10) --- */
.mw-konto__main .woocommerce-MyAccount-navigation,
.mw-konto__main .woocommerce-MyAccount-content{ float:none; width:auto; }
.mw-konto__main .woocommerce-MyAccount-navigation ul{ list-style:none; margin:0; padding:0; }
.mw-konto__main .woocommerce-MyAccount-navigation li{ margin:0; }
/* wiersz i nazwa: utility „lista wierszy" (tokeny.css, jak dzialy na home); tu tylko stan: biezaca czernia, reszta wygaszona */
.mw-konto__main .woocommerce-MyAccount-navigation a:not([aria-current]){ color:var(--mw-ink-3); }
.mw-konto__main .woocommerce-MyAccount-navigation a:is(:hover, :focus-visible){ color:var(--mw-ink); }

/* --- TREŚĆ --- */
.mw-konto__main .woocommerce-MyAccount-content{ min-width:0; }
.mw-konto__main .woocommerce-MyAccount-content h2,
.mw-konto__main .woocommerce-MyAccount-content h3,
.mw-konto__main .woocommerce > h2,
.mw-konto__main #customer_login h2{ margin:0 0 var(--mw-s3); } /* kroj: naglowek 24/500 w tokeny.css, jak checkout */
.mw-konto__main .woocommerce-MyAccount-content p{ line-height:var(--mw-lh-base); color:var(--mw-ink); }
.mw-konto__main .woocommerce-MyAccount-content a:not(.button):not(.woocommerce-button):not(.mw-btn){ /* .mw-btn: skora z tokeny.css (22.10, M) */
  color:var(--mw-ink); }

/* --- TABELE ZAMOWIEN: jak podsumowanie koszyka, bez ramki i szarego naglowka, linie miedzy wierszami (Tomek 12.10) --- */
.mw-konto__main .woocommerce table.shop_table{ width:100%; border:0!important; border-collapse:collapse!important; border-radius:var(--mw-radius); }
.mw-konto__main .shop_table th,
.mw-konto__main .shop_table td{ padding:var(--mw-s3) var(--mw-s3) var(--mw-s3) 0!important; border:0!important; border-bottom:1px solid var(--mw-line)!important;
  text-align:left; font-size:var(--mw-fs-base); vertical-align:middle; }
.mw-konto__main .shop_table :is(th, td):last-child{ padding-inline-end:0!important; } /* ostatnia kolumna do krawedzi; !important jak regula wyzej */
.mw-konto__main .shop_table thead th{ font-weight:400; color:var(--mw-ink-3)!important; background:none!important; } /* pismo: drobny druk wersalikami */
/* podsumowanie: wiersze bez linii, „Razem" szeryfem 24 jak w koszyku (WC pogrubial wszystkie) */
.mw-konto__main .woocommerce table.shop_table tfoot :is(th, td){ font-weight:400; border-bottom:0!important; padding-block:var(--mw-s2)!important; }
/* logo InPost z wtyczki (styl inline display:inline) schowane do czasu stylowania (Tomek 13.10) */
.mw-konto__main .woocommerce table.shop_table tfoot .easypack-shipping-method-logo{ position:absolute; visibility:hidden; }
.mw-konto__main .woocommerce table.shop_table tfoot .shipped_via{ font-size:inherit; } /* WC daje <small>, reszta wierszy 16 */
.mw-konto__main .woocommerce table.shop_table tfoot tr:first-child :is(th, td){ padding-block-start:var(--mw-s4)!important; }
.mw-konto__main .woocommerce table.shop_table tfoot tr:has(.mw-razem) :is(th, td){ padding-block-start:var(--mw-s3)!important; } /* pismo „Razem": utility w koszyk.css */
.mw-konto__main .woocommerce-orders-table__cell-order-actions .button{ margin:0 var(--mw-s4) 0 0; vertical-align:middle; }
.mw-konto__main .woocommerce-orders-table__cell-order-actions .button:not(.pay){ margin-block:var(--mw-s1); } /* zawiniete linki nie kleja sie do kreski wyzej */

/* --- ADRESY --- */
.mw-konto__main .woocommerce-Addresses{ display:flex; flex-wrap:wrap; gap:var(--mw-s4); }
/* clearfix WC w flexie = pusty element + gap 24 px przed pierwsza karta */
.mw-konto__main .woocommerce-Addresses::before,
.mw-konto__main .woocommerce-Addresses::after{ content:none; }
.mw-konto__main .woocommerce-Addresses > .woocommerce-Address{ flex:1 1 300px; float:none; width:auto; margin:0; }
/* karta jak adres w checkoucie: ramka line-2, tytul serif, „Edytuj" link-etykieta (tokeny.css) */
.mw-konto__main :is(.woocommerce-Address, .mw-konto__card){ padding:var(--mw-s4); } /* ramka i tlo: utility karty w tokeny.css */
.mw-konto__main .woocommerce-Address-title{ display:flex; align-items:baseline; justify-content:space-between; gap:var(--mw-s3); margin-bottom:var(--mw-s3); }
/* clearfix WC (0,3,1) w flexie robil z ::before/::after dwie kolumny i wpychal tytul do srodka */
.mw-konto__main .woocommerce-MyAccount-content .woocommerce-Address .woocommerce-Address-title::before,
.mw-konto__main .woocommerce-MyAccount-content .woocommerce-Address .woocommerce-Address-title::after{ content:none; }
.mw-konto__main .woocommerce-MyAccount-content .woocommerce-Address-title h2{ margin:0; font-size:var(--mw-fs-lg); }
/* --- KOKPIT: powitanie + trzy karty-skroty (jak karty adresow) zamiast akapitu WC (Tomek 12.10) --- */
.mw-konto__main--dashboard .woocommerce-MyAccount-content > p:not(.mw-konto__lead){ display:none; }
.mw-konto__cards{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:minmax(0, 1fr); gap:var(--mw-s4); } /* jedna pod druga (Tomek 12.10) */
.mw-konto__main .mw-konto__card{ display:flex; flex-direction:column; gap:var(--mw-s2); block-size:100%; box-sizing:border-box;
  text-decoration:none; color:var(--mw-ink); transition:border-color var(--mw-dur-fast) var(--mw-ease); }
.mw-konto__main .mw-konto__card:hover{ border-color:var(--mw-ink); }
.mw-konto__card-title{ line-height:var(--mw-lh-tight); }
.mw-konto__card-text{ color:var(--mw-ink-3); line-height:var(--mw-lh-base); }
.mw-konto__main .mw-konto__card .mw-konto__new-link{ margin-block-start:auto; align-self:flex-start; }
/* kadr z sesji od 1800 px, prawa polowa; laptop i telefon bez kadru (Tomek 12.10) */
.mw-konto__photo-side{ display:none; }
@media (width >= 1800px) { /* bp:wide */
  .mw-konto__main.mw-konto__main--photo{ position:relative; padding-inline-end:calc(50% + var(--mw-page-pad)); }
  .mw-konto__main .mw-konto__photo-side{ display:block; position:absolute; inset-block:0; inset-inline-end:0; inline-size:50%; margin:0; background:var(--mw-surface-2); }
}
@media (width >= 900px){ /* bp:desktop */
  /* powitanie na stopniu h1 (.mw-listing__h1), obok „Moje konto" (Tomek 12.10) */
  /* (0,5,1): bije wspolna regule leadu nizej (0,4,1) */
  .mw-konto__main.mw-konto__main--dashboard .woocommerce .woocommerce-MyAccount-content > p.mw-konto__lead{ margin:0 0 var(--mw-s5); font-family:var(--mw-serif); font-weight:500;
    font-size:var(--mw-fs-display); line-height:var(--mw-lh-tight); color:var(--mw-ink); }
}
.mw-konto__main .woocommerce-Address address{ font-style:normal; line-height:var(--mw-lh-base); color:var(--mw-ink-3); font-size:var(--mw-fs-base); }
.mw-konto__main .woocommerce-MyAccount-content .woocommerce-Address .edit{ flex:none; text-decoration:none; color:var(--mw-ink); }

/* --- POLA: skora i etykieta w ramce = utility POLE TEKSTOWE w tokeny.css (jak checkout i kontakt) --- */
.mw-konto__main .woocommerce form .form-row{ position:relative; padding:0; } /* WC 3px wcinal pola wzgledem tekstu */
.mw-konto__main .woocommerce .form-row > label:not(.woocommerce-form__label-for-checkbox){ position:absolute; z-index:1; margin:0; color:var(--mw-ink-3); font-weight:400; }
/* etykieta ukryta przez WC (adres, linia 2) widoczna jak w innych polach (Tomek 12.10, 3B) */
.mw-konto__main .woocommerce .form-row > label.screen-reader-text{ clip:auto; clip-path:none; inline-size:auto; block-size:auto; overflow:visible; white-space:nowrap; }
.mw-konto__main .woocommerce .form-row :is(input.input-text, input[type="password"]){ inline-size:100%; font-family:inherit; }
.mw-konto__main .woocommerce .required,
.mw-konto__main .woocommerce .form-row .required{ color:var(--mw-promo); text-decoration:none; font-weight:400; } /* jak .mw-required w kontakcie; WC daje 700 (0,3,1) */
/* oko „Pokaz haslo": pole dotyku 44 na cala wysokosc pola (Lighthouse target-size, WC dawal mniej) */
/* WC daje oku top:50% + translateY(-50%): bez transform:none oko wychodzi 22 px nad pole */
.mw-konto__main .woocommerce .password-input{ display:block; position:static; }
.mw-konto__main .woocommerce .form-row .password-input input{ padding-inline-end:var(--mw-control-h); } /* tekst konczy sie przed okiem */
.mw-konto__main .woocommerce .password-input .show-password-input{ position:absolute; inset-block:auto 0; inset-inline-end:0; margin:0; transform:none;
  inline-size:var(--mw-control-h); block-size:var(--mw-control-h); padding:0; display:grid; place-items:center; }
/* formularze po zalogowaniu (adres, dane konta): odstepy jak logowanie, Imie i Nazwisko na pol z gapem 16 */
.mw-konto__main .woocommerce-MyAccount-content :is(.woocommerce-address-fields__field-wrapper, .woocommerce-EditAccountForm){ display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(0, 1fr); column-gap:var(--mw-s3); }
.mw-konto__main .woocommerce-MyAccount-content :is(.woocommerce-address-fields__field-wrapper, .woocommerce-EditAccountForm) > *{ grid-column:1 / -1; }
.mw-konto__main .woocommerce-MyAccount-content :is(.woocommerce-address-fields__field-wrapper, .woocommerce-EditAccountForm) > .form-row-last{ grid-column:2; }
.mw-konto__main .woocommerce-MyAccount-content :is(.woocommerce-address-fields__field-wrapper, .woocommerce-EditAccountForm) > .form-row-first{ grid-column:1; }
/* adres: szerokosc pola wg tresci, ulica 2/3 + nr 1/3, kod 1/3 + miasto 2/3 (Tomek 12.10, 4A) */
.mw-konto__main .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper{ grid-template-columns:repeat(6, minmax(0, 1fr)); }
.mw-konto__main .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper > :is(.form-row-first, .form-row-last){ grid-column:span 3; }
.mw-konto__main .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper > :is([id$="_address_1_field"], [id$="_city_field"]){ grid-column:span 4; }
.mw-konto__main .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper > :is([id$="_address_2_field"], [id$="_postcode_field"]){ grid-column:span 2; }
@media (width < 600px){ /* bp:phone */
  /* telefon: imie, nazwisko, ulica, nr na cala szerokosc (dlugie nazwiska); w parze tylko kod + miasto (Tomek 12.10, 8A) */
  .mw-konto__main .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper > :is(.form-row-first, .form-row-last, [id$="_address_1_field"], [id$="_address_2_field"]),
  .mw-konto__main .woocommerce-MyAccount-content .woocommerce-EditAccountForm > :is(.form-row-first, .form-row-last){ grid-column:1 / -1; }
}
.mw-konto__main .woocommerce-MyAccount-content :is(.woocommerce-address-fields__field-wrapper, .woocommerce-EditAccountForm)::before,
.mw-konto__main .woocommerce-MyAccount-content :is(.woocommerce-address-fields__field-wrapper, .woocommerce-EditAccountForm)::after{ content:none; }
.mw-konto__main .woocommerce-MyAccount-content form .form-row{ float:none; width:auto; margin:0 0 var(--mw-s3); }
.mw-konto__main .woocommerce-MyAccount-content form p:has(> .button){ margin:var(--mw-s3) 0 0; } /* +16 od pola = 32 jak logowanie */
/* dane konta: podpowiedz jak drobny tekst, „Zmiana hasla" jak naglowek adresu, bez kreski WC */
.mw-konto__main #account_display_name_description{ display:block; margin-block-start:var(--mw-s2); }
.mw-konto__main #account_display_name_description em{ font-style:normal; }
.mw-konto__main .woocommerce-EditAccountForm fieldset{ margin:var(--mw-s3) 0 0; padding:0; border:0; } /* +16 od pola = 32 */
.mw-konto__main .woocommerce-EditAccountForm legend{ inline-size:100%; margin:0 0 var(--mw-s3); padding:0; border:0; color:var(--mw-ink); }
/* select2 kraju: wciecie i wysokosc jak pole tekstowe */
.mw-konto__main .select2-container .select2-selection--single{ height:var(--mw-control-h); margin:0; }
.mw-konto__main .select2-container .select2-selection--single .select2-selection__rendered{ line-height:calc(var(--mw-control-h) - 2px); padding:0 var(--mw-s2); } /* 44 minus ramki; 8 jak pola (Tomek 12.10) */
.mw-konto__main .select2-container .select2-selection--single .select2-selection__arrow{ height:var(--mw-control-h); inset-inline-end:var(--mw-s2); }
/* select i select2: ramka i tlo pola */
.mw-konto__main select,
.mw-konto__main .select2-selection{ border:1px solid var(--mw-taupe)!important; border-radius:var(--mw-radius)!important;
  font:inherit; background:var(--mw-field-bg)!important; min-height:var(--mw-control-h); box-sizing:border-box; }
/* checkbox jak zgoda w formularzu kontaktu */
.mw-konto__main .woocommerce-form__label-for-checkbox{ display:inline-flex; align-items:center; gap:var(--mw-s2); font-weight:400; cursor:pointer; }
.mw-konto__main input[type="checkbox"]{ margin:0; } /* wyglad: checkbox w tokeny.css */
.mw-konto__main input[type="radio"]{ min-height:auto!important; width:auto!important; }

/* przyciski: skora .mw-btn--solid w tokeny.css (12.10); tu ksztalt i wyjatki obrysowe */
.mw-konto__main .woocommerce :is(a.button, button.button, button[type="submit"]){ display:inline-grid; place-items:center; text-decoration:none; }
/* drugorzedne jak .mw-btn--obrys: akcje przy zamowieniu i adresie; „Zaplac" zostaje pelny */
/* akcje przy zamowieniu: link-etykieta z kreska (tokeny.css), pelny przycisk tylko „Zaplac" (Tomek 12.10) */
/* pole dotyku 44 px bez zmiany wygladu (test UX 12.10, 6) */
.mw-konto__main .woocommerce :is(:is(.woocommerce-orders-table, tfoot) a.button:not(.pay), .woocommerce-info a.button){ position:relative; }
.mw-konto__main .woocommerce :is(:is(.woocommerce-orders-table, tfoot) a.button:not(.pay), .woocommerce-info a.button)::before{ content:""; position:absolute; inset-block:calc((100% - var(--mw-control-h)) / 2); inset-inline:0; }
/* + link w komunikacie: czarny zostaje tylko „Zaplac" (Tomek 12.10, 9A); zdanie nad linkiem */
.mw-konto__main .woocommerce .woocommerce-info:has(> a.button){ display:flex; flex-direction:column; align-items:flex-start; gap:var(--mw-s2); }
.mw-konto__main .woocommerce .woocommerce-info > a.button{ float:none; margin:0; order:1; } /* link zawsze pod zdaniem, przed czy po nim w HTML */
.mw-konto__main .woocommerce .woocommerce-info:has(> a.button)::before,
.mw-konto__main .woocommerce .woocommerce-info:has(> a.button)::after{ content:none; } /* ikona i clearfix WC = puste elementy flexa z gapem */
.mw-konto__main .woocommerce :is(:is(.woocommerce-orders-table, tfoot) a.button:not(.pay), .woocommerce-info a.button, :is(.order-again, .mw-konto-opinie) a.button){ display:inline-block; inline-size:auto; min-height:0; padding:0 0 var(--mw-s1);
  background:none; border:0; color:var(--mw-ink); }
.mw-konto__main .woocommerce :is(:is(.woocommerce-orders-table, tfoot) a.button:not(.pay), .woocommerce-info a.button, :is(.order-again, .mw-konto-opinie) a.button):hover{ background:none; color:var(--mw-ink); }
.mw-konto__main .woocommerce a.button.cancel{ font-size:var(--mw-fs-xs); }

/* --- KOMUNIKATY: skora jak w checkoucie (utility w koszyk.css); w koncie 24 do tresci pod spodem --- */
.mw-konto__main :is(.woocommerce-info, .woocommerce-message, .woocommerce-error){ margin-block-end:var(--mw-s4); }

/* --- LOGOWANIE / REJESTRACJA (wylogowany) --- */
/* wylogowana (logowanie, reset hasla): formularz po lewej, kadr z sesji po prawej od 900 px (Tomek 12.10) */
.mw-konto__main--guest > div{ inline-size:100%; max-inline-size:30rem; margin-inline:auto; } /* kolumna na srodku; bez 100% siatka sciska ja do tresci */
.mw-konto__main :is(.mw-konto__lead, .woocommerce-ResetPassword > p:first-child, .woocommerce-MyAccount-content > p:has(+ :is(.woocommerce-order-details, .woocommerce-Addresses))){ margin:0 0 var(--mw-s5); color:var(--mw-ink-3); font-size:var(--mw-fs-base); }
/* h2 WC zastepuje h1 strony i nasz tytul rejestracji */
.mw-konto__main--guest :is(.woocommerce > h2, #customer_login h2){ display:none; }
/* „Pierwszy raz u nas?" pod formularzem: kreska, tytul serif, link-etykieta */
.mw-konto__new{ margin-block-start:var(--mw-s6); padding-block:var(--mw-s5); border-block-start:1px solid var(--mw-line); }
.mw-konto__main .mw-konto__new p{ margin:0 0 var(--mw-s2); color:var(--mw-ink-3); line-height:var(--mw-lh-base); }
.mw-konto__main .mw-konto__new .mw-konto__new-title{ color:var(--mw-ink); }
/* pasek ogloszen schowany na stronach konta (Tomek 12.10); bar-h 0, zeby kadr liczyl wysokosc bez niego */
.woocommerce-account{ --mw-bar-h:0px; }
.woocommerce-account .mw-announce{ display:none; }
@media (width < 600px){ /* bp:phone */
  /* bez okruszkow: h1 32 od naglowka (24 + 8 glowki), blok „Pierwszy raz" ciasniej, caly nad dockiem na 375x667 */
  .mw-konto__main--guest > div{ padding-block-start:var(--mw-s4); }
  .mw-konto__main--login{ padding-block-end:var(--mw-s4); }
  .mw-konto__new{ margin-block-start:var(--mw-s4); padding-block:var(--mw-s4); }
  /* „Pierwszy raz u nas? ZALOZ KONTO" w jednym wierszu od 320 px, tytul plynny 18-24 (Tomek 12.10) */
  .mw-konto__main .mw-konto__new:has(> .mw-konto__new-title + .mw-konto__new-link){ display:flex; align-items:baseline; justify-content:space-between; gap:var(--mw-s3); }
  .mw-konto__main .mw-konto__new .mw-konto__new-title{ margin:0; font-size:clamp(var(--mw-fs-md), 5.4vw, var(--mw-fs-lg)); white-space:nowrap; }
  .mw-konto__main .mw-konto__new .mw-konto__new-title + .mw-konto__new-link{ margin:0; white-space:nowrap; }
}
.mw-konto__new-link{ display:inline-block; margin-block-start:var(--mw-s2); color:var(--mw-ink); text-decoration:none; } /* skora: link-etykieta w tokeny.css */
@media (width >= 900px){ /* bp:desktop */
  /* siatka 1fr 1fr i kadr: .mw-split w tokeny.css */
  .mw-konto__main--guest{ max-width:none; padding-inline-end:0; }
  /* logowanie, rejestracja, reset: ten sam start = srodek bloku logowania (31.5rem, najwyzszy), bez skoku przy przejsciu (Tomek 12.10) */
  .mw-konto__main--guest > div{ align-self:start; margin-block-start:max(var(--mw-s5), (100svh - var(--mw-bar-h) - var(--mw-header-h) - 31.5rem) / 2); }
  /* (0,2,0): reset .mw-widok <tag> (0,1,1) zjada marginesy figure, blockquote i p */
  /* kadr jak galeria PDP: przyklejony do naglowka, prawej krawedzi i dolu ekranu (Tomek 12.10) */
  .mw-konto__main .mw-split__photo{ block-size:calc(100svh - var(--mw-bar-h) - var(--mw-header-h) - 1px); }
}
/* logowanie i rejestracja w jednej komorce, widok chowa drugi: kreska w tym samym miejscu */
.mw-konto__main #customer_login.u-columns{ display:grid; grid-template-columns:minmax(0, 1fr); }
/* clearfix WC w siatce = puste elementy w dodatkowych wierszach */
.mw-konto__main #customer_login.u-columns::before,
.mw-konto__main #customer_login.u-columns::after{ content:none; }
.mw-konto__main #customer_login :is(.u-column1, .u-column2){ grid-area:1 / 1; float:none; width:auto;
  max-width:none; margin:0; padding:0; clear:none; }
.mw-konto__main--login #customer_login .u-column2,
.mw-konto__main--signup #customer_login .u-column1{ display:none; } /* visibility przepuszczala gwiazdki .required WC i trzymala wysokosc */
/* --- FORMULARZE KONTA: logowanie, rejestracja, reset hasla = jeden uklad (Tomek 12.10) --- */
/* dwie polowy: pola na cala szerokosc, przycisk w lewej, link obok w prawej; ramka i padding WC zerowane */
.mw-konto__main .woocommerce form:is(.woocommerce-form-login, .woocommerce-form-register, .woocommerce-ResetPassword){ display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(0, 1fr); column-gap:var(--mw-s3); border:0; padding:0; margin:0; }
.mw-konto__main .woocommerce form:is(.woocommerce-form-login, .woocommerce-form-register, .woocommerce-ResetPassword) > *{ grid-column:1 / -1; }
.mw-konto__main .woocommerce form:is(.woocommerce-form-login, .woocommerce-form-register, .woocommerce-ResetPassword) .form-row{ float:none; inline-size:auto; margin:0 0 var(--mw-s3); }
/* clearfix WC w gridzie/flexie = puste elementy z gapem */
.mw-konto__main .woocommerce form:is(.woocommerce-form-login, .woocommerce-form-register, .woocommerce-ResetPassword) .form-row::before,
.mw-konto__main .woocommerce form:is(.woocommerce-form-login, .woocommerce-form-register, .woocommerce-ResetPassword) .form-row::after{ content:none; }
.mw-konto__main .woocommerce form:is(.woocommerce-form-login, .woocommerce-form-register, .woocommerce-ResetPassword) > .form-row:has(.button){ grid-column:1; margin-block:var(--mw-s3) 0; } /* +16 od pola */
.mw-konto__main .woocommerce form:is(.woocommerce-form-login, .woocommerce-form-register, .woocommerce-ResetPassword) .button{ inline-size:100%; margin:0; white-space:nowrap; }
.mw-konto__main .woocommerce form:is(.woocommerce-form-login, .woocommerce-form-register, .woocommerce-ResetPassword) > :is(.woocommerce-LostPassword, .mw-konto__form-link){ grid-column:2;
  align-self:start; display:flex; align-items:center; justify-content:flex-end; min-block-size:var(--mw-control-h); margin:var(--mw-s3) 0 0; }
@media (width < 600px){ /* bp:phone */
  /* polowa 171 px lamala link: jedna kolumna, link pod przyciskiem */
  .mw-widok .mw-konto__main .woocommerce form:is(.woocommerce-form-login, .woocommerce-form-register, .woocommerce-ResetPassword){ grid-template-columns:minmax(0, 1fr); }
  .mw-widok .mw-konto__main .woocommerce form:is(.woocommerce-form-login, .woocommerce-form-register, .woocommerce-ResetPassword) > :is(.woocommerce-LostPassword, .mw-konto__form-link){ grid-column:1; }
  /* logowanie: przycisk na cala szerokosc, pod nim „Zapamietaj mnie" i „Przypomnij haslo" w jednym rzedzie (Tomek 12.10) */
  .mw-widok .mw-konto__main .woocommerce form.woocommerce-form-login{ grid-template-columns:minmax(0, 1fr) auto; }
  .mw-widok .mw-konto__main .woocommerce form.woocommerce-form-login > .form-row:has(.woocommerce-form-login__submit){ display:contents; }
  .mw-widok .mw-konto__main .woocommerce form.woocommerce-form-login .woocommerce-form-login__submit{ grid-column:1 / -1; order:0; margin-block-start:var(--mw-s3); }
  .mw-widok .mw-konto__main .woocommerce form.woocommerce-form-login .woocommerce-form-login__rememberme{ order:1; min-block-size:var(--mw-control-h); margin-block-start:var(--mw-s3); }
  .mw-widok .mw-konto__main .woocommerce form.woocommerce-form-login > .woocommerce-LostPassword{ order:1; grid-column:2; }
}
/* logowanie: „Zapamietaj mnie" 16 px pod przyciskiem */
.mw-konto__main .woocommerce-form-login .form-row:has(.woocommerce-form-login__submit){ display:flex; flex-direction:column; align-items:flex-start; gap:var(--mw-s3); }
.mw-konto__main .woocommerce form.woocommerce-form-login .woocommerce-form-login__submit{ order:-1; }
.mw-konto__main .woocommerce form.woocommerce-form-login .woocommerce-form-login__rememberme{ display:inline-flex; align-items:center; margin:0; line-height:var(--mw-lh-tight); font-size:var(--mw-fs-sm); } /* WC: inline-block, linia 30 px dawala luz */
.mw-konto__main :is(.woocommerce-LostPassword, .mw-konto__form-link) a{ margin:0; text-decoration:none; color:var(--mw-ink); }

/* --- PAGINACJA: lista zamowien ma tylko poprzednie / nastepne (WC orders.php) --- */
.mw-konto__main .woocommerce-pagination a{ display:inline-grid; place-items:center; min-width:var(--mw-control-h); min-height:var(--mw-control-h);
  border:1px solid var(--mw-taupe)!important; border-radius:var(--mw-radius); text-decoration:none; color:var(--mw-ink)!important; background:var(--mw-paper)!important; }

/* --- MOBILE: menu konta jednym rzedem w bok (wyglad jak .mw-tab), zamowienia kartami --- */
@media (width < 900px){ /* bp:desktop */
  .mw-konto__main .woocommerce-MyAccount-navigation{ margin:0 calc(-1 * var(--mw-page-pad)) var(--mw-s4); }
  /* telefon: zakladki w rzedzie (jak .mw-tab) zamiast listy wierszy; 44 px dotyku, kreska biezacej na linii paska */
  .mw-konto__main .woocommerce-MyAccount-navigation ul{ display:flex; gap:var(--mw-s4); overflow-x:auto; scrollbar-width:none;
    padding-inline:var(--mw-page-pad); padding-block-end:1px; border:0;
    background:linear-gradient(var(--mw-line), var(--mw-line)) bottom / 100% 1px no-repeat; /* linia w paddingu: overflow nie tnie kreski zakladki */
    mask-image:linear-gradient(to left, transparent, var(--mw-ink) var(--mw-s6)); } /* wygaszenie: dalej sa zakladki (test UX 12.10) */
  /* komunikat WC: przycisk pod tekstem, nie na nim (float WC) */
  .mw-konto__main :is(.woocommerce-info, .woocommerce-message) .button{ float:none; display:flex; inline-size:100%; margin:0 0 var(--mw-s3); }
  .mw-konto__main .woocommerce-MyAccount-navigation ul::-webkit-scrollbar{ display:none; }
  .mw-konto__main .woocommerce-MyAccount-navigation li{ flex:none; }
  .mw-konto__main .woocommerce-MyAccount-navigation a{ display:grid; place-items:center; min-block-size:var(--mw-control-h); padding:0; white-space:nowrap;
    font-family:var(--mw-body); font-weight:400; font-size:var(--mw-fs-sm); line-height:1; letter-spacing:var(--mw-ls-caps); text-transform:uppercase;
    border-bottom:1px solid transparent; margin-bottom:-1px; }
  .mw-konto__main .woocommerce-MyAccount-navigation a[aria-current]{ border-bottom-color:var(--mw-ink); }

  /* karta zamowienia: numer i status u gory, data i kwota pod nimi, akcje na dole; numer gubil smallscreen WC (tbody th: none) */
  .mw-konto__main .woocommerce table.shop_table_responsive.woocommerce-orders-table{ border:0!important; }
  .mw-konto__main .woocommerce-orders-table tbody{ display:grid; gap:var(--mw-s3); }
  .mw-konto__main .woocommerce table.shop_table_responsive .woocommerce-orders-table__row{ display:grid; grid-template-columns:1fr auto;
    grid-template-areas:"nr status" "data suma" "akcje akcje"; align-items:baseline;
    gap:var(--mw-s1) var(--mw-s3); padding:var(--mw-s3); border:1px solid var(--mw-line); }
  .mw-konto__main .woocommerce-orders-table__cell-order-number{ grid-area:nr; }
  .mw-konto__main .woocommerce-orders-table__cell-order-status{ grid-area:status; }
  .mw-konto__main .woocommerce-orders-table__cell-order-date{ grid-area:data; }
  .mw-konto__main .woocommerce-orders-table__cell-order-total{ grid-area:suma; }
  .mw-konto__main .woocommerce table.shop_table_responsive .woocommerce-orders-table__row > :is(th, td){ display:block; padding:0!important;
    border:0!important; background:none!important; text-align:left!important; }
  .mw-konto__main .woocommerce table.shop_table_responsive .woocommerce-orders-table__row > td::before{ content:none; }
  .mw-konto__main .woocommerce-orders-table__cell-order-number a{ font-family:var(--mw-serif); font-size:var(--mw-fs-ml); text-decoration:none; white-space:nowrap; }
  .mw-konto__main .woocommerce table.shop_table_responsive .woocommerce-orders-table__cell-order-status{ text-align:right!important;
    font-size:var(--mw-fs-xs); letter-spacing:var(--mw-ls-caps-sm); text-transform:uppercase; color:var(--mw-ink-3); }
  .mw-konto__main .woocommerce-orders-table__cell-order-date{ color:var(--mw-ink-3); }
  .mw-konto__main .woocommerce table.shop_table_responsive .woocommerce-orders-table__cell-order-total{ text-align:right!important; }
  .mw-konto__main .woocommerce-orders-table__cell-order-actions{ grid-area:akcje; display:flex!important; flex-wrap:wrap; align-items:center; gap:var(--mw-s3) var(--mw-s4);
    margin-top:var(--mw-s2); } /* odstep 16: pola dotyku 44 px nie nachodza na siebie */
  .mw-konto__main .woocommerce-orders-table__cell-order-actions .button{ margin:0!important; }
  /* „Zaplac" pelna szerokosc w swoim rzedzie, linki pod nim (Tomek 12.10) */
  .mw-konto__main .woocommerce-orders-table__cell-order-actions .button.pay{ flex-basis:100%; }
  /* czeka na platnosc: jedyne zamowienie z ruchem po stronie klientki */
  .mw-konto__main .woocommerce table.shop_table_responsive .woocommerce-orders-table__row--status-pending{ border-color:var(--mw-ink); }
}

/* reCAPTCHA: plakietka zaslaniala dok, zamiast niej tekst Google na dole kolumny (Tomek 13.10) */
body:has(.mw-konto__main--guest) .grecaptcha-badge{ visibility:hidden; }
.mw-konto__main :is(.mw-konto__privacy, .mw-recaptcha-note){ margin:var(--mw-s5) 0 0; } /* pismo: drobny druk w tokeny.css */
.mw-konto__main :is(.mw-konto__privacy, .mw-recaptcha-note) a{ color:inherit; }
.mw-konto__main .mw-konto__privacy + .mw-recaptcha-note{ margin-block-start:var(--mw-s2); } /* drobny druk jednym blokiem */
.mw-konto__main .mw-konto__new + .mw-recaptcha-note{ margin-block-start:0; } /* odstep niesie padding kontenera */
@media (width < 600px){ /* bp:phone */ .mw-konto__main .mw-konto__new + .mw-recaptcha-note{ margin-block-start:var(--mw-s2); } }

/* One click (P24): zdanie pod komunikatem, link dalej */
.mw-konto__main .mw-konto__p24-text{ margin:var(--mw-s3) 0; color:var(--mw-ink-3); }

/* --- SZCZEGOLY ZAMOWIENIA (view-order, Tomek 12.10) --- */
/* numer, data i status w zdaniu: pogrubione, pismo zdania (Tomek 13.10) */
.mw-konto__main .woocommerce-MyAccount-content mark:is(.order-number, .order-date, .order-status){ background:none; color:var(--mw-ink); font-weight:500; }
/* tresc konta 48rem, jedna szerokosc dla widokow; lista zamowien (5 kolumn) bez limitu (Tomek 13.10) */
.mw-konto__main:not(:has(.woocommerce-orders-table)) .woocommerce-MyAccount-content{ max-inline-size:48rem; }
/* pozycja = .mw-cart-item z koszyka (konto.php); tabela w blokach, kolumna kwot pozycji zbedna */
.mw-konto__main .woocommerce .woocommerce-table--order-details :is(thead, tbody, tfoot){ display:block; }
/* adnotacja nad Razem: WC wypisuje ja po sumach */
.mw-konto__main .woocommerce .woocommerce-table--order-details tfoot{ display:flex; flex-direction:column; }
.mw-konto__main .woocommerce .woocommerce-table--order-details tfoot tr:is(:has(.mw-razem), :has(> .order-actions--heading)){ order:1; }
.mw-konto__main .woocommerce .woocommerce-table--order-details tr{ display:grid; grid-template-columns:minmax(0, 1fr) auto; align-items:center; }
.mw-konto__main .woocommerce .woocommerce-table--order-details :is(thead, td.product-total){ display:none; }
.mw-konto__main .woocommerce .woocommerce-table--order-details tbody td.product-name{ display:block; grid-column:1 / -1; padding:0!important; } /* !important jak regula bazowa */
.mw-konto__main .woocommerce-table--order-details .mw-cart-item{ border-bottom:0; }
/* przedsprzedaz pod pozycja, jak w koszyku */
.mw-konto__main .woocommerce-table--order-details .wc-item-meta{ margin:0 0 var(--mw-s3); padding:0; list-style:none; }
.mw-konto__main .woocommerce-table--order-details .wc-item-meta-label{ font-weight:400; }
.mw-konto__main .woocommerce-table--order-details .wc-item-meta p{ display:inline; margin:0; }
/* sumy do prawej; w wierszu „Dzialania" zostaja Zaplac i Anuluj, zwrot i ocena dublowaly sekcje pod tabela (mw-core) */
.mw-konto__main .woocommerce .woocommerce-table--order-details :is(th, td):last-child{ text-align:end; }
.mw-konto__main .woocommerce table.shop_table tfoot :is(.order-actions--heading, .order-actions-button:is(.mw-zwrot, .mw-ocen)){ display:none; }
.mw-konto__main .woocommerce table.shop_table tfoot tr:has(> .order-actions--heading) td{ display:flex; flex-wrap:wrap; align-items:center; gap:var(--mw-s3) var(--mw-s4);
  padding-block-start:var(--mw-s4)!important; }
.mw-konto__main .woocommerce table.shop_table tfoot .order-actions-button{ margin:0; }
@media (width < 900px){ /* bp:desktop */
  .mw-konto__main .woocommerce table.shop_table tfoot .order-actions-button.pay{ flex-basis:100%; } /* jedyna glowna akcja: cala szerokosc */
}
/* sekcje pod zamowieniem: 48 odstepu, przycisk 16 pod tekstem */
.mw-konto__main :is(.mw-konto-zwroty, .mw-konto-opinie, .order-again, .mw-customer-details){ margin-block-start:var(--mw-s6); }
.mw-konto__main :is(.mw-konto-zwroty, .mw-konto-opinie) p:has(> a.button){ margin-block-start:var(--mw-s3); }
@media (width < 600px){ /* bp:phone */
  /* adres do wysylki pod rozliczeniowym z tym samym odstepem co nad sekcja */
  .mw-konto__main .mw-customer-details .woocommerce-column--shipping-address{ margin-block-start:var(--mw-s5); }
}