/* Moje konto i pasek postepu zamowienia */

.woocommerce-account .fr-main{padding-block:32px 72px}

/* Uklad: zakladki w lewej kolumnie, tresc obok.
   WooCommerce 11 dodaje do .woocommerce clearfix (::before i ::after
   z display:table). W siatce pseudoelementy sa elementami siatki:
   ::before zajmowal lewa kolumne, zakladki spadaly do prawej, a tresc
   do drugiego rzedu w waskiej kolumnie. Zadnego bledu, strona sie
   rysowala, tylko krzywo. Zlapane na Studio 05.10.2026. Dlatego
   pseudoelementy wylaczamy i dodatkowo ustawiamy kolumny jawnie. */
.woocommerce-account .woocommerce::before,
.woocommerce-account .woocommerce::after{content:none;display:none}
.woocommerce-account .woocommerce-MyAccount-navigation{float:none;width:auto}
.woocommerce-account.logged-in .woocommerce{display:grid;grid-template-columns:240px minmax(0,1fr);
  gap:64px;align-items:start}
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation{grid-column:1;grid-row:1;
  position:sticky;top:24px}
.woocommerce-account .woocommerce-MyAccount-content{float:none;width:auto;min-width:0;grid-column:2;grid-row:1}

/* Zakladki. Lista przychodzi z WooCommerce i z wtyczek, wiec stylujemy
   ja po strukturze, a nie po nazwach pozycji. */
.woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;
  border-top:2px solid var(--ink)}
.woocommerce-MyAccount-navigation li{border-bottom:1px solid var(--line)}
.woocommerce-MyAccount-navigation a{display:block;padding:13px 0 13px 14px;
  text-decoration:none;font-size:16px;color:var(--muted);border-left:2px solid transparent;
  transition:color .15s ease,border-color .15s ease}
.woocommerce-MyAccount-navigation a:hover{color:var(--ink)}
.woocommerce-MyAccount-navigation .is-active a{color:var(--ink);font-weight:700;border-left-color:var(--gold)}
.woocommerce-MyAccount-navigation-link--customer-logout a{color:var(--muted);font-size:15px}

.fr-konto__powitanie{margin-bottom:32px}
.fr-konto__czesc{margin:0 0 8px;font-family:var(--f-display);font-size:38px;
  font-weight:500;letter-spacing:-.02em}
.fr-konto__wstep{margin:0;font-size:17px;line-height:1.7;color:var(--muted)}

