/* Atarinaji My Account overhaul — self-contained (own :root tokens). */

@keyframes atarinaji-acc-fade-in-up { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:translateY(0); } }

:root {
	--ata-bg: oklch(96% 0.015 75);
	--ata-surface: oklch(99% 0.005 70);
	--ata-surface-alt: oklch(94% 0.02 70);
	--ata-border: oklch(88% 0.015 60);
	--ata-border-soft: oklch(90% 0.012 60);
	--ata-text: oklch(24% 0.02 50);
	--ata-text-medium: oklch(30% 0.02 50);
	--ata-text-muted: oklch(55% 0.015 55);
	--ata-accent: oklch(52% 0.13 150);
	--ata-accent-dark: oklch(38% 0.1 150);
	--ata-accent-soft: oklch(94% 0.03 145);
	--ata-danger: oklch(50% 0.15 25);
	--ata-danger-soft: oklch(94% 0.03 30);
	--ata-shadow-sm: 0 6px 18px -14px oklch(0% 0 0 / 0.22);
	--ata-shadow-lg: 0 20px 40px -18px oklch(0% 0 0 / 0.28);
	--ata-brand-bg: oklch(24% 0.045 150);
	--ata-brand-text: oklch(96% 0.02 90);
	--ata-brand-icon: oklch(78% 0.13 85);
}

.atarinaji-account-page-wrap {
	font-family: 'Vazirmatn', sans-serif;
	min-height: 100vh;
	background: var(--ata-bg);
	padding: clamp(20px, 4vw, 48px) clamp(16px, 4vw, 56px) 80px;
}
.atarinaji-account-page-wrap * { box-sizing: border-box; }
.atarinaji-account-page-wrap a { text-decoration: none; }

.atarinaji-account-root { max-width: 1100px; margin: 0 auto; }

.atarinaji-account-heading { display: flex; align-items: center; gap: 10px; margin-bottom: 22px; }
.atarinaji-account-heading .material-symbols-outlined { font-size: 26px; color: var(--ata-accent); }
.atarinaji-account-heading h1 { margin: 0; font-size: clamp(20px, 3vw, 26px); font-weight: 800; color: var(--ata-text); }

/* ---------- Layout: nav sidebar + content ---------- */
.atarinaji-account-layout { display: grid; grid-template-columns: 272px 1fr; gap: 24px; align-items: start; }
/* WooCommerce's own woocommerce-layout-rtl.css ships legacy float-based
   two-column rules (.woocommerce-account .woocommerce-MyAccount-navigation
   { float:right; width:30% } / .woocommerce-MyAccount-content { float:left;
   width:68% }) at equal specificity, loaded after this file — it was
   shrinking both grid items to a fraction of their track and misaligning
   them. Floats are void on grid items, but the widths still applied. */
.atarinaji-account-layout .atarinaji-account-nav,
.atarinaji-account-layout .atarinaji-account-content {
	float: none !important; width: auto !important;
}

.woocommerce-MyAccount-navigation.atarinaji-account-nav {
	background: var(--ata-surface); border-radius: 18px; padding: 12px;
	box-shadow: var(--ata-shadow-sm); position: sticky; top: 20px; min-width: 0;
}
.atarinaji-account-nav ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 2px; }
.atarinaji-account-nav li { margin: 0; }
.atarinaji-account-nav a {
	display: flex; align-items: center; gap: 10px; padding: 11px 12px; border-radius: 12px;
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
	font-size: 13.5px; font-weight: 600; color: var(--ata-text-medium); transition: background .15s ease, color .15s ease;
}
.atarinaji-account-nav a .material-symbols-outlined { font-size: 19px; color: var(--ata-text-muted); flex-shrink: 0; }
.atarinaji-account-nav li:hover a { background: var(--ata-surface-alt); color: var(--ata-text); }
.atarinaji-account-nav li.is-active a, .atarinaji-account-nav a[aria-current="page"] {
	background: var(--ata-accent-soft); color: var(--ata-accent-dark); font-weight: 700;
}
.atarinaji-account-nav li.is-active a .material-symbols-outlined,
.atarinaji-account-nav a[aria-current="page"] .material-symbols-outlined { color: var(--ata-accent-dark); }
.atarinaji-account-nav li.woocommerce-MyAccount-navigation-link--customer-logout { border-top: 1px solid var(--ata-border-soft); margin-top: 6px; padding-top: 6px; }
.atarinaji-account-nav li.woocommerce-MyAccount-navigation-link--customer-logout a { color: var(--ata-danger); }
.atarinaji-account-nav li.woocommerce-MyAccount-navigation-link--customer-logout a .material-symbols-outlined { color: var(--ata-danger); }

