/* =========================================================
   MOJE KONTO (woocommerce-account) – WERSJA DOCELOWA
   (tabs poziomo na górze + content pod spodem)
   ========================================================= */
body.woocommerce-account{
  --z-yellow: #FED216;
  --z-gray: #F8F8F8;
  --z-border: #1212121c;
  --z-text: #121212; }

/* Layout: tabs u góry */
body.woocommerce-account .woocommerce{
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation,
body.woocommerce-account .woocommerce-MyAccount-content{
  width: 100% !important;
  float: none !important;
  margin: 0 !important;
  min-width: 0 !important;
}

/* Tabs */
body.woocommerce-account .woocommerce-MyAccount-navigation ul{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation li{
  margin: 0 !important;
  padding: 0 !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation li a{
  display: inline-flex !important;
  align-items: center !important;
  min-height: 52px !important;
  padding: 0px 15px !important;
  background: var(--z-gray) !important;
  color: var(--z-text) !important;
  text-decoration: none !important;
  border-radius: 14px !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  font-weight: 400;
}

body.woocommerce-account .woocommerce-MyAccount-navigation li a:hover{
  color: var(--z-text) !important;
  filter: brightness(0.98);
}

body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{
  background: var(--z-yellow) !important;
  color: var(--z-text) !important;
}

/* Linki w content – bez żółtego hover */
body.woocommerce-account .woocommerce-MyAccount-content a{
  color: var(--z-text);
  text-decoration: none;
}

body.woocommerce-account .woocommerce-MyAccount-content a:hover{
  color: var(--z-text);
}

/* Komunikaty */
body.woocommerce-account .woocommerce-info,
body.woocommerce-account .woocommerce-message,
body.woocommerce-account .woocommerce-error{
  background: none !important;
  border: none !important;
  padding: 0 0 16px 34px !important;
  position: relative;
  font-weight: 400;
  color: var(--z-text);
}

body.woocommerce-account .woocommerce-info::before{
  content: "i";
  position: absolute;
  left: 0;
  top: 2px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #e5e5e5;
  color: #000;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}

body.woocommerce-account .woocommerce-message::before{
  content: "✓";
  position: absolute;
  left: 0;
  top: 2px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: var(--z-yellow);
  color: #000;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Adresy – full width, jeden pod drugim */
body.woocommerce-account .woocommerce-Addresses{
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}

body.woocommerce-account .woocommerce-Address{
  background: var(--z-gray);
  border-radius: 18px;
  padding: 24px;
  width: 100% !important;
}

body.woocommerce-account .woocommerce-Address-title{
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 12px;
}

body.woocommerce-account .woocommerce-Address-title a{
  order: 2;
  font-size: 14px;
  color: var(--z-text);
}

/* Szczegóły konta – kontener */
body.woocommerce-account .woocommerce-EditAccountForm{
  background: var(--z-gray);
  border-radius: 18px;
  padding: 28px;
}

body.woocommerce-account .woocommerce-EditAccountForm fieldset{
  border: none;
  padding: 0;
  margin: 24px 0 0;
}

/* Oko – bez tła */
body.woocommerce-account .woocommerce-EditAccountForm .password-input .show-password-input{
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}

/* ✅ BUTTONY – TYLKO w obszarze konta (bez wpływu na header/menu/szukajkę) */
body.woocommerce-account .woocommerce-MyAccount-content .button,
body.woocommerce-account .woocommerce-MyAccount-content button,
body.woocommerce-account .woocommerce-MyAccount-content input.button,
body.woocommerce-account .woocommerce-MyAccount-content input[type="submit"]{
  background: var(--z-yellow) !important;
  color: #000 !important;
  border: none !important;
  border-radius: 12px !important;
  font-weight: 400 !important;

  /* naprawa “za wysokich” przycisków */
  padding: 10px 16px !important;
  min-height: 44px !important;
  line-height: 1.2 !important;
}

/* (opcjonalnie) żeby buttony nie rozpychały layoutu */
body.woocommerce-account .woocommerce-MyAccount-content .button{
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Mobile */
@media (max-width: 600px){
  body.woocommerce-account .woocommerce-MyAccount-navigation li a{
    white-space: normal !important;
  }
}


/* =========================================================
   MOJE KONTO → ZAMÓWIENIA (lista)
   ========================================================= */

body.woocommerce-account .woocommerce table.my_account_orders{
  border: none !important;
  border-collapse: separate !important;
  border-spacing: 5px 10px !important;
}

/* nagłówki */
body.woocommerce-account .woocommerce table.my_account_orders thead th{
  background: #F8F8F8 !important;
  border: none !important;
  border-radius: 12px !important;
  padding: 10px 16px !important;
  font-weight: 500;
}

/* wiersz danych – bez teł / bez ramek */
body.woocommerce-account .woocommerce table.my_account_orders tbody tr,
body.woocommerce-account .woocommerce table.my_account_orders tbody td,
body.woocommerce-account .woocommerce table.my_account_orders tbody th{
  background: transparent !important;
  border: none !important;
}

/* padding komórek */
body.woocommerce-account .woocommerce table.my_account_orders tbody td{
  padding: 14px 16px !important;
  vertical-align: middle;
}

/* delikatna linia oddzielająca zamówienia (tylko dół) */
body.woocommerce-account .woocommerce table.my_account_orders tbody tr:not(:last-child) td{
  border-bottom: 1px solid rgba(0,0,0,.08) !important;
}

/* akcje: odstęp między guzikami */
body.woocommerce-account .woocommerce-orders-table__cell-order-actions{
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}

body.woocommerce-account .woocommerce-orders-table__cell-order-actions .button{
  margin: 0 !important;
  padding: 6px 14px !important;
  min-height: 0 !important; /* żeby te małe nie robiły się "cegłami" */
  border-radius: 999px !important;
  font-weight: 400;
  background: #fed216 !important;
}


/* =========================================================
   LOGOWANIE / REJESTRACJA (niezalogowany)
   ========================================================= */

.z-auth{
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
}

/* Reset WooCommerce domyślnego bordera na formularzu */
.z-auth__form{
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  background: none !important;
  box-shadow: none !important;
}

.z-auth__grid{
  display: flex;
  gap: 24px;
  align-items: stretch;
}

.z-auth__col{
  flex: 1;
  min-width: 0;
  background: var(--z-gray);
  border-radius: 18px;
  padding: 28px;
}

.z-auth__heading{
  font-size: 20px;
  font-weight: 600;
  margin: 0 0 20px;
}

/* CTA panel (prawa kolumna logowania) — wyśrodkowane pionowo */
.z-auth__col--cta{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.z-auth__desc{
  font-size: 14px;
  color: var(--z-muted, #898989);
  line-height: 1.6;
  margin: 0 0 24px;
}

/* Lista zalet (widok rejestracji) */
.z-auth__benefits{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.z-auth__benefits li{
  display: flex;
  align-items: flex-start;
  gap: 14px;
}

.z-auth__benefits svg{
  flex-shrink: 0;
  color: var(--z-muted, #898989);
}

.z-auth__benefits span{
  font-size: 14px;
  line-height: 1.5;
}

/* Pola formularza */
.z-auth__field{
  margin-bottom: 14px;
}

.z-auth__field label{
  display: block;
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 6px;
  color: var(--z-text);
}

.z-auth__field input[type="text"],
.z-auth__field input[type="email"],
.z-auth__field input[type="password"]{
  display: block;
  width: 100%;
  padding: 12px 16px;
  border: none;
  border-radius: 999px;
  background: #fff;
  font-family: inherit;
  font-size: 14px;
  color: var(--z-text);
  outline: none;
  box-sizing: border-box;
}

.z-auth__field input:focus{
  box-shadow: 0 0 0 2px rgba(0,0,0,.08);
}

/* Zapamiętaj mnie */
.z-auth__row{
  margin-bottom: 16px;
}

.z-auth__remember{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  cursor: pointer;
}

.z-auth__remember input[type="checkbox"]{
  width: 16px;
  height: 16px;
  margin: 0;
  accent-color: var(--z-yellow);
}

/* Przycisk */
.z-auth__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 44px;
  padding: 10px 20px;
  background: var(--z-yellow);
  color: #000;
  border: none;
  border-radius: 12px;
  font-family: inherit;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
  text-decoration: none;
  margin-top: 4px;
}

.z-auth__btn:hover{
  filter: brightness(0.96);
  color: #000;
}

/* Link "Zapomniałeś hasło?" */
.z-auth__lost{
  display: block;
  margin-top: 14px;
  text-align: center;
  font-size: 13px;
  color: var(--z-muted, #898989);
  text-decoration: none;
}

.z-auth__lost:hover{
  color: var(--z-text);
}

/* Notices wewnątrz auth */
.z-auth .woocommerce-error,
.z-auth .woocommerce-message,
.z-auth .woocommerce-info{
  margin-bottom: 16px;
}

/* ---- Mobile ---- */
@media (max-width: 768px){
  .z-auth__grid{
    flex-direction: column;
    gap: 20px;
  }

  .z-auth__col{
    padding: 22px 18px;
  }
}