/* Kafelki pulpitu: ostatnie zamowienie, adres, konto. */
.fr-konto-kafelki{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.fr-konto-kafel{display:flex;flex-direction:column;gap:6px;padding:24px;
  background:var(--ivory);border:1px solid var(--line);border-top:2px solid var(--gold)}
.fr-konto-kafel__tytul{margin:0 0 8px;font-size:12px;font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;color:var(--gold-tekst);font-family:var(--f-body)}
.fr-konto-kafel__wartosc{margin:0;font-family:var(--f-display);font-size:26px;line-height:1.2}
.fr-konto-kafel__opis,.fr-konto-kafel__adres{margin:0;font-size:16px;line-height:1.6;color:var(--muted)}
.fr-konto-kafel__status{margin:4px 0 0;align-self:flex-start;padding:4px 10px;
  background:var(--tint);font-size:14px;font-weight:700}
.fr-konto-kafel__akcje{margin:auto 0 0;padding-top:14px;display:flex;flex-wrap:wrap;gap:16px;font-size:15px}
.fr-konto-kafel__pomoc{margin:10px 0 0;font-size:14px;color:var(--muted)}
.fr-konto-kafel__pomoc a{color:var(--ink)}

/* Tabele zamowien i adresow */
.woocommerce-account table.shop_table{width:100%;border-collapse:collapse;font-size:16px}
.woocommerce-account table.shop_table th{text-align:left;padding:12px 10px;
  border-bottom:2px solid var(--ink);font-size:13px;letter-spacing:.08em;
  text-transform:uppercase}
.woocommerce-account table.shop_table td{padding:16px 10px;border-bottom:1px solid var(--line)}
.woocommerce-account .woocommerce-button{display:inline-flex;align-items:center;
  justify-content:center;height:42px;padding-inline:18px;border:1px solid var(--ink);
  background:var(--ivory);color:var(--ink);text-decoration:none;font-size:15px;font-weight:700}
.woocommerce-account .woocommerce-Address{border:1px solid var(--line);padding:22px;background:#fff}
.woocommerce-account .woocommerce-Address-title h2,
.woocommerce-account h2,.woocommerce-account h3{font-family:var(--f-display);font-weight:500}

/* Pasek postepu zamowienia */
.fr-postep{list-style:none;margin:0 0 26px;padding:24px 0 0;display:grid;
  grid-auto-flow:column;grid-auto-columns:1fr;gap:0}
.fr-postep__krok{position:relative;padding-top:22px;font-size:14px;line-height:1.35;
  color:var(--muted);text-align:center}
/* Linia laczaca kropki. Rysowana od srodka kropki do srodka nastepnej,
   wiec nie wystaje poza pierwszy i ostatni krok. */
.fr-postep__krok::before{content:"";position:absolute;top:6px;left:-50%;width:100%;
  height:2px;background:var(--line)}
.fr-postep__krok:first-child::before{display:none}
.fr-postep__krok--zrobione::before,
.fr-postep__krok--teraz::before{background:var(--ink)}
.fr-postep__kropka{position:absolute;top:0;left:50%;transform:translateX(-50%);
  width:14px;height:14px;border-radius:50%;background:var(--ivory);
  border:2px solid var(--line)}
.fr-postep__krok--zrobione .fr-postep__kropka{background:var(--ink);border-color:var(--ink)}
.fr-postep__krok--teraz .fr-postep__kropka{background:var(--ivory);border-color:var(--ink);
  box-shadow:0 0 0 4px var(--tint)}
.fr-postep__krok--teraz{color:var(--ink);font-weight:700}
.fr-postep__nazwa{display:block;padding-inline:4px}

.fr-postep__uwaga{margin:0 0 26px;padding:18px 22px;background:var(--tint);
  border-left:3px solid var(--ink);font-size:16px;line-height:1.65}

@media (max-width:900px){
  .woocommerce-account.logged-in .woocommerce{grid-template-columns:minmax(0,1fr);gap:24px}
  .woocommerce-account.logged-in .woocommerce-MyAccount-navigation{position:static;grid-row:1}
  .woocommerce-account .woocommerce-MyAccount-content{grid-column:1;grid-row:2}
  /* Telefon: zakladki w jednym przewijanym rzedzie zamiast listy na
     caly ekran, przez ktora trzeba bylo przewinac do tresci. */
  .woocommerce-MyAccount-navigation ul{display:flex;gap:8px;overflow-x:auto;border-top:0;
    padding-bottom:6px;scrollbar-width:thin}
  .woocommerce-MyAccount-navigation li{border:0;flex:0 0 auto}
  .woocommerce-MyAccount-navigation a{padding:9px 14px;border:1px solid var(--line);
    border-left-width:1px;background:var(--ivory);font-size:15px;white-space:nowrap}
  .woocommerce-MyAccount-navigation .is-active a{border-color:var(--ink);background:var(--ink);color:var(--ivory)}
  .fr-konto-kafelki{grid-template-columns:minmax(0,1fr);gap:14px}
  .fr-konto-kafel{padding:20px}
  .fr-konto__czesc{font-size:28px}
  /* Cztery kroki obok siebie na 390 px daja nieczytelne skroty,
     wiec na telefonie pasek idzie w pionie. */
  .fr-postep{grid-auto-flow:row;grid-auto-columns:auto;padding:0;gap:0}
  .fr-postep__krok{padding:10px 0 10px 30px;text-align:left}
  .fr-postep__krok::before{top:0;left:6px;width:2px;height:100%}
  .fr-postep__kropka{top:12px;left:0;transform:none}
  /* Na telefonie chowamy tylko naglowki kolumn. Numer zamowienia jest
     w tbody jako th i znikal razem z nimi. */
  .woocommerce-account table.shop_table thead th{display:none}
  .woocommerce-account table.shop_table tbody th{display:block;border:0;padding:0 0 6px;font-size:18px}
  .woocommerce-account table.shop_table td{display:block;border:0;padding:4px 0}
  .woocommerce-account table.shop_table tr{display:block;padding:16px 0;
    border-bottom:1px solid var(--line)}
}

/* Logowanie, rejestracja i odzyskiwanie hasla.
   Te formularze renderuje WooCommerce swoim szablonem, ktorego celowo
   nie nadpisujemy. Bez tych regul niezalogowana klientka widziala
   surowy formularz przegladarki: to jest pierwszy ekran, ktory
   dostaje wracajaca klientka. Zlapane 20.09.2026. */
.woocommerce-account:not(.logged-in) .woocommerce{max-width:960px}
.woocommerce-form-login,
.woocommerce-form-register,
.woocommerce-ResetPassword{border:1px solid var(--line);background:var(--tint);
  padding:32px;max-width:460px}
.woocommerce-ResetPassword{max-width:560px}
.woocommerce-form-login label,
.woocommerce-form-register label,
.woocommerce-ResetPassword label{display:block;font-size:15px;font-weight:700;
  margin-bottom:7px}
.woocommerce-account .woocommerce-form-row{margin-bottom:18px}
.woocommerce-account input[type="text"],
.woocommerce-account input[type="email"],
.woocommerce-account input[type="tel"],
.woocommerce-account input[type="password"],
.woocommerce-account select,
.woocommerce-account textarea{width:100%;padding:14px;border:1px solid var(--line);
  background:var(--ivory);font-family:var(--f-body);font-size:16px;border-radius:0}
.woocommerce-account input:focus-visible,
.woocommerce-account select:focus-visible,
.woocommerce-account textarea:focus-visible{outline:2px solid var(--ink);
  outline-offset:1px}
.woocommerce-form-login__rememberme{font-weight:400;display:flex;align-items:center;
  gap:8px;margin-bottom:18px}
.woocommerce-form-login__rememberme input{width:auto}
.woocommerce-LostPassword{margin:0;font-size:15px}

/* Zakladki zamowien, adresow i danych konta.
   Reguly WooCommerce maja tu wysoka specyficznosc
   (.woocommerce form .form-row .input-text to trzy klasy i element),
   wiec nasze musza ja przebic, inaczej pola zostaja z ramka 1px
   i paddingiem 8px, jak bylo na Studio 05.10.2026. Ta sama lekcja co
   z przyciskami w karcie produktu (regula 59 w fr-check). */
.woocommerce-account .woocommerce form .form-row .input-text,
.woocommerce-account .woocommerce form .form-row select,
.woocommerce-account .woocommerce form .form-row textarea{padding:13px 14px;border:1px solid var(--line);
  background:var(--ivory);font-family:var(--f-body);font-size:16px;line-height:1.4;border-radius:0;color:var(--ink)}
.woocommerce-account .woocommerce form .form-row .input-text:focus-visible,
.woocommerce-account .woocommerce form .form-row select:focus-visible{outline:2px solid var(--ink);outline-offset:1px}
.woocommerce-account .woocommerce form .form-row label{display:block;margin-bottom:7px;font-size:15px;font-weight:700;line-height:1.4}
.woocommerce-account .woocommerce form .form-row .required{color:var(--gold-tekst);text-decoration:none}
.woocommerce-account .woocommerce form .form-row em{display:block;margin-top:6px;font-size:14px;font-style:normal;color:var(--muted)}
.woocommerce-account .woocommerce-MyAccount-content form{max-width:640px}
/* Imie i nazwisko obok siebie, reszta w pelnej szerokosci. */
.woocommerce-account .woocommerce-EditAccountForm,
.woocommerce-account .woocommerce-address-fields__field-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
.woocommerce-account .woocommerce-EditAccountForm > *,
.woocommerce-account .woocommerce-address-fields__field-wrapper > *{grid-column:1 / -1;float:none;width:auto;margin:0 0 18px}
.woocommerce-account .woocommerce form .form-row-first{grid-column:1}
.woocommerce-account .woocommerce form .form-row-last{grid-column:2}
.woocommerce-account .woocommerce-EditAccountForm::before,.woocommerce-account .woocommerce-EditAccountForm::after,
.woocommerce-account .woocommerce-address-fields__field-wrapper::before,
.woocommerce-account .woocommerce-address-fields__field-wrapper::after{content:none;display:none}
.woocommerce-account .woocommerce-EditAccountForm .clear{display:none}
.woocommerce-account fieldset{margin:12px 0 22px;padding:22px 22px 4px;border:1px solid var(--line);background:var(--ivory)}
.woocommerce-account fieldset legend{padding:0 8px;font-family:var(--f-display);font-size:20px}

/* Przyciski: glowny czarny, w tabeli i w komunikatach obrysowany. */
.woocommerce-account .woocommerce button.button,
.woocommerce-account .woocommerce a.button{display:inline-flex;align-items:center;justify-content:center;
  min-height:46px;padding:0 22px;border:1px solid var(--ink);border-radius:0;background:var(--ink);
  color:var(--ivory);font-family:var(--f-body);font-size:15px;font-weight:700;line-height:1;text-decoration:none}
.woocommerce-account .woocommerce button.button:hover{background:#2c2925;color:var(--ivory)}
.woocommerce-account .woocommerce table a.button,
.woocommerce-account .woocommerce .woocommerce-info a.button,
.woocommerce-account .woocommerce .woocommerce-message a.button{min-height:40px;padding:0 16px;
  background:transparent;color:var(--ink)}
.woocommerce-account .woocommerce table a.button:hover,
.woocommerce-account .woocommerce .woocommerce-info a.button:hover{background:var(--ink);color:var(--ivory)}

/* Komunikaty WooCommerce w kolorach sklepu zamiast niebieskiego. */
.woocommerce-account .woocommerce-info,
.woocommerce-account .woocommerce-message{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;
  margin:0 0 24px;padding:18px 22px;border:0;border-left:3px solid var(--gold);background:var(--tint);
  color:var(--ink);font-size:16px;line-height:1.6}
.woocommerce-account .woocommerce-info::before,
.woocommerce-account .woocommerce-message::before{display:none}
.woocommerce-account .woocommerce-info a.button,
.woocommerce-account .woocommerce-message a.button{order:2;margin-left:auto}

/* Tabela zamowien: numer zwyklymi literami, bez ramki dookola. */
.woocommerce-account table.shop_table{border:0;border-radius:0}
.woocommerce-account table.shop_table tbody th{padding:16px 10px;border-bottom:1px solid var(--line);
  font-size:16px;letter-spacing:0;text-transform:none;font-weight:700}
.woocommerce-account table.shop_table tbody th a{color:var(--ink)}
.woocommerce-account table.shop_table .woocommerce-orders-table__cell-order-actions{text-align:right}

/* Adresy: dwie karty obok siebie, link „Zmien” pod naglowkiem. */
.woocommerce-account .woocommerce-Addresses{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}
.woocommerce-account .woocommerce-Addresses::before,.woocommerce-account .woocommerce-Addresses::after{content:none;display:none}
.woocommerce-account .woocommerce-Addresses .woocommerce-Address{float:none;width:auto;margin:0;
  background:var(--ivory);border-top:2px solid var(--gold)}
.woocommerce-account .woocommerce-Address-title{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px}
.woocommerce-account .woocommerce-Address-title::before,.woocommerce-account .woocommerce-Address-title::after{display:none}
.woocommerce-account .woocommerce-Address-title h2{margin:0 0 12px;font-size:22px}
.woocommerce-account .woocommerce-Address-title .edit{float:none;font-size:15px;font-weight:700;color:var(--ink);
  text-decoration:none;border-bottom:2px solid var(--gold)}
.woocommerce-account .woocommerce-Address address{font-style:normal;font-size:16px;line-height:1.7;color:var(--muted)}

@media (max-width:900px){
  .woocommerce-account .woocommerce-Addresses{grid-template-columns:minmax(0,1fr)}
  .woocommerce-account .woocommerce-EditAccountForm,
  .woocommerce-account .woocommerce-address-fields__field-wrapper{grid-template-columns:minmax(0,1fr)}
  .woocommerce-account .woocommerce form .form-row-first,
  .woocommerce-account .woocommerce form .form-row-last{grid-column:1}
  .woocommerce-account table.shop_table .woocommerce-orders-table__cell-order-actions{text-align:left}
  .woocommerce-account .woocommerce-info a.button{margin-left:0}
}