.atarinaji-account-content {
	background: var(--ata-surface); border-radius: 18px; padding: clamp(20px, 3vw, 32px);
	box-shadow: var(--ata-shadow-sm); color: var(--ata-text); font-size: 14px; line-height: 1.9;
}
.atarinaji-account-content > p:first-child { margin-top: 0; }
.atarinaji-account-content a { color: var(--ata-accent-dark); font-weight: 600; }
.atarinaji-account-content a:hover { color: var(--ata-accent); }
.atarinaji-account-content strong { color: var(--ata-text); }
.atarinaji-account-content h2 { font-size: 17px; font-weight: 800; color: var(--ata-text); margin: 0 0 16px; }

/* ---------- Notices / messages ---------- */
.atarinaji-account-content .woocommerce-message,
.atarinaji-account-content .woocommerce-error,
.atarinaji-account-content .woocommerce-info,
.atarinaji-auth-panel .woocommerce-message,
.atarinaji-auth-panel .woocommerce-error,
.atarinaji-auth-panel .woocommerce-info {
	list-style: none; margin: 0 0 18px; padding: 14px 16px; border-radius: 12px; font-size: 13px;
	background: var(--ata-accent-soft); color: var(--ata-accent-dark); display: flex; flex-wrap: wrap; gap: 8px; align-items: center;
}
.atarinaji-account-content .woocommerce-error, .atarinaji-auth-panel .woocommerce-error { background: var(--ata-danger-soft); color: var(--ata-danger); }
.atarinaji-account-content .woocommerce-message .button, .atarinaji-auth-panel .woocommerce-message .button {
	margin-inline-start: auto; height: 34px; padding: 0 14px; border-radius: 999px; background: var(--ata-accent); color: #fff;
	font-size: 12.5px; font-weight: 700; display: inline-flex; align-items: center;
}

