/* ==========================================================================
   PeTreaba — Contul meu (încărcat doar pe paginile contului)
   ========================================================================== */

/* Așezare: meniu stânga + conținut */
.woocommerce-account .cs-wc-content > .woocommerce {
	display: grid;
	grid-template-columns: 250px minmax(0, 1fr);
	gap: 32px;
	align-items: start;
}
.woocommerce-account .cs-wc-content > .woocommerce::before,
.woocommerce-account .cs-wc-content > .woocommerce::after { display: none; }
.woocommerce-account .cs-wc-content > .woocommerce > :not(.woocommerce-MyAccount-navigation):not(.woocommerce-MyAccount-content) { grid-column: 1 / -1; }
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content { float: none; width: auto; }

/* Meniu */
.woocommerce-MyAccount-navigation {
	padding: 10px;
	border: 1px solid var(--cs-border);
	border-radius: var(--cs-r-md);
	background: var(--cs-surface);
}
.woocommerce-MyAccount-navigation ul { margin: 0; padding: 0; list-style: none; }
.woocommerce-MyAccount-navigation li a {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 11px 12px;
	border-radius: var(--cs-r);
	color: var(--cs-text);
	font-size: 14px;
	font-weight: 600;
}
.woocommerce-MyAccount-navigation li a::before {
	content: "";
	flex: none;
	width: 18px;
	height: 18px;
	background: currentColor;
	-webkit-mask: var(--cs-ico) center / contain no-repeat;
	mask: var(--cs-ico) center / contain no-repeat;
	opacity: .75;
}
.woocommerce-MyAccount-navigation li a:hover { background: var(--cs-bg); color: var(--cs-text); }
.woocommerce-MyAccount-navigation li.is-active a { background: var(--cs-brand); color: #fff; }
.woocommerce-MyAccount-navigation li.is-active a::before { opacity: 1; }
.woocommerce-MyAccount-navigation-link--customer-logout { margin-top: 6px; padding-top: 6px; border-top: 1px solid var(--cs-border-soft); }
.woocommerce-MyAccount-navigation-link--customer-logout a { color: var(--cs-muted); }

/* Iconițe (măști SVG, colorate cu culoarea textului) */
.woocommerce-MyAccount-navigation li a { --cs-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3C/svg%3E"); }
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--dashboard a { --cs-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h7v7H4zM13 4h7v4h-7zM13 10h7v10h-7zM4 13h7v7H4z'/%3E%3C/svg%3E"); }
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--orders a { --cs-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7.5 12 3l9 4.5v9L12 21l-9-4.5z'/%3E%3Cpath d='M3 7.5 12 12l9-4.5M12 12v9'/%3E%3C/svg%3E"); }
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--downloads a { --cs-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v11M7 10l5 5 5-5M5 20h14'/%3E%3C/svg%3E"); }
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--edit-address a { --cs-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6.2-7-11.5a7 7 0 0 1 14 0C19 14.8 12 21 12 21z'/%3E%3Ccircle cx='12' cy='9.5' r='2.5'/%3E%3C/svg%3E"); }
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--payment-methods a { --cs-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E"); }
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--edit-account a { --cs-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4 3.6-7 8-7s8 3 8 7'/%3E%3C/svg%3E"); }
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a { --cs-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 4h4v16h-4M10 8l-4 4 4 4M6 12h10'/%3E%3C/svg%3E"); }

/* Conținut */
.woocommerce-MyAccount-content > p:first-child { margin-top: 0; }
.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3,
.woocommerce-MyAccount-content legend { font-size: 20px; }
.woocommerce-MyAccount-content mark { padding: 0 3px; border-radius: 2px; background: var(--cs-brand-tint); color: var(--cs-text); font-weight: 600; }

/* Panou: scurtături */
.cs-account-cards {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	gap: 12px;
	margin: 24px 0 0;
	padding: 0;
	list-style: none;
}
.cs-account-card {
	display: flex;
	align-items: center;
	gap: 14px;
	height: 100%;
	padding: 18px;
	border: 1px solid var(--cs-border);
	border-radius: var(--cs-r-md);
	background: var(--cs-surface);
	color: var(--cs-text);
	transition: border-color var(--cs-ease), transform var(--cs-ease);
}
.cs-account-card:hover { border-color: var(--cs-accent); transform: translateY(-2px); color: var(--cs-text); }
.cs-account-card__icon { display: flex; flex: none; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 50%; background: var(--cs-brand-tint); color: var(--cs-brand); }
.cs-account-card strong { display: block; font-size: 15px; }
.cs-account-card strong + span { display: block; font-size: 13px; color: var(--cs-muted); }

/* Comenzi */
.woocommerce-account table.my_account_orders { font-size: 14px; }
.woocommerce-account table.my_account_orders .woocommerce-orders-table__cell-order-number a { font-weight: 700; }
.woocommerce-account table.my_account_orders .button { min-height: 34px; margin: 2px 4px 2px 0; padding: 6px 14px; font-size: 13px; }
.woocommerce-orders-table__cell-order-status { font-weight: 600; }
.woocommerce-account .woocommerce-pagination { display: flex; justify-content: space-between; margin-top: 16px; }
.woocommerce-account .order-again .button { min-height: 46px; }
.woocommerce-account .woocommerce-OrderUpdates { padding: 0; list-style: none; }
.woocommerce-account .woocommerce-OrderUpdate { padding: 14px 16px; border-left: 3px solid var(--cs-brand); background: var(--cs-surface); }

/* Stări goale (fără comenzi / descărcări): avizul WooCommerce arătat ca o stare goală */
/* Doar ultimul aviz (ex. „Nicio comandă”); avizele de dinainte rămân avize obișnuite. */
.woocommerce-MyAccount-content > .woocommerce-info:last-child,
.woocommerce-MyAccount-content > .woocommerce-message--info:last-child {
	flex-direction: column;
	align-items: center;
	gap: 14px;
	padding: 48px 28px 40px;
	border: 1px solid var(--cs-border);
	border-radius: var(--cs-r-md);
	background: var(--cs-surface-warm);
	text-align: center;
	font-size: 16px;
	font-weight: 600;
}
.woocommerce-MyAccount-content > .woocommerce-info:last-child::before,
.woocommerce-MyAccount-content > .woocommerce-message--info:last-child::before {
	position: static;
	transform: none;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background: var(--cs-brand-tint);
	font-size: 26px;
}
.woocommerce-MyAccount-content > .woocommerce-info:last-child .button,
.woocommerce-MyAccount-content > .woocommerce-message--info:last-child .button { order: 3; margin: 4px 0 0; min-height: 46px; padding: 12px 22px; font-size: 15px; }

/* Adrese */
.woocommerce-account .woocommerce-Addresses { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px; margin-top: 16px; }
.woocommerce-account .woocommerce-Addresses::before,
.woocommerce-account .woocommerce-Addresses::after { display: none; }
.woocommerce-account .woocommerce-Addresses .woocommerce-Address {
	float: none;
	width: auto;
	padding: 20px;
	border: 1px solid var(--cs-border);
	border-radius: var(--cs-r-md);
	background: var(--cs-surface);
}
.woocommerce-account .woocommerce-Address-title { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 8px; margin-bottom: 10px; }
.woocommerce-account .woocommerce-Address-title::before,
.woocommerce-account .woocommerce-Address-title::after { display: none; }
.woocommerce-account .woocommerce-Address-title h2,
.woocommerce-account .woocommerce-Address-title h3 { margin: 0; font-size: 17px; }
.woocommerce-account .woocommerce-Address-title .edit { float: none; font-size: 13px; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.woocommerce-account .woocommerce-Address address { font-style: normal; line-height: 1.7; color: var(--cs-muted); }

/* Formulare (adresă, detalii cont) */
.woocommerce-MyAccount-content form .form-row-first,
.woocommerce-MyAccount-content form .form-row-last { width: 48.5%; }
.woocommerce-MyAccount-content fieldset { margin-top: 24px; padding: 20px; background: var(--cs-surface); }
.woocommerce-MyAccount-content .woocommerce-address-fields,
.woocommerce-MyAccount-content .woocommerce-EditAccountForm { max-width: 720px; }
.woocommerce-MyAccount-content form .button { min-width: 200px; margin-top: 8px; }
.woocommerce form .password-input { display: flex; position: relative; }
.woocommerce form .show-password-input { top: 50%; right: 12px; transform: translateY(-50%); }
.woocommerce-password-strength { margin-top: 8px; padding: 8px 12px; border-radius: var(--cs-r); font-size: 13px; }
.woocommerce-password-strength.strong { background: #e3f1e7; color: var(--cs-stock); }
.woocommerce-password-strength.short,
.woocommerce-password-strength.bad { background: #fbe3e1; color: var(--cs-danger); }
.woocommerce-password-strength.good { background: var(--cs-accent-tint); color: var(--cs-accent-ink); }
.woocommerce-password-hint { display: block; margin-top: 6px; font-size: 12px; color: var(--cs-muted); }

/* Neautentificat: login + înregistrare, parolă uitată / resetare */
.woocommerce-account #customer_login { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 24px; }
.woocommerce-account #customer_login::before,
.woocommerce-account #customer_login::after { display: none; }
.woocommerce-account #customer_login .u-column1,
.woocommerce-account #customer_login .u-column2 {
	float: none;
	width: auto;
	padding: 28px;
	border: 1px solid var(--cs-border);
	border-radius: var(--cs-r-md);
	background: var(--cs-surface);
}
.woocommerce-account #customer_login h2 { margin-top: 0; font-size: 22px; }
.woocommerce-account form.login,
.woocommerce-account form.register { margin: 0; padding: 0; border: 0; background: none; }
.woocommerce-account form.login,
.woocommerce-account form.register,
.woocommerce-account form.lost_reset_password { border-radius: 0; }
.woocommerce-account .woocommerce-form-login__rememberme { display: inline-flex; align-items: center; gap: 8px; margin-right: 12px; font-weight: 500; }
.woocommerce-account .woocommerce-form-login__submit,
.woocommerce-account .woocommerce-form-register__submit { width: 100%; min-height: 50px; margin: 12px 0 0 !important; }
.woocommerce-account .woocommerce-LostPassword { margin: 14px 0 0; font-size: 14px; }
.woocommerce-account .woocommerce-LostPassword a { text-decoration: underline; text-underline-offset: 3px; }
.woocommerce-account .woocommerce-privacy-policy-text { font-size: 13px; color: var(--cs-muted); }
/* Fără coloana de meniu (utilizator neautentificat): conținutul pe toată lățimea */
.woocommerce-account:not(.logged-in) .cs-wc-content > .woocommerce { display: block; }
.woocommerce-account form.lost_reset_password {
	max-width: 520px;
	padding: 28px;
	border: 1px solid var(--cs-border);
	border-radius: var(--cs-r-md);
	background: var(--cs-surface);
}
.woocommerce-account form.lost_reset_password .form-row-first { float: none; width: 100%; }
.woocommerce-account form.lost_reset_password .button { width: 100%; min-height: 50px; }

@media (max-width: 899px) {
	.woocommerce-account .cs-wc-content > .woocommerce { grid-template-columns: 1fr; gap: 20px; }
	/* Meniul devine un rând care se derulează orizontal */
	.woocommerce-MyAccount-navigation { padding: 6px; overflow-x: auto; }
	.woocommerce-MyAccount-navigation ul { display: flex; gap: 4px; width: max-content; }
	.woocommerce-MyAccount-navigation li a { padding: 9px 12px; white-space: nowrap; }
	.woocommerce-MyAccount-navigation-link--customer-logout { margin: 0; padding: 0; border: 0; }
	.woocommerce-MyAccount-content form .form-row-first,
	.woocommerce-MyAccount-content form .form-row-last { float: none; width: 100%; }
	.woocommerce-account table.my_account_orders.shop_table_responsive tr { display: block; padding: 8px 0; border-top: 1px solid var(--cs-border-soft); }
	.woocommerce-account #customer_login .u-column1,
	.woocommerce-account #customer_login .u-column2 { padding: 20px; }
}
