/* ═══════════════════════════════════════════════════════════════════════════
   Moje konto — motyw Deseo Memorials
   Arkusz wchodzi na `is_account_page()` (straż w functions.php). Szczegóły
   zamówienia w podglądzie stylizuje osobny, wspólny `zamowienie.css`.

   Znaczników WooCommerce nie przepisujemy — wystarczy CSS. Selektory są
   poprzedzone `.woocommerce` albo `.dm-tresc` tam, gdzie trzeba przebić
   arkusz wtyczki (on ma reguły trzyklasowe i `width:30%` na nawigacji).
   ═══════════════════════════════════════════════════════════════════════════ */

.dm-tresc .woocommerce{max-width:none}

/* ── Siatka: nawigacja po lewej, treść po prawej ─────────────────────────── */

/* WooCommerce domyka pływające kolumny clearfixem (`::before`/`::after`
   z `content:" "`). W siatce takie pseudo-elementy stają się PEŁNOPRAWNYMI
   komórkami i przesuwają całą zawartość o jedno pole — nawigacja lądowała
   w szerokiej kolumnie, adresy jeden pod drugim na przemian. Gasimy je
   wszędzie, gdzie robimy z kontenera siatkę. */
.woocommerce-account .dm-tresc .woocommerce::before,
.woocommerce-account .dm-tresc .woocommerce::after,
.woocommerce-account .dm-tresc .col2-set::before,
.woocommerce-account .dm-tresc .col2-set::after,
.woocommerce-account .dm-tresc .u-columns::before,
.woocommerce-account .dm-tresc .u-columns::after{content:none}

.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content{float:none;width:auto}
.woocommerce-account .dm-tresc .woocommerce > .woocommerce-MyAccount-navigation{grid-column:1}
.woocommerce-account .dm-tresc .woocommerce > .woocommerce-MyAccount-content{grid-column:2}

.woocommerce-account .dm-tresc .woocommerce{
	display:grid;grid-template-columns:248px minmax(0,1fr);gap:0 44px;align-items:start;
	margin-top:6px;
}
/* Formularz logowania i komunikaty zajmują całą szerokość — wtedy siatki nie ma. */
.woocommerce-account.woocommerce-no-js .dm-tresc .woocommerce,
.woocommerce-account .dm-tresc .woocommerce:not(:has(.woocommerce-MyAccount-navigation)){display:block}
.dm-tresc .woocommerce > .woocommerce-notices-wrapper{grid-column:1 / -1}

/* ── Nawigacja ───────────────────────────────────────────────────────────── */

.woocommerce-account .woocommerce-MyAccount-navigation ul{
	margin:0;padding:0;list-style:none;display:grid;gap:2px;
	border:1px solid var(--linia);border-radius:var(--radius);background:#fff;padding:8px;
}
.woocommerce-account .woocommerce-MyAccount-navigation li{margin:0;padding:0}
.woocommerce-account .woocommerce-MyAccount-navigation li a{
	display:block;padding:11px 14px;border-radius:10px;
	font-size:15px;line-height:1.4;color:var(--mocny);text-decoration:none;
	transition:background .15s ease,color .15s ease;
}
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover{background:var(--chmura);color:var(--ink)}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{background:var(--ink);color:#fff}
/* „Wyloguj się” odsunięte od reszty — to wyjście, nie zakładka. */
.woocommerce-account .woocommerce-MyAccount-navigation li--customer-logout{
	margin-top:8px;padding-top:8px;border-top:1px solid var(--linia);
}
.woocommerce-account .woocommerce-MyAccount-navigation li--customer-logout a{color:var(--tekst)}

/* ── Treść ───────────────────────────────────────────────────────────────── */

.woocommerce-account .woocommerce-MyAccount-content{min-width:0;font-size:16px;line-height:1.65;color:var(--tekst)}
.woocommerce-account .woocommerce-MyAccount-content > h2,
.woocommerce-account .woocommerce-MyAccount-content > h3,
.woocommerce-account .woocommerce-MyAccount-content legend{
	margin:0 0 16px;font-size:22px;font-weight:500;line-height:1.3;color:var(--ink);
}
.woocommerce-account .woocommerce-MyAccount-content p{margin:0 0 14px}
.woocommerce-account .woocommerce-MyAccount-content a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}

