/**
 * CarGirlSociety - My Account Styling
 *
 * Wird nur auf /mein-konto/ geladen (via is_account_page()).
 */

.woocommerce-account .woocommerce {
	display: grid;
	grid-template-columns: 240px minmax(0, 1fr);
	gap: clamp(1.5rem, 3vw, 2.5rem);
	padding-block: clamp(2rem, 5vw, 4rem);
}
@media (max-width: 780px) {
	.woocommerce-account .woocommerce {
		grid-template-columns: 1fr;
	}
}

/* Sidebar-Navigation */
.woocommerce-account .woocommerce-MyAccount-navigation {
	width: auto !important;
	float: none !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
	list-style: none;
	padding: 0.75rem;
	margin: 0;
	background: var(--cgs-c-bg-elevated);
	border: 1px solid var(--cgs-c-border);
	border-radius: var(--cgs-radius-lg);
	position: sticky;
	top: 100px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
	margin: 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
	display: flex;
	align-items: center;
	padding: 0.625rem 0.875rem;
	border-radius: var(--cgs-radius-md);
	color: var(--cgs-c-text-muted);
	font-size: 0.875rem;
	font-weight: 500;
	transition: background var(--cgs-dur) var(--cgs-ease),
	            color var(--cgs-dur) var(--cgs-ease);
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
	background: var(--cgs-c-primary-soft);
	color: var(--cgs-c-primary);
}

/* Content-Bereich */
.woocommerce-account .woocommerce-MyAccount-content {
	width: auto !important;
	float: none !important;
	background: var(--cgs-c-bg-elevated);
	border: 1px solid var(--cgs-c-border);
	border-radius: var(--cgs-radius-lg);
	padding: clamp(1.5rem, 3vw, 2.25rem);
}
.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-account .woocommerce-MyAccount-content h3 {
	font-family: var(--cgs-font-display);
	margin-top: 0;
}

/* Addresses Grid */
.woocommerce-account .addresses {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1.5rem;
}
@media (max-width: 560px) {
	.woocommerce-account .addresses {
		grid-template-columns: 1fr;
	}
}
.woocommerce-account .addresses .woocommerce-Address {
	width: auto !important;
	float: none !important;
	padding: 1.25rem;
	background: var(--cgs-c-bg-overlay);
	border: 1px solid var(--cgs-c-border);
	border-radius: var(--cgs-radius-md);
}

/* Login-Forms */
.woocommerce-account:not(.logged-in) .woocommerce {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(1.5rem, 3vw, 2.5rem);
	max-width: 900px;
	margin-inline: auto;
}
@media (max-width: 780px) {
	.woocommerce-account:not(.logged-in) .woocommerce {
		grid-template-columns: 1fr;
	}
}

.woocommerce-account form.login,
.woocommerce-account form.register {
	width: auto !important;
	float: none !important;
	padding: 2rem;
	background: var(--cgs-c-bg-elevated);
	border: 1px solid var(--cgs-c-border);
	border-radius: var(--cgs-radius-lg);
	margin: 0;
}
.woocommerce-account form.login h2,
.woocommerce-account form.register h2 {
	font-family: var(--cgs-font-display);
	margin-top: 0;
}

.woocommerce-account .woocommerce-form__label-for-checkbox {
	display: inline-flex;
	gap: 0.5rem;
	align-items: center;
	font-size: 0.875rem;
}
.woocommerce-account .woocommerce-LostPassword {
	text-align: right;
	margin-top: 0.5rem;
	font-size: 0.875rem;
}

/* Orders Table in My Account */
.woocommerce-orders-table {
	border-radius: var(--cgs-radius-lg);
	overflow: hidden;
}