/* ============================================================
   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 — inaczej reguły WC/Divi (często (0,2,1)+) biją nasze (0,2,0).
   ============================================================ */

.mw-konto__main{ max-width:var(--mw-max); margin-inline:auto; padding:0 var(--mw-pad) 4rem; }
.mw-konto__tresc{ margin-top:.5rem; }

/* --- UKŁAD: nawigacja (sidebar) + treść. :has() → tylko gdy jest nawigacja
   (zalogowany); wylogowany widok logowania idzie pełną szerokością. --- */
@media (min-width:900px){
  .mw-konto__main .woocommerce:has(.woocommerce-MyAccount-navigation){
    display:flex; align-items:flex-start; gap:2.5rem;
  }
  .mw-konto__main .woocommerce:has(.woocommerce-MyAccount-navigation) .woocommerce-MyAccount-navigation{ flex:0 0 220px; }
  .mw-konto__main .woocommerce:has(.woocommerce-MyAccount-navigation) .woocommerce-MyAccount-content{ flex:1 1 0; }
}

/* --- NAWIGACJA KONTA --- */
/* neutralizujemy float/width WC — w gridzie muszą oddać sterowanie */
.mw-konto__main .woocommerce-MyAccount-navigation,
.mw-konto__main .woocommerce-MyAccount-content{ float:none!important; width:auto!important; }
.mw-konto__main .woocommerce-MyAccount-navigation ul{ list-style:none!important; margin:0!important; padding:0!important;
  border:1px solid var(--mw-line)!important; border-radius:3px; overflow:hidden; }
.mw-konto__main .woocommerce-MyAccount-navigation li{ margin:0!important; border-bottom:1px solid var(--mw-line); }
.mw-konto__main .woocommerce-MyAccount-navigation li:last-child{ border-bottom:0; }
.mw-konto__main .woocommerce-MyAccount-navigation a{ display:block; padding:.8rem 1.1rem!important;
  color:var(--mw-ink-2)!important; text-decoration:none; font-size:.9rem; letter-spacing:.02em;
  transition:background .15s var(--mw-ease), color .15s var(--mw-ease); }
.mw-konto__main .woocommerce-MyAccount-navigation a:hover{ background:var(--mw-surface-2)!important; color:var(--mw-ink)!important; }
.mw-konto__main .woocommerce-MyAccount-navigation .is-active a{ background:var(--mw-black)!important;
  color:var(--mw-ecru)!important; font-weight:500; }
.mw-konto__main .woocommerce-MyAccount-navigation-link--customer-logout a{ color:var(--mw-ink-3)!important; }

/* --- TREŚĆ --- */
.mw-konto__main .woocommerce-MyAccount-content{ min-width:0; }
.mw-konto__main .woocommerce-MyAccount-content h2,
.mw-konto__main .woocommerce-MyAccount-content h3{ font-family:var(--mw-serif); font-weight:500;
  font-size:1.35rem; margin:0 0 1rem; }
.mw-konto__main .woocommerce-MyAccount-content p{ line-height:1.6; color:var(--mw-ink); }
.mw-konto__main .woocommerce-MyAccount-content a:not(.button):not(.woocommerce-button){
  color:var(--mw-ink); text-underline-offset:2px; }

/* --- TABELA ZAMÓWIEŃ --- */
.mw-konto__main .shop_table{ width:100%; border:1px solid var(--mw-line)!important; border-collapse:collapse!important; }
.mw-konto__main .shop_table th,
.mw-konto__main .shop_table td{ padding:.75rem .9rem!important; border-bottom:1px solid var(--mw-line)!important;
  text-align:left; font-size:.9rem; vertical-align:middle; }
.mw-konto__main .shop_table thead th{ font-weight:600; font-size:.72rem; text-transform:uppercase;
  letter-spacing:.06em; color:var(--mw-ink-2)!important; background:var(--mw-surface-2)!important; }
.mw-konto__main .woocommerce-orders-table__cell-order-actions{ text-align:right; }
.mw-konto__main .woocommerce-orders-table__cell-order-actions .button{ margin:2px 0 2px 6px; }

/* --- ADRESY --- */
.mw-konto__main .woocommerce-Addresses{ display:flex; flex-wrap:wrap; gap:1.5rem; margin-top:.5rem; }
.mw-konto__main .woocommerce-Addresses > .woocommerce-Address,
.mw-konto__main .woocommerce-Addresses > .col-1,
.mw-konto__main .woocommerce-Addresses > .col-2{ flex:1 1 300px!important; float:none!important; width:auto!important; margin:0!important; }
.mw-konto__main .woocommerce-Address{ border:1px solid var(--mw-line)!important; border-radius:3px; padding:1.2rem 1.4rem!important; }
.mw-konto__main .woocommerce-Address-title{ display:flex; align-items:baseline; justify-content:space-between; gap:1rem; }
.mw-konto__main .woocommerce-Address-title h3{ margin:0 0 .6rem; }
.mw-konto__main .woocommerce-Address address{ font-style:normal; line-height:1.6; color:var(--mw-ink); font-size:.92rem; }
.mw-konto__main .woocommerce-Address .edit{ font-size:.8rem; white-space:nowrap; }

/* --- POLA + PRZYCISKI (spójne z checkoutem) --- */
.mw-konto__main .form-row label,
.mw-konto__main .woocommerce-MyAccount-content label{ font-size:.85rem; color:var(--mw-ink-2); }
.mw-konto__main .input-text,
.mw-konto__main input[type="text"],
.mw-konto__main input[type="email"],
.mw-konto__main input[type="tel"],
.mw-konto__main input[type="password"],
.mw-konto__main select,
.mw-konto__main .select2-selection{ border:1px solid var(--mw-line-2)!important; border-radius:2px!important;
  padding:.6rem .7rem; font:inherit; background:var(--mw-paper)!important; min-height:44px; box-sizing:border-box; }
