/* ============================================================
   Mein Konto (WooCommerce My Account) — Layout & Login-Card.
   Das Theme entfernt die WC-Core-Styles; der [woocommerce_my_account]-
   Inhalt bringt keinen eigenen Container mit, daher hier zentriert und
   begrenzt. Nur .woocommerce-account-Seiten betroffen.
   ============================================================ */

.woocommerce-account .woocommerce {
	max-width: 960px;
	margin: 2.5rem auto;
	padding: 0 1.5rem;
	width: 100%;
	box-sizing: border-box;
}

/* Ausgeloggt: nur das Login-Formular -> schmale, zentrierte Card */
.woocommerce-account:not(.logged-in) .woocommerce {
	max-width: 460px;
}

.woocommerce-account h2,
.woocommerce-account h3 {
	font-weight: 600;
	color: var(--ink);
	font-size: 1.15rem;
	margin: 0 0 1rem;
}

/* Login-Card */
.woocommerce-form-login {
	background: var(--card);
	border: 1px solid var(--border);
	border-radius: var(--r-lg);
	padding: 1.75rem;
	box-shadow: var(--shadow-sm);
}
.woocommerce-form-login .form-row { margin-bottom: 1rem; }
.woocommerce-form-login label { display: block; font-size: 0.8rem; font-weight: 500; color: var(--ink); margin-bottom: 0.35rem; }
.woocommerce-form-login .woocommerce-form-login__rememberme { font-size: 0.8rem; color: var(--mute); font-weight: 400; }
.woocommerce-form-login .woocommerce-form-login__submit { width: 100%; margin-top: 0.25rem; }
.woocommerce-LostPassword { margin-top: 1rem; font-size: 0.8rem; }
.woocommerce-LostPassword a { color: var(--trust); }

/* Dashboard-Navigation (eingeloggt) */
.woocommerce-MyAccount-navigation ul {
	list-style: none;
	margin: 0 0 1.75rem;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
	border-bottom: 1px solid var(--border);
}
.woocommerce-MyAccount-navigation a {
	display: inline-block;
	padding: 0.6rem 0.95rem;
	font-size: 0.875rem;
	color: var(--mute);
	text-decoration: none;
	border-radius: var(--r-sm) var(--r-sm) 0 0;
	border-bottom: 2px solid transparent;
	margin-bottom: -1px;
}
.woocommerce-MyAccount-navigation a:hover { color: var(--ink); background: var(--subtle); }
.woocommerce-MyAccount-navigation li.is-active a {
	color: var(--ink);
	font-weight: 600;
	border-bottom-color: var(--trust);
	background: var(--card);
}

.woocommerce-MyAccount-content { font-size: 0.9rem; color: var(--ink); line-height: 1.6; }
.woocommerce-MyAccount-content a:not(.button) { color: var(--trust); }

@media (min-width: 48rem) {
	.woocommerce-account.logged-in .woocommerce-MyAccount-navigation {
		float: left;
		width: 30%;
	}
	.woocommerce-account.logged-in .woocommerce-MyAccount-content {
		float: right;
		width: 66%;
	}
	.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul {
		flex-direction: column;
		border-bottom: 0;
		gap: 0.15rem;
	}
	.woocommerce-account.logged-in .woocommerce-MyAccount-navigation a {
		border-radius: var(--r-sm);
		border-bottom: 0;
		margin-bottom: 0;
	}
	.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li.is-active a {
		background: var(--subtle);
	}
	/* Nav als Karte */
	.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul {
		background: var(--card);
		border: 1px solid var(--border);
		border-radius: var(--r-lg);
		padding: 0.5rem;
		box-shadow: var(--shadow-sm);
	}
}

/* ============================================================
   Konto (eingeloggt) — Feinschliff für B2B & B2C
   ============================================================ */

.woocommerce-account.logged-in .woocommerce-MyAccount-navigation a { font-weight: 500; }
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li.is-active a {
	background: color-mix(in srgb, var(--trust) 8%, var(--card));
	color: var(--trust);
	box-shadow: inset 3px 0 0 var(--trust);
}

/* Dashboard-Text */
.woocommerce-MyAccount-content p { margin: 0 0 1rem; }
.woocommerce-MyAccount-content strong { color: var(--ink); }

/* Bestell-Tabelle im AHENK-Look */
.woocommerce-orders-table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid var(--border);
	border-radius: var(--r-md);
	overflow: hidden;
	background: var(--card);
	font-size: 0.85rem;
	box-shadow: var(--shadow-sm);
}
.woocommerce-orders-table th {
	background: var(--subtle);
	text-align: left;
	font-weight: 600;
	color: var(--ink);
	padding: 0.7rem 0.85rem;
	font-size: 0.68rem;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}
.woocommerce-orders-table td {
	padding: 0.85rem;
	border-top: 1px solid var(--border);
	vertical-align: middle;
	color: var(--ink);
}
.woocommerce-orders-table .woocommerce-orders-table__cell-order-number a { color: var(--trust); font-weight: 700; }
.woocommerce-orders-table__cell-order-actions { text-align: right; white-space: nowrap; }

/* Buttons im Konto: kompakt + Markenlook (statt großer Blöcke) */
.woocommerce-MyAccount-content .woocommerce-button,
.woocommerce-MyAccount-content a.button,
.woocommerce-MyAccount-content .button {
	display: inline-block;
	width: auto;
	padding: 0.45rem 0.9rem;
	font-size: 0.8rem;
	font-weight: 600;
	line-height: 1.2;
	border-radius: var(--r-sm);
	background: var(--cta);
	color: #fff;
	border: 0;
	text-decoration: none;
	margin: 0.15rem 0 0.15rem 0.35rem;
	transition: filter 0.15s ease;
}
.woocommerce-MyAccount-content a.button.view { background: var(--trust); }
.woocommerce-MyAccount-content .woocommerce-button:hover,
.woocommerce-MyAccount-content .button:hover { filter: brightness(1.06); }

/* Hinweisboxen dezent statt grellem Block */
.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-info,
.woocommerce-account .woocommerce-notice {
	background: color-mix(in srgb, var(--trust) 5%, var(--card));
	border: 1px solid var(--border);
	border-left: 3px solid var(--trust);
	border-radius: var(--r-sm);
	padding: 0.85rem 1rem;
	font-size: 0.85rem;
	color: var(--ink);
	margin-bottom: 1.25rem;
	box-shadow: none;
	list-style: none;
}

/* Bestell-Tabelle mobil: sauber gestapelt */
@media (max-width: 48rem) {
	.woocommerce-orders-table thead { display: none; }
	.woocommerce-orders-table tr { display: block; border-top: 1px solid var(--border); padding: 0.5rem 0; }
	.woocommerce-orders-table td {
		display: flex; justify-content: space-between; align-items: center;
		gap: 1rem; border: 0; padding: 0.4rem 0.85rem; text-align: right;
	}
	.woocommerce-orders-table td::before {
		content: attr(data-title);
		font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.04em;
		color: var(--mute); font-weight: 600; text-align: left;
	}
	.woocommerce-orders-table__cell-order-actions { justify-content: flex-end; }
}