/* ── Kokpit ──────────────────────────────────────────────────────────────── */

.dm-konto__powitanie{
	margin:0 0 24px;padding:20px 22px;
	border:1px solid var(--linia);border-radius:var(--radius);background:var(--chmura);
}
.dm-konto__powitanie h2{margin:0 0 4px;font-size:20px;font-weight:500;color:var(--ink)}
.dm-konto__powitanie p{margin:0;font-size:15px;color:var(--tekst)}

.dm-konto__kafle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0}
.dm-konto__kafel{
	display:block;padding:20px 22px;
	border:1px solid var(--linia);border-radius:var(--radius);background:#fff;
	text-decoration:none !important;color:inherit;
	transition:border-color .2s ease;
}
.dm-konto__kafel:hover{border-color:var(--ink)}
.dm-konto__kafel h3{margin:0 0 6px;font-size:16px;font-weight:500;color:var(--ink)}
.dm-konto__kafel p{margin:0;font-size:15px;line-height:1.6;color:var(--tekst)}

/* ── Tabele: zamówienia, pobrania, metody płatności ──────────────────────── */

.woocommerce-account .dm-tresc table.shop_table{
	display:block;width:100%;margin:0;border:0;border-radius:0;border-collapse:collapse;
}
.woocommerce-account .dm-tresc table.shop_table thead,
.woocommerce-account .dm-tresc table.shop_table tbody{display:block;width:100%}
.woocommerce-account .dm-tresc table.shop_table thead tr,
.woocommerce-account .dm-tresc table.shop_table tbody tr{
	display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr) auto;
	gap:6px 16px;align-items:center;
	padding:14px 0;border-bottom:1px solid var(--linia);
}
.woocommerce-account .dm-tresc table.shop_table th,
.woocommerce-account .dm-tresc table.shop_table td{
	padding:0;border:0;background:none;vertical-align:middle;font-size:16px;color:var(--ink);
}
.woocommerce-account .dm-tresc table.shop_table thead th{
	font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--tekst);
}
.woocommerce-account .dm-tresc table.shop_table td::before,
.woocommerce-account .dm-tresc table.shop_table th::before{content:none !important}
/* Numer zamówienia jest w <th>, a WooCommerce chowa `tbody th` w układzie
   responsywnym (podmienia go na `data-title`, który wyżej gasimy). */
.woocommerce-account .dm-tresc table.shop_table tbody th{display:block;font-weight:400;text-align:left}
.woocommerce-account .dm-tresc table.shop_table .woocommerce-orders-table__cell-order-number a{
	font-weight:600;color:var(--ink);text-decoration:none;
}
.woocommerce-account .dm-tresc table.shop_table .woocommerce-orders-table__cell-order-actions{text-align:right}