.mw-konto__main .input-text,
.mw-konto__main input[type="text"],
.mw-konto__main input[type="email"],
.mw-konto__main input[type="tel"],
.mw-konto__main input[type="password"]{ width:100%; }
.mw-konto__main input:focus,
.mw-konto__main select:focus{ outline:2px solid var(--mw-ink); outline-offset:1px; border-color:var(--mw-ink)!important; }
/* checkboxy / radia — poza regułą pól */
.mw-konto__main input[type="checkbox"],
.mw-konto__main input[type="radio"]{ min-height:auto!important; width:auto!important; }

/* przycisk główny — czarny, JASNY tekst (motyw wymuszał czarny tekst → !important) */
.mw-konto__main .button,
.mw-konto__main .woocommerce-button,
.mw-konto__main button[type="submit"]{ display:inline-grid!important; place-items:center; min-height:46px;
  padding:.7rem 1.4rem!important; font-size:.72rem!important; letter-spacing:.14em!important; text-transform:uppercase!important;
  border-radius:2px!important; cursor:pointer; border:1px solid var(--mw-black)!important;
  background:var(--mw-black)!important; color:var(--mw-ecru)!important; text-decoration:none;
  transition:background .15s var(--mw-ease), color .15s var(--mw-ease); }
.mw-konto__main .button:hover,
.mw-konto__main .woocommerce-button:hover,
.mw-konto__main button[type="submit"]:hover{ background:var(--mw-choco)!important; color:var(--mw-ecru)!important; }
/* przyciski drugorzędne (obrys): akcje przy zamówieniu i adresie */
.mw-konto__main .woocommerce-orders-table .button,
.mw-konto__main .woocommerce-Address .button{ background:var(--mw-paper)!important; color:var(--mw-ink)!important; border-color:var(--mw-ink)!important; }
.mw-konto__main .woocommerce-orders-table .button:hover,
.mw-konto__main .woocommerce-Address .button:hover{ background:var(--mw-ink)!important; color:var(--mw-paper)!important; }

/* --- NOTYFIKACJE (ukryta ikonka WC jak w checkoucie) --- */
.mw-konto__main .woocommerce-message,
.mw-konto__main .woocommerce-info{ background:var(--mw-surface-2)!important; border:1px solid var(--mw-line)!important;
  border-top:3px solid var(--mw-taupe)!important; border-radius:2px; padding:.9rem 1.1rem!important; margin:0 0 1.2rem!important; color:var(--mw-ink)!important; }
.mw-konto__main .woocommerce-error{ background:var(--mw-error-bg)!important; border:1px solid var(--mw-error-line)!important;
  border-top:3px solid var(--mw-promo)!important; border-radius:2px; padding:.9rem 1.1rem!important; margin:0 0 1.2rem!important; list-style:none; }
.mw-konto__main .woocommerce-message::before,
.mw-konto__main .woocommerce-info::before,
.mw-konto__main .woocommerce-error::before{ content:none!important; display:none!important; }

/* --- LOGOWANIE / REJESTRACJA (wylogowany) --- */
/* Flex zamiast grida — WC/Divi trzyma na .col-1/.col-2 własne float/placement,
   które psuły grid (kolumny lądowały krzyżowo). Flex w kolejności źródła jest pewny. */
.mw-konto__main #customer_login.u-columns{ display:flex!important; flex-wrap:wrap; gap:1.5rem; align-items:flex-start; }
.mw-konto__main #customer_login .col-1,
.mw-konto__main #customer_login .col-2,
.mw-konto__main #customer_login .u-column1,
.mw-konto__main #customer_login .u-column2{ flex:1 1 320px!important; float:none!important; width:auto!important;
  max-width:none!important; margin:0!important; padding:0!important; clear:none!important; }
.mw-konto__main .woocommerce-form-login,
.mw-konto__main .woocommerce-form-register{ border:1px solid var(--mw-line)!important; border-radius:3px;
  padding:1.5rem 1.6rem!important; margin:0!important; }
.mw-konto__main .woocommerce-form-login .form-row,
.mw-konto__main .woocommerce-form-register .form-row{ margin:0 0 1rem; }
.mw-konto__main .woocommerce-form-login__rememberme{ font-size:.85rem; }

/* --- PAGINACJA --- */
.mw-konto__main .woocommerce-pagination ul{ list-style:none!important; display:flex; flex-wrap:wrap; gap:.4rem; padding:0!important; margin:1.5rem 0 0!important; border:0!important; }
.mw-konto__main .woocommerce-pagination li{ margin:0!important; border:0!important; }
.mw-konto__main .woocommerce-pagination a,
.mw-konto__main .woocommerce-pagination span{ display:inline-grid; place-items:center; min-width:40px; min-height:40px;
  border:1px solid var(--mw-line-2)!important; border-radius:2px; text-decoration:none; color:var(--mw-ink)!important; background:var(--mw-paper)!important; }
.mw-konto__main .woocommerce-pagination .current{ background:var(--mw-black)!important; color:var(--mw-ecru)!important; border-color:var(--mw-black)!important; }

/* --- MOBILE: nawigacja nad treścią --- */
@media (max-width:899px){
  .mw-konto__main .woocommerce-MyAccount-navigation{ margin:0 0 1.5rem; }
  .mw-konto__main .shop_table th,
  .mw-konto__main .shop_table td{ padding:.6rem .55rem!important; }
}