/* ==========================================================================
   Konto klienta (my-account) — 1:1 wg mockup/konto.html
   Ładowane tylko na is_account_page(). Tokeny z tokens.css.
   ========================================================================== */

/* Wyłamanie z kontenera Astra (zalogowane konto) → pełna szerokość,
   treść wyrównana do --maxw + --pad, identycznie jak header/footer. */
body.woocommerce-account.logged-in #content > .ast-container,
body.woocommerce-account.logged-in #primary,
body.woocommerce-account.logged-in #primary > .ast-article-single,
body.woocommerce-account.logged-in .entry-content,
body.woocommerce-account.logged-in article.page,
body.woocommerce-account.logged-in .woocommerce {
	display: block !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
}
body.woocommerce-account.logged-in .entry-header,
body.woocommerce-account.logged-in .ast-archive-description,
body.woocommerce-account.logged-in .entry-title,
body.woocommerce-account.logged-in .page-title { display: none !important; }

/* Breadcrumb (Home / Mein Konto) — wg mockupu, wyrównany do kontenera */
.acc-crumb.crumb {
	max-width: var(--maxw);
	margin-inline: auto;
	padding-inline: var(--pad);
	font-family: var(--mono);
	font-size: 12px;
	color: #7c7f84;
	padding-block: 18px 0;
}
.acc-crumb.crumb a { text-decoration: none; color: #7c7f84; }
.acc-crumb.crumb a:hover { color: var(--signal); }
.acc-crumb.crumb span { color: #bdb8ad; margin: 0 7px; }
.acc-crumb.crumb .cur { color: var(--ink); margin-left: 0; }

/* Layout: sidebar + treść — pełna szerokość kontenera (--maxw), jak header/footer */
.woocommerce .account,
.account {
	display: grid;
	grid-template-columns: 240px minmax(0, 1fr);
	gap: 40px;
	max-width: var(--maxw);
	margin-inline: auto;
	padding-block: 24px 80px;
	padding-inline: var(--pad);
	align-items: start;
}

/* KASUJEMY domyślny układ WooCommerce (float + width:30%/68%), który ścinał
   kolumny wewnątrz gridu. Nadrzędne nad woocommerce-layout.css. */
.woocommerce-account .woocommerce .account .acc-nav,
.account .acc-nav,
.account .woocommerce-MyAccount-content,
.account .acc-main {
	float: none;
	width: auto;
	margin: 0;
}

/* Sidebar nawigacji */
.acc-nav {
	border: 1px solid #e2ddd3;
	border-radius: var(--r);
	background: var(--paper);
	overflow: hidden;
	position: sticky;
	top: 90px;
}
.acc-nav a {
	display: flex;
	align-items: center;
	gap: 11px;
	padding: 13px 16px;
	font-size: 14px;
	color: #4a4d52;
	border-bottom: 1px solid #ece7dd;
	transition: .15s;
	text-decoration: none;
}
.acc-nav a:last-child { border-bottom: none; }
.acc-nav a:hover { background: var(--bone); }
.acc-nav a.on { color: var(--ink); font-weight: 600; box-shadow: inset 3px 0 0 var(--signal); }
.acc-nav a svg { width: 17px; height: 17px; color: #9a9388; flex: none; }
.acc-nav a.on svg { color: var(--signal); }
.acc-nav a.acc-logout { color: #9a9388; }

/* Powitanie */
.acc-main { min-width: 0; }
.acc-welcome { margin-bottom: 22px; }
.acc-welcome h1 {
	font-family: var(--display);
	font-weight: 800;
	font-size: clamp(24px, 3vw, 34px);
	letter-spacing: -.015em;
	margin: 0;
}
.acc-welcome p { color: #7a7e83; font-size: 14px; margin-top: 4px; }

/* Statystyki */
.stats {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 14px;
	margin-bottom: 24px;
}
.stat {
	border: 1px solid #e2ddd3;
	border-radius: var(--r);
	background: var(--paper);
	padding: 18px;
}
.stat .k {
	font-family: var(--mono);
	font-size: 11px;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: #7a7e83;
}
.stat .v { font-family: var(--display); font-weight: 800; font-size: 26px; margin-top: 6px; }

/* Panele (zamówienia / adresy) */
.panel {
	border: 1px solid #e2ddd3;
	border-radius: var(--r);
	background: var(--paper);
	overflow: hidden;
	margin-bottom: 22px;
}
.panel-h {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 16px 20px;
	border-bottom: 1px solid #ece7dd;
}
.panel-h h3 { font-family: var(--display); font-weight: 700; font-size: 16px; margin: 0; }
.panel-h a { font-size: 13px; color: var(--signal); text-decoration: none; }

/* Tabela zamówień */
table.orders { width: 100%; border-collapse: collapse; margin: 0; }
table.orders th {
	text-align: left;
	font-family: var(--mono);
	font-size: 11px;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: #7a7e83;
	padding: 12px 20px;
	border-bottom: 1px solid #ece7dd;
}
table.orders td {
	padding: 14px 20px;
	border-bottom: 1px solid #ece7dd;
	font-size: 14px;
	vertical-align: middle;
}
table.orders tr:last-child td { border-bottom: none; }
table.orders td.mono { font-family: var(--mono); }

.ostatus {
	font-family: var(--mono);
	font-size: 11px;
	font-weight: 600;
	padding: 3px 9px;
	border-radius: 20px;
	white-space: nowrap;
}
.ostatus.done { background: #e6f1ea; color: var(--ok); }
.ostatus.ship { background: #fdeee6; color: var(--signal-deep); }
.ostatus.cancel { background: #efe9e9; color: #8a6d6d; }

.tlink { color: var(--signal); font-weight: 600; font-size: 13px; text-decoration: none; white-space: nowrap; }
.tlink:hover { text-decoration: underline; }

/* Adresy */
.addr-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; padding: 20px; }
.addr { border: 1px solid #e2ddd3; border-radius: var(--r); padding: 16px; font-size: 14px; line-height: 1.7; }
.addr .tag {
	font-family: var(--mono);
	font-size: 10px;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--signal);
	display: block;
	margin-bottom: 8px;
}
.addr address { font-style: normal; }

/* Pusty stan */
.acc-empty { padding: 28px 20px; text-align: center; }
.acc-empty p { color: #7a7e83; font-size: 14px; margin: 0 0 14px; }

/* Responsywność */
@media (max-width: 860px) {
	.woocommerce .account,
	.account { grid-template-columns: 1fr; gap: 24px; }
	.acc-nav { position: static; }
}
@media (max-width: 560px) {
	.stats, .addr-grid { grid-template-columns: 1fr; }
}