/* ---------- Buttons (shared across all account/auth forms) ---------- */
.atarinaji-account-page-wrap .button,
.atarinaji-account-page-wrap button[type="submit"] {
	height: 46px; padding: 0 22px; border-radius: 12px; border: none; background: var(--ata-accent); color: #fff;
	font-family: inherit; font-size: 13.5px; font-weight: 700; cursor: pointer; display: inline-flex;
	align-items: center; justify-content: center; gap: 6px; transition: filter .2s ease, transform .2s ease;
}
.atarinaji-account-page-wrap .button:hover,
.atarinaji-account-page-wrap button[type="submit"]:hover { filter: brightness(1.08); transform: translateY(-1px); color: #fff; }

/* ---------- Form fields (shared: edit-account, edit-address, register) ---------- */
.atarinaji-account-page-wrap .form-row { margin: 0 0 16px; }
.atarinaji-account-page-wrap .form-row label {
	display: block; margin-bottom: 6px; font-size: 12.5px; font-weight: 700; color: var(--ata-text-medium);
}
.atarinaji-account-page-wrap .form-row label .required { color: var(--ata-danger); }
.atarinaji-account-page-wrap .input-text,
.atarinaji-account-page-wrap select,
.atarinaji-account-page-wrap textarea {
	width: 100%; height: 46px; border-radius: 12px; border: 1.5px solid var(--ata-border);
	padding: 0 14px; font-family: inherit; font-size: 13.5px; color: var(--ata-text);
	background: oklch(97% 0.008 65); outline: none; transition: border-color .15s ease;
}
.atarinaji-account-page-wrap select { -webkit-appearance: none; appearance: none; }
.atarinaji-account-page-wrap textarea { height: auto; padding: 12px 14px; min-height: 90px; }
.atarinaji-account-page-wrap .input-text:focus,
.atarinaji-account-page-wrap select:focus,
.atarinaji-account-page-wrap textarea:focus { border-color: var(--ata-accent); }
.atarinaji-account-page-wrap .select2-container .select2-selection--single { height: 46px; border-radius: 12px; border: 1.5px solid var(--ata-border); }
.atarinaji-account-page-wrap .select2-container .select2-selection__rendered { line-height: 46px; padding-inline-start: 14px; }
.atarinaji-account-page-wrap .select2-container .select2-selection__arrow { height: 44px; }

.atarinaji-account-page-wrap .woocommerce-form-row--first,
.atarinaji-account-page-wrap .woocommerce-form-row--last { width: 100%; float: none; }
@media (min-width: 641px) {
	.atarinaji-account-page-wrap .woocommerce-form-row--first { width: calc(50% - 8px); float: right; }
	.atarinaji-account-page-wrap .woocommerce-form-row--last { width: calc(50% - 8px); float: left; }
}
.atarinaji-account-page-wrap .clear { clear: both; }

.atarinaji-account-page-wrap fieldset { border: none; padding: 0; margin: 20px 0 0; }
.atarinaji-account-page-wrap fieldset legend { font-size: 14px; font-weight: 800; color: var(--ata-text); padding: 0; margin: 0 0 12px; width: 100%; }

.atarinaji-account-page-wrap .woocommerce-form__label-for-checkbox {
	display: flex !important; align-items: center; gap: 8px; font-weight: 600 !important; font-size: 13px !important;
}
.atarinaji-account-page-wrap .woocommerce-form__input-checkbox { width: 16px; height: 16px; accent-color: var(--ata-accent); }

/* password field + show/hide toggle */
.atarinaji-account-page-wrap .atarinaji-pw-wrap { position: relative; }
.atarinaji-account-page-wrap .atarinaji-pw-wrap input { padding-inline-end: 44px; }
.atarinaji-pw-toggle {
	position: absolute; top: 50%; inset-inline-end: 6px; transform: translateY(-50%);
	width: 34px; height: 34px; border: none; background: none; border-radius: 999px; cursor: pointer;
	display: flex; align-items: center; justify-content: center; color: var(--ata-text-muted);
}
.atarinaji-pw-toggle:hover { background: var(--ata-surface-alt); }
.atarinaji-pw-toggle .material-symbols-outlined { font-size: 19px; }

/* ---------- Dashboard ---------- */
.atarinaji-account-content .woocommerce-MyAccount-content > p a { font-weight: 700; }

/* ---------- Orders table ---------- */
.atarinaji-account-content .woocommerce-orders-table { border-collapse: separate; border-spacing: 0; width: 100%; font-size: 13px; }
.atarinaji-account-content .woocommerce-orders-table thead th {
	text-align: start; padding: 10px 12px; font-size: 12px; font-weight: 700; color: var(--ata-text-muted);
	border-bottom: 1.5px solid var(--ata-border-soft);
}
.atarinaji-account-content .woocommerce-orders-table tbody td,
.atarinaji-account-content .woocommerce-orders-table tbody th {
	padding: 14px 12px; border-bottom: 1px solid var(--ata-border-soft); color: var(--ata-text-medium); font-weight: 600;
}
.atarinaji-account-content .woocommerce-orders-table tbody tr:last-child td,
.atarinaji-account-content .woocommerce-orders-table tbody tr:last-child th { border-bottom: none; }
.atarinaji-account-content .woocommerce-orders-table__cell-order-status { font-weight: 700; }
.atarinaji-account-content .woocommerce-orders-table .button {
	height: 34px; padding: 0 14px; font-size: 12px; border-radius: 999px; background: var(--ata-surface-alt);
	color: var(--ata-text-medium);
}
.atarinaji-account-content .woocommerce-orders-table .button.view { background: var(--ata-accent-soft); color: var(--ata-accent-dark); }
.atarinaji-account-content .woocommerce-Pagination { display: flex; gap: 8px; justify-content: center; margin-top: 18px; }
.atarinaji-account-content .woocommerce-Pagination .button { height: 40px; padding: 0 18px; }

/* ---------- Addresses ---------- */
.atarinaji-account-content .woocommerce-Addresses { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.atarinaji-account-content .woocommerce-Address {
	background: var(--ata-surface-alt); border-radius: 14px; padding: 18px; width: auto !important; float: none !important;
}
.atarinaji-account-content .woocommerce-Address-title { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; }
.atarinaji-account-content .woocommerce-Address-title h2 { font-size: 14px; margin: 0; }
.atarinaji-account-content .woocommerce-Address-title .edit {
	font-size: 12px; font-weight: 700; color: var(--ata-accent-dark); background: var(--ata-accent-soft);
	padding: 5px 12px; border-radius: 999px;
}
.atarinaji-account-content .woocommerce-Address address { font-size: 13px; color: var(--ata-text-medium); line-height: 1.8; font-style: normal; }

/* ---------- Edit-address heading ---------- */
.atarinaji-account-content .woocommerce-address-fields h2 { font-size: 15px; }

/* ================================================================
   Login / Register (form-login.php override) — two-column card with a
   brand panel, used when the visitor is not logged in.
   ================================================================ */

.atarinaji-auth-wrap-inner { max-width: 1000px; }

.atarinaji-auth-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	border-radius: 28px;
	overflow: hidden;
	box-shadow: 0 30px 70px -30px oklch(0% 0 0 / 0.3);
}
@media (prefers-reduced-motion: no-preference) {
	.atarinaji-auth-grid { animation: atarinaji-acc-fade-in-up .3s ease both; }
}

/* ---------- Brand panel (desktop only) ---------- */
.atarinaji-auth-brand {
	display: flex; flex-direction: column; justify-content: space-between;
	background: var(--ata-brand-bg); color: var(--ata-brand-text);
	padding: 40px 32px; position: relative; overflow: hidden;
}
.atarinaji-auth-brand-circle { position: absolute; border-radius: 999px; background: oklch(96% 0.02 90 / 0.06); }
.atarinaji-auth-brand-circle--tl { top: -60px; left: -60px; width: 220px; height: 220px; }
.atarinaji-auth-brand-circle--br { bottom: -80px; right: -40px; width: 260px; height: 260px; background: oklch(96% 0.02 90 / 0.05); }

.atarinaji-auth-brand-logo { display: flex; align-items: center; gap: 10px; position: relative; z-index: 1; }
.atarinaji-auth-brand-logo img { width: 48px; height: 48px; border-radius: 999px; object-fit: cover; }
.atarinaji-auth-brand-logo span { font-size: 16px; font-weight: 800; }

.atarinaji-auth-brand-body { display: flex; flex-direction: column; gap: 18px; position: relative; z-index: 1; }
.atarinaji-auth-brand-body h2 { margin: 0; font-size: 26px; font-weight: 800; line-height: 1.4; }
.atarinaji-auth-brand-body p { margin: 0; font-size: 14px; line-height: 1.9; color: oklch(90% 0.02 90 / 0.85); max-width: 34ch; }

.atarinaji-auth-brand-features { list-style: none; margin: 8px 0 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.atarinaji-auth-brand-features li { display: flex; align-items: center; gap: 10px; font-size: 13px; }
.atarinaji-auth-brand-features .material-symbols-outlined { font-size: 20px; color: var(--ata-brand-icon); }

.atarinaji-auth-brand-footer { font-size: 11.5px; color: oklch(90% 0.02 90 / 0.6); position: relative; z-index: 1; }

/* ---------- Form column ---------- */
.atarinaji-auth-card {
	background: var(--ata-surface); padding: clamp(28px, 4vw, 48px);
	display: flex; flex-direction: column; gap: 20px;
}

.atarinaji-auth-mobile-logo { display: none; align-items: center; gap: 10px; justify-content: center; margin-bottom: 4px; }
.atarinaji-auth-mobile-logo img { width: 44px; height: 44px; border-radius: 999px; object-fit: cover; }
.atarinaji-auth-mobile-logo span { font-size: 15px; font-weight: 800; color: var(--ata-brand-bg); }

.atarinaji-auth-tabs {
	display: flex; gap: 4px; background: var(--ata-surface-alt); border-radius: 14px; padding: 4px;
}
.atarinaji-auth-tab {
	flex: 1; height: 42px; border: none; background: none; border-radius: 10px; cursor: pointer;
	font-family: inherit; font-size: 13.5px; font-weight: 700; color: var(--ata-text-muted); transition: all .2s ease;
}
.atarinaji-auth-tab.is-active { background: var(--ata-surface); color: var(--ata-text); box-shadow: 0 2px 8px oklch(0% 0 0 / 0.08); }

.atarinaji-auth-panel[hidden] { display: none; }

.atarinaji-auth-panel form { display: flex; flex-direction: column; gap: 16px; }
@media (prefers-reduced-motion: no-preference) {
	.atarinaji-auth-panel form { animation: atarinaji-acc-fade-in-up .3s ease both; }
}
.atarinaji-auth-panel .form-row { margin: 0; }

.atarinaji-auth-row-2col { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.atarinaji-auth-row-between { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; }

/* icon-adorned inputs, matching the design */
.atarinaji-input-wrap {
	display: flex; align-items: center; flex-wrap: wrap; gap: 10px; row-gap: 6px;
	height: auto; min-height: 48px;
	border: 1.5px solid var(--ata-border); border-radius: 12px; padding: 0 14px;
	background: oklch(97% 0.008 65);
}
.atarinaji-input-wrap:has(.woocommerce-password-strength) { padding-block: 10px; }
.atarinaji-input-wrap:focus-within { border-color: var(--ata-accent); }
.atarinaji-input-wrap .material-symbols-outlined { font-size: 19px; color: var(--ata-text-muted); flex-shrink: 0; }
.atarinaji-input-wrap .input-text {
	flex: 1 1 auto; height: auto; border: none; background: none; padding: 0; min-width: 0;
}
.atarinaji-input-wrap .input-text:focus { border-color: transparent; }

/* WooCommerce's own native password show/hide toggle (wraps password
   inputs site-wide in .password-input + appends .show-password-input) and
   its strength meter (#password_strength / .woocommerce-password-hint,
   injected on keyup) — both un-styled by core, so styled here to match. */
.atarinaji-input-wrap .password-input {
	flex: 1 1 auto; min-width: 0; position: relative; display: flex; align-items: center;
}
.atarinaji-input-wrap .password-input .input-text { padding-inline-end: 30px; }
.atarinaji-input-wrap .show-password-input {
	position: absolute; inset-inline-end: 0; top: 50%; transform: translateY(-50%);
	width: 26px; height: 26px; padding: 0; border: none; background: none; cursor: pointer;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a8580' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-7 11-7 11 7 11 7-4 7-11 7-11-7-11-7z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
	background-repeat: no-repeat; background-position: center; background-size: 18px;
}
.atarinaji-input-wrap .show-password-input.display-password {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a8580' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17.94 17.94A10.94 10.94 0 0 1 12 19c-7 0-11-7-11-7a21.86 21.86 0 0 1 5.06-5.94M9.9 4.24A10.94 10.94 0 0 1 12 4c7 0 11 7 11 7a21.9 21.9 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24'/%3E%3Cline x1='1' y1='1' x2='23' y2='23'/%3E%3C/svg%3E");
}
.atarinaji-input-wrap #password_strength,
.atarinaji-input-wrap .woocommerce-password-hint { flex: 1 1 100%; width: 100%; }
.atarinaji-input-wrap .woocommerce-password-strength {
	margin: 0; padding: 6px 10px; border-radius: 8px; font-size: 11.5px; font-weight: 700; text-align: start; border: none;
}
.atarinaji-input-wrap .woocommerce-password-strength.short { background: var(--ata-danger-soft); color: var(--ata-danger); }
.atarinaji-input-wrap .woocommerce-password-strength.bad { background: oklch(94% 0.05 55); color: oklch(45% 0.14 45); }
.atarinaji-input-wrap .woocommerce-password-strength.good { background: oklch(94% 0.05 130); color: oklch(40% 0.1 130); }
.atarinaji-input-wrap .woocommerce-password-strength.strong { background: var(--ata-accent-soft); color: var(--ata-accent-dark); }
.atarinaji-input-wrap .woocommerce-password-hint { margin: 0; font-size: 11px; line-height: 1.7; color: var(--ata-text-muted); }

.atarinaji-auth-panel .woocommerce-form-login__rememberme { font-size: 12.5px; }
.atarinaji-auth-panel .woocommerce-form-login__rememberme span { color: var(--ata-text-muted); }
.atarinaji-auth-panel .woocommerce-form-login__submit,
.atarinaji-auth-panel .woocommerce-form-register__submit { width: 100%; height: 50px; margin-top: 4px; }
.atarinaji-auth-panel .woocommerce-LostPassword.lost_password { font-size: 12.5px; font-weight: 600; color: var(--ata-text-muted); }
.atarinaji-auth-panel .woocommerce-LostPassword.lost_password:hover { color: var(--ata-accent-dark); }
.atarinaji-auth-panel .atarinaji-auth-note { font-size: 12.5px; color: var(--ata-text-muted); background: var(--ata-surface-alt); padding: 10px 12px; border-radius: 10px; margin: 0; }

.atarinaji-auth-terms { display: flex !important; align-items: flex-start; gap: 8px; font-size: 12px; color: var(--ata-text-muted); cursor: pointer; line-height: 1.6; }
.atarinaji-auth-terms input { width: 15px; height: 15px; accent-color: var(--ata-accent); margin-top: 2px; flex-shrink: 0; }

.atarinaji-auth-panel .woocommerce-privacy-policy-text { margin: -4px 0 0; }
.atarinaji-auth-panel .woocommerce-privacy-policy-text p { margin: 0; font-size: 11.5px; line-height: 1.8; color: var(--ata-text-muted); }
.atarinaji-auth-panel .woocommerce-privacy-policy-text a { color: var(--ata-accent-dark); font-weight: 600; }
.atarinaji-auth-panel .woocommerce-privacy-policy-text a:hover { color: var(--ata-accent); }

.atarinaji-auth-switch { text-align: center; font-size: 12.5px; color: var(--ata-text-muted); margin: 0; }
.atarinaji-auth-switch a { font-weight: 700; color: var(--ata-accent-dark); }
.atarinaji-auth-switch a:hover { color: var(--ata-accent); }

/* ---------- Lost / reset password (also uses the .atarinaji-auth-card column) ---------- */
.atarinaji-auth-card .woocommerce-form-lost-password,
.atarinaji-auth-card .woocommerce-ResetPassword { display: flex; flex-direction: column; gap: 16px; }
.atarinaji-auth-card .woocommerce-form-lost-password .button,
.atarinaji-auth-card .woocommerce-ResetPassword button { width: 100%; height: 48px; }

/* ---------- Mobile ---------- */
@media (max-width: 860px) {
	.atarinaji-account-layout { grid-template-columns: 1fr; }
	.woocommerce-MyAccount-navigation.atarinaji-account-nav { position: static; min-width: 0; }
	.atarinaji-account-layout { min-width: 0; }
	.atarinaji-account-nav ul { flex-direction: row; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
	.atarinaji-account-nav ul::-webkit-scrollbar { display: none; }
	.atarinaji-account-nav li { flex-shrink: 0; }
	.atarinaji-account-nav a { white-space: nowrap; }
	.atarinaji-account-nav li.woocommerce-MyAccount-navigation-link--customer-logout { border-top: none; border-inline-start: 1px solid var(--ata-border-soft); margin-top: 0; padding-top: 0; margin-inline-start: 6px; padding-inline-start: 6px; }

	.atarinaji-account-content .woocommerce-Addresses { grid-template-columns: 1fr; }
	.atarinaji-account-page-wrap .woocommerce-form-row--first,
	.atarinaji-account-page-wrap .woocommerce-form-row--last { width: 100%; float: none; }

	.atarinaji-account-content .woocommerce-orders-table thead { display: none; }
	.atarinaji-account-content .woocommerce-orders-table tbody tr {
		display: flex; flex-direction: column; gap: 4px; padding: 12px 0; border-bottom: 1px solid var(--ata-border-soft);
	}
	.atarinaji-account-content .woocommerce-orders-table tbody td,
	.atarinaji-account-content .woocommerce-orders-table tbody th {
		display: flex; justify-content: space-between; padding: 4px 0; border-bottom: none;
	}
	.atarinaji-account-content .woocommerce-orders-table tbody td::before,
	.atarinaji-account-content .woocommerce-orders-table tbody th::before {
		content: attr(data-title); font-weight: 700; color: var(--ata-text-muted); font-size: 12px;
	}

	.atarinaji-auth-grid { grid-template-columns: 1fr; border-radius: 20px; }
	.atarinaji-auth-brand { display: none; }
	.atarinaji-auth-mobile-logo { display: flex; }
	.atarinaji-auth-row-2col { grid-template-columns: 1fr; }
}