/* Guziki w tabelach i formularzach konta */
.woocommerce-account .dm-tresc .woocommerce-MyAccount-content .button,
.woocommerce-account .dm-tresc .woocommerce-MyAccount-content button.button,
.woocommerce-account .dm-tresc .woocommerce-MyAccount-content input.button{
	display:inline-flex;align-items:center;justify-content:center;
	min-height:44px;padding:0 22px;margin:0;
	border:1.5px solid var(--linia);border-radius:35px;background:#fff;
	color:var(--ink);font:inherit;font-size:14px;font-weight:500;
	text-decoration:none !important;cursor:pointer;
	transition:border-color .2s ease,background .2s ease,color .2s ease;
}
.woocommerce-account .dm-tresc .woocommerce-MyAccount-content .button:hover{border-color:var(--ink);background:var(--ink);color:#fff}
/* Guzik zatwierdzający formularz — czarny */
.woocommerce-account .dm-tresc .woocommerce-MyAccount-content button[type=submit].button,
.woocommerce-account .dm-tresc .woocommerce-MyAccount-content input[type=submit].button{
	min-height:50px;padding:0 30px;border:0;background:#000;color:#fff;font-size:15px;
}
.woocommerce-account .dm-tresc .woocommerce-MyAccount-content button[type=submit].button:hover{background:var(--ink);color:#fff}

/* Pusta lista zamówień */
.woocommerce-account .dm-tresc .woocommerce-info,
.woocommerce-account .dm-tresc .woocommerce-message,
.woocommerce-account .dm-tresc .woocommerce-error{
	display:block;margin:0 0 22px;padding:16px 20px;
	border:1px solid var(--linia);border-left:4px solid var(--szalwia);border-radius:12px;
	background:#fff;color:var(--ink);font-size:16px;line-height:1.55;list-style:none;
}
.woocommerce-account .dm-tresc .woocommerce-error{border-left-color:#b3261e}
.woocommerce-account .dm-tresc .woocommerce-info::before,
.woocommerce-account .dm-tresc .woocommerce-message::before,
.woocommerce-account .dm-tresc .woocommerce-error::before{display:none}
.woocommerce-account .dm-tresc .woocommerce-info .button{margin-left:14px}

/* ── Adresy ──────────────────────────────────────────────────────────────── */

.woocommerce-account .dm-tresc .woocommerce-Addresses{
	display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:0;
}
.woocommerce-account .dm-tresc .woocommerce-Address{float:none;width:auto}
.woocommerce-account .dm-tresc .woocommerce-Address-title{
	display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin:0 0 10px;
}
.woocommerce-account .dm-tresc .woocommerce-Address-title h2,
.woocommerce-account .dm-tresc .woocommerce-Address-title h3{margin:0;font-size:18px}
.woocommerce-account .dm-tresc .woocommerce-Address address{
	margin:0;padding:18px 20px;border:1px solid var(--linia);border-radius:12px;background:#fff;
	font-style:normal;font-size:16px;line-height:1.65;color:var(--ink);
}

/* ── Formularze (adres, dane konta, logowanie, hasło) ────────────────────── */

.woocommerce-account .dm-tresc form .form-row{
	float:none;width:auto;margin:0 0 16px;padding:0;
}
.woocommerce-account .dm-tresc form .form-row-first{width:auto}
.woocommerce-account .dm-tresc form .form-row-last{width:auto}
.woocommerce-account .dm-tresc form .woocommerce-address-fields__field-wrapper,
.woocommerce-account .dm-tresc form.woocommerce-EditAccountForm{
	display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;
}
.woocommerce-account .dm-tresc form .form-row{grid-column:1 / -1}
.woocommerce-account .dm-tresc form .form-row-first{grid-column:1}
.woocommerce-account .dm-tresc form .form-row-last{grid-column:2}
.woocommerce-account .dm-tresc form fieldset{grid-column:1 / -1;margin:16px 0 0;padding:0;border:0;min-inline-size:0}
.woocommerce-account .dm-tresc form fieldset legend{margin-bottom:12px}
.woocommerce-account .dm-tresc form p:last-of-type{grid-column:1 / -1}

.woocommerce-account .dm-tresc form label{
	display:block;margin:0 0 6px;font-size:14px;font-weight:500;line-height:1.4;color:var(--mocny);
}
.woocommerce-account .dm-tresc form label.woocommerce-form__label-for-checkbox{
	display:flex;align-items:center;gap:10px;font-size:15px;font-weight:400;color:var(--ink);
}
.woocommerce-account .dm-tresc form label .required{color:#b3261e;text-decoration:none;visibility:visible}
.woocommerce .woocommerce-account .dm-tresc form .input-text,
.woocommerce-account .dm-tresc form .input-text,
.woocommerce-account .dm-tresc form select,
.woocommerce-account .dm-tresc form textarea{
	width:100%;min-height:46px;padding:12px 15px;
	border:1px solid #d1d5db;border-radius:10px;background:#fff;
	font:inherit;font-size:16px;line-height:1.35;color:var(--ink);box-shadow:none;
}
.woocommerce-account .dm-tresc form select{height:46px;padding:0 15px;line-height:normal}
.woocommerce-account .dm-tresc form .input-text:focus,
.woocommerce-account .dm-tresc form select:focus{outline:none;border-color:var(--ink)}
.woocommerce-account .dm-tresc form em,
.woocommerce-account .dm-tresc form .description{
	display:block;margin-top:6px;font-size:14px;font-style:normal;color:var(--tekst);
}
.woocommerce-account .dm-tresc .select2-container--default .select2-selection--single{
	height:46px;border:1px solid #d1d5db;border-radius:10px;background:#fff;
}
.woocommerce-account .dm-tresc .select2-container--default .select2-selection--single .select2-selection__rendered{
	line-height:44px;padding-left:15px;color:var(--ink);font-size:16px;
}
.woocommerce-account .dm-tresc .select2-container--default .select2-selection--single .select2-selection__arrow{height:44px;right:8px}

/* ── Logowanie i rejestracja (niezalogowany) ─────────────────────────────── */

.woocommerce-account .dm-tresc .u-columns.col2-set:not(.woocommerce-Addresses){
	display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:900px;margin:6px auto 0;
}
.woocommerce-account .dm-tresc .u-columns .col-1,
.woocommerce-account .dm-tresc .u-columns .col-2{float:none;width:auto}
.woocommerce-account .dm-tresc form.login,
.woocommerce-account .dm-tresc form.register{
	margin:0;padding:26px 24px;border:1px solid var(--linia);border-radius:var(--radius);background:#fff;
}
.woocommerce-account .dm-tresc .u-columns h2{margin:0 0 16px;font-size:22px;font-weight:500;color:var(--ink)}
.woocommerce-account .dm-tresc form.login .woocommerce-form-login__rememberme{
	display:inline-flex;align-items:center;gap:8px;margin:0 0 14px;font-size:15px;color:var(--tekst);
}
/* „Zapamiętaj mnie” i guzik siedzą w jednym `<p class="form-row">` — bez tego
   checkbox staje obok guzika w jednej linii. */
.woocommerce-account .dm-tresc form.login .form-row:has(.woocommerce-form-login__rememberme){
	display:flex;flex-direction:column;align-items:flex-start;
}
.woocommerce-account .dm-tresc .woocommerce-LostPassword{margin:12px 0 0;font-size:15px}
.woocommerce-account .dm-tresc .woocommerce-LostPassword a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.woocommerce-account .dm-tresc form.login button.button,
.woocommerce-account .dm-tresc form.register button.button,
.woocommerce-account .dm-tresc form.woocommerce-ResetPassword button.button{
	display:inline-flex;align-items:center;justify-content:center;
	min-height:50px;padding:0 30px;border:0;border-radius:35px;
	background:#000;color:#fff;font:inherit;font-size:15px;font-weight:500;cursor:pointer;
	transition:background .2s ease;
}
.woocommerce-account .dm-tresc form.login button.button:hover,
.woocommerce-account .dm-tresc form.register button.button:hover{background:var(--ink)}
.woocommerce-account .dm-tresc form.woocommerce-ResetPassword{
	max-width:520px;margin:6px auto 0;padding:26px 24px;
	border:1px solid var(--linia);border-radius:var(--radius);background:#fff;
}

/* Podgląd hasła — WooCommerce wstawia guzik „oko” w polu */
.woocommerce-account .dm-tresc .password-input{display:block;position:relative}
.woocommerce-account .dm-tresc .show-password-input{
	position:absolute;right:14px;top:50%;transform:translateY(-50%);
	color:var(--tekst);background:none;border:0;padding:0;cursor:pointer;
}

/* ── Wąskie ekrany ───────────────────────────────────────────────────────── */

@media (max-width:1000px){
	.woocommerce-account .dm-tresc .woocommerce{grid-template-columns:minmax(0,1fr);gap:28px 0}
	.woocommerce-account .dm-tresc .woocommerce > .woocommerce-MyAccount-content{grid-column:1}
	.woocommerce-account .woocommerce-MyAccount-navigation ul{
		display:flex;flex-wrap:wrap;gap:4px;
	}
	.woocommerce-account .woocommerce-MyAccount-navigation li--customer-logout{
		margin:0;padding:0;border:0;margin-left:auto;
	}
}

@media (max-width:720px){
	/* Lista zamówień jako karta: numer i kwota w jednym rzędzie, pod spodem
	   data, status i guzik. Przypisania są jawne, bo kolejność komórek
	   w tabeli (numer, data, status, kwota, akcje) nie jest kolejnością,
	   w jakiej chcemy je czytać na telefonie. */
	.woocommerce-account .dm-tresc table.shop_table thead{display:none}
	.woocommerce-account .dm-tresc table.shop_table tbody tr{
		grid-template-columns:minmax(0,1fr) auto;gap:6px 14px;padding:18px 0;
	}
	.woocommerce-account .dm-tresc table.shop_table .woocommerce-orders-table__cell-order-number{grid-column:1;grid-row:1}
	.woocommerce-account .dm-tresc table.shop_table .woocommerce-orders-table__cell-order-total{grid-column:2;grid-row:1;text-align:right;white-space:nowrap}
	.woocommerce-account .dm-tresc table.shop_table .woocommerce-orders-table__cell-order-date{grid-column:1 / -1;grid-row:2;font-size:15px;color:var(--tekst)}
	.woocommerce-account .dm-tresc table.shop_table .woocommerce-orders-table__cell-order-status{grid-column:1 / -1;grid-row:3;font-size:15px;color:var(--tekst)}
	.woocommerce-account .dm-tresc table.shop_table .woocommerce-orders-table__cell-order-actions{grid-column:1 / -1;grid-row:4;text-align:left;margin-top:8px}

	/* WooCommerce wyrównuje komórki responsywnej tabeli do prawej (pod
	   `data-title`, którego nie używamy) — wracamy do lewej. */
	.woocommerce-account .dm-tresc table.shop_table .woocommerce-orders-table__cell-order-date,
	.woocommerce-account .dm-tresc table.shop_table .woocommerce-orders-table__cell-order-status,
	.woocommerce-account .dm-tresc table.shop_table .woocommerce-orders-table__cell-order-actions{text-align:left}

	/* Komunikat z guzikiem (np. potwierdzenie adresu e-mail): guzik stoi
	   w znacznikach PRZED tekstem, więc na telefonie przesuwamy go na koniec. */
	.woocommerce-account .dm-tresc .woocommerce-info,
	.woocommerce-account .dm-tresc .woocommerce-message{display:flex;flex-direction:column;align-items:flex-start}
	.woocommerce-account .dm-tresc .woocommerce-info .button,
	.woocommerce-account .dm-tresc .woocommerce-message .button{float:none;order:2;margin:14px 0 0}
	.woocommerce-account .dm-tresc .woocommerce-Addresses{grid-template-columns:1fr}
	.woocommerce-account .dm-tresc .u-columns.col2-set:not(.woocommerce-Addresses){grid-template-columns:1fr}
	.woocommerce-account .dm-tresc form .woocommerce-address-fields__field-wrapper,
	.woocommerce-account .dm-tresc form.woocommerce-EditAccountForm{grid-template-columns:1fr}
	.woocommerce-account .dm-tresc form .form-row-first,
	.woocommerce-account .dm-tresc form .form-row-last{grid-column:1 / -1}
	.dm-konto__kafle{grid-template-columns:1fr}
}