/* ═══════════════════════════════════════════════════════════
   ROYSEN · Особистий кабінет + Вішліст
   Дизайн-система сайту: Inter 400/500, палітра BLUFF, .r-btn
   ═══════════════════════════════════════════════════════════ */

.account-wrap,
.wl-page{ padding-top:clamp(28px, 4vw, 48px); padding-bottom:clamp(60px, 8vw, 110px); }
.account-wrap{ display:block; }

/* ─── Привітання ─── */
.account-greeting{
	display:flex; align-items:flex-end; justify-content:space-between;
	gap:20px; flex-wrap:wrap;
	margin:18px 0 clamp(28px, 4vw, 44px);
}
.account-greeting__hello{
	font-size:clamp(32px, 3.4vw, 44px);
	font-weight:500; text-transform:uppercase; line-height:1.1;
}
.account-greeting__since{ font-size:13px; color:var(--muted); padding-bottom:6px; }

/* ─── Розкладка ─── */
.account-layout{
	display:grid; grid-template-columns:250px minmax(0,1fr);
	gap:clamp(24px, 4vw, 64px);
	align-items:start;
}
/* перебиваємо float/width з woocommerce-layout.css */
.account-layout .woocommerce-MyAccount-navigation,
.woocommerce-account .account-layout .woocommerce-MyAccount-navigation{ float:none; width:auto; }
.account-layout .woocommerce-MyAccount-content,
.woocommerce-account .account-layout .woocommerce-MyAccount-content{ float:none; width:auto; }

/* ─── Меню кабінету ─── */
.account-nav{
	position:sticky; top:120px;
	border:1px solid var(--line-strong, rgba(17,17,17,.85));
	background:var(--cream);
	padding:8px;
}
.account-nav ul{ display:flex; flex-direction:column; gap:2px; list-style:none; margin:0; padding:0; }
.account-nav a{
	display:flex; align-items:center; justify-content:space-between; gap:10px;
	padding:13px 14px;
	font-size:12px; letter-spacing:1.2px; text-transform:uppercase; font-weight:500;
	text-decoration:none; color:var(--ink);
	transition:background .2s, color .2s;
}
.account-nav a:hover{ background:#FFFDF5; }
.account-nav li.is-active a{ background:var(--ink); color:var(--cream); }
.account-nav__count{
	font-size:10px; font-weight:500; letter-spacing:0;
	min-width:18px; height:18px; padding:0 5px; border-radius:50%;
	display:inline-flex; align-items:center; justify-content:center;
	background:var(--yellow); color:var(--ink); flex:none;
}
.account-nav__sep{ height:1px; background:var(--line); margin:8px 6px; }
.account-nav__logout a{ color:var(--muted); }
.account-nav__logout a:hover{ background:var(--beige-50); color:var(--ink); }
.account-nav__logout svg{ width:15px; height:15px; stroke:currentColor; fill:none; stroke-width:1.5; flex:none; }

/* ─── Контент ─── */
.panel-title{
	font-size:16px; font-weight:500; letter-spacing:.06em; text-transform:uppercase;
	margin-bottom:20px;
}
.account-hint{ font-size:13px; color:var(--muted); margin:-8px 0 20px; }

/* ─── Огляд ─── */
.ov-grid{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.ov-card{
	border:1px solid var(--line);
	padding:24px;
	display:flex; flex-direction:column; gap:8px;
	min-height:190px;
}
.ov-card__big{ font-size:16px; font-weight:500; }
.ov-card__sub{ font-size:13px; color:var(--muted); line-height:1.55; }
.ov-card__btn{ margin-top:auto; align-self:flex-start; padding:14px 20px; font-size:13px; }

/* ─── Замовлення ─── */
.table-scroll{ overflow-x:auto; }
.orders-table{ width:100%; border-collapse:collapse; font-size:13.5px; min-width:560px; }
.orders-table th{
	text-align:left; padding:0 10px 12px 2px;
	font-size:12px; letter-spacing:1.2px; text-transform:uppercase;
	color:var(--muted); font-weight:400;
	border-bottom:1px solid var(--line-strong, rgba(17,17,17,.85));
}
.orders-table td{
	padding:18px 10px 18px 2px;
	border-bottom:1px solid var(--line);
	vertical-align:middle; font-variant-numeric:tabular-nums;
}
.orders-table .o-num{ font-weight:500; }
.orders-table .o-items{ color:var(--muted); font-size:12.5px; }
.orders-table .o-actions{ text-align:right; white-space:nowrap; }
.orders-table .o-actions a{
	font-size:12px; letter-spacing:.06em; text-transform:uppercase; font-weight:500;
	text-underline-offset:3px;
}
.orders-pagination{ display:flex; gap:10px; margin-top:20px; }
.orders-pagination .r-btn{ padding:12px 18px; font-size:12px; }

.chip{
	display:inline-flex; align-items:center; gap:6px;
	padding:5px 10px;
	font-size:10px; letter-spacing:.07em; text-transform:uppercase; font-weight:500;
	border:1px solid transparent; white-space:nowrap;
}
.chip::before{ content:""; width:6px; height:6px; border-radius:50%; background:currentColor; flex:none; }
.chip--sewing{ background:var(--yellow); }
.chip--soft{ background:var(--yellow-soft, #FFF6CC); border-color:rgba(17,17,17,.15); }
.chip--done{ background:var(--beige-50); color:var(--muted); }
.chip--muted{ background:none; border-color:var(--line); color:var(--faint); }

/* ─── Адреси ─── */
.addr-grid{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.addr-card{
	border:1px solid var(--line); padding:24px;
	display:flex; flex-direction:column; gap:6px;
}
.addr-card h3{ margin-bottom:6px; }
.addr-card address{ font-style:normal; font-size:13.5px; line-height:1.6; }
.addr-card__btn{ margin-top:16px; align-self:flex-start; padding:12px 20px; font-size:12px; }

/* ─── Форми кабінету (деталі, адреси, логін) ─── */
.woocommerce-MyAccount-content .form-grid{ display:grid; grid-template-columns:1fr 1fr; gap:16px 20px; }
.woocommerce-MyAccount-content .form-row,
.woocommerce-MyAccount-content p.form-row{ display:flex; flex-direction:column; gap:7px; margin:0; min-width:0; }
.woocommerce-MyAccount-content .form-row label,
.woocommerce-MyAccount-content label{
	font-size:12px; letter-spacing:1.2px; text-transform:uppercase; color:var(--muted);
}
.woocommerce-MyAccount-content .form-row .required{ color:var(--ink); text-decoration:none; }
.woocommerce-MyAccount-content .input-text,
.woocommerce-MyAccount-content .form-row select{
	width:100%; height:48px; padding:0 14px;
	border:1px solid var(--line-input, rgba(17,17,17,.34)); background:transparent;
	border-radius:0; appearance:none; -webkit-appearance:none;
	font-size:14px; color:var(--ink);
	transition:border-color .2s;
}
.woocommerce-MyAccount-content .input-text:focus,
.woocommerce-MyAccount-content .form-row select:focus{ outline:none; border-color:var(--ink); }
.woocommerce-MyAccount-content .select2-container--default .select2-selection--single{
	height:48px; border:1px solid var(--line-input, rgba(17,17,17,.34)); border-radius:0; background:transparent;
}
.woocommerce-MyAccount-content .select2-container--default .select2-selection--single .select2-selection__rendered{
	line-height:46px; padding:0 38px 0 14px;
}
.woocommerce-MyAccount-content .select2-container--default .select2-selection--single .select2-selection__arrow{ height:46px; }
.account-form__actions{ margin-top:24px; }

/* ─── Редагування адреси (woocommerce_form_field) ─── */
.woocommerce-address-fields__field-wrapper{
	display:grid; grid-template-columns:1fr 1fr; gap:16px 20px;
}
.woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper p.form-row{ margin:0; }
/* перебиваємо woo width:47%/float на half-полях */
.woocommerce-account .woocommerce-MyAccount-content form .form-row-first,
.woocommerce-account .woocommerce-MyAccount-content form .form-row-last{
	width:auto; float:none;
}
.woocommerce-account .woocommerce-MyAccount-content form .form-row .required{
	color:var(--ink); text-decoration:none;
}
.woocommerce-MyAccount-content p.form-row-wide,
.woocommerce-MyAccount-content .form-row-wide{ grid-column:1 / -1; }
.woocommerce-MyAccount-content .woocommerce-input-wrapper{ display:block; width:100%; }
.woocommerce-MyAccount-content .required{ color:var(--ink); text-decoration:none; }
/* нативні селекти — своя стрілка */
.woocommerce-MyAccount-content .form-row select{
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' stroke='%23111111' stroke-width='1.3'/%3E%3C/svg%3E");
	background-repeat:no-repeat; background-position:right 14px center; background-size:12px 8px;
	padding-right:38px;
}
/* select2 (країна) — випадайка в стилі */
.select2-dropdown{
	border:1px solid var(--ink) !important; border-radius:0 !important;
	background:var(--cream) !important;
	box-shadow:0 10px 28px rgba(17,17,17,.10);
	font-size:13.5px;
}
.select2-container--default .select2-search--dropdown .select2-search__field{
	border:1px solid var(--line) !important; border-radius:0 !important; background:transparent;
	height:36px; padding:0 10px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
	background:var(--beige-50) !important; color:var(--ink) !important;
}
.select2-container--default .select2-results__option[aria-selected=true]{
	background:var(--yellow-soft, #FFF6CC) !important; color:var(--ink) !important;
}

/* зміна пароля — розгортка */
.account-pass{ margin-top:24px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.account-pass summary{
	list-style:none; cursor:pointer;
	display:flex; align-items:center; justify-content:space-between;
	padding:16px 2px;
	font-size:12px; letter-spacing:1.2px; text-transform:uppercase; font-weight:500;
}
.account-pass summary::-webkit-details-marker{ display:none; }
.account-pass summary .plus{ font-size:18px; font-weight:300; transition:transform .25s; }
.account-pass[open] summary .plus{ transform:rotate(45deg); }
.account-pass__grid{ padding:6px 0 20px; }

/* пусті стани */
.account-empty{ padding:16px 0; }
.account-empty p{ font-size:14px; color:var(--muted); margin-bottom:20px; }

/* Woo-повідомлення — глобальні стилі в main.css */

/* ─── Логін / реєстрація ─── */
.account-auth{ padding:24px 0; }
.account-auth--two{
	display:grid; grid-template-columns:1fr 1fr;
	gap:clamp(32px, 6vw, 96px);
	max-width:1000px;
}
.account-auth .woocommerce-form{ max-width:460px; }
.account-auth .woocommerce-Input{ width:100%; height:48px; padding:0 14px; border:1px solid var(--line-input, rgba(17,17,17,.34)); background:transparent; border-radius:0; font-size:14px; }
.account-auth .woocommerce-Input:focus{ outline:none; border-color:var(--ink); }
.account-auth label{ font-size:12px; letter-spacing:1.2px; text-transform:uppercase; color:var(--muted); display:block; margin-bottom:7px; }
.account-auth .woocommerce-form-login__rememberme{ display:flex; align-items:center; gap:8px; font-size:13px; margin-bottom:14px; }
.account-auth .woocommerce-form-login__rememberme span{ font-size:13px; letter-spacing:0; text-transform:none; color:var(--ink); }
.account-auth__submit{ margin-top:18px; }
.account-auth__note{ font-size:13px; color:var(--muted); margin-bottom:14px; }
@media (max-width: 900px){
	.account-auth--two{ grid-template-columns:1fr; }
}
.account-auth h2{
	font-size:16px; font-weight:500; letter-spacing:.06em; text-transform:uppercase;
	margin-bottom:18px;
}
.account-auth .woocommerce-form-row{ margin:0 0 16px; }
.account-auth .r-btn{ margin-top:6px; }
.account-auth .lost_password{ font-size:13px; margin-top:14px; }
.account-auth .woocommerce-LostPassword a{ text-underline-offset:3px; }

/* ═══════════════ ВІШЛІСТ ═══════════════ */

.wl-toolbar{
	display:flex; align-items:center; justify-content:space-between;
	gap:16px; flex-wrap:wrap;
	margin-bottom:clamp(20px, 3vw, 30px);
}
.wl-toolbar__hint{ font-size:13px; color:var(--muted); max-width:52ch; }
.wl-share{ padding:14px 20px; font-size:12px; gap:9px; }
.wl-share svg{ width:15px; height:15px; stroke:currentColor; fill:none; stroke-width:1.5; }

.wl-share-box{
	display:flex; gap:8px; margin-bottom:28px;
	border:1px solid rgba(17,17,17,.15); background:var(--yellow-soft, #FFF6CC);
	padding:14px;
}
.wl-share-box[hidden]{ display:none; }
.wl-share-box input{
	flex:1; min-width:0; height:44px; padding:0 14px;
	background:var(--cream); border:1px solid var(--line-input, rgba(17,17,17,.34));
	font-size:12.5px; color:var(--muted); border-radius:0;
}
.wl-copy{
	height:44px; padding:0 20px; flex:none; cursor:pointer;
	background:var(--ink); color:var(--cream); border:1px solid var(--ink);
	font-size:12px; letter-spacing:.06em; text-transform:uppercase; font-weight:500;
	transition:background .2s, color .2s;
}
.wl-copy:hover{ background:var(--yellow); color:var(--ink); border-color:var(--yellow); }

.wl-guest-note{ font-size:13px; color:var(--muted); margin:-8px 0 24px; }

.wl-card{ position:relative; display:flex; flex-direction:column; }
.wl-card .product-card__wish{ display:none; } /* на сторінці списку — хрестик замість сердечка */
.wl-card .roysen-wish.wl-remove{
	position:absolute; top:10px; right:10px; z-index:3;
	width:32px; height:32px; border-radius:50%;
	background-image:none;
	background-color:var(--cream);
	border:1px solid var(--line);
	display:flex; align-items:center; justify-content:center;
	transition:border-color .2s;
}
.wl-card .roysen-wish.wl-remove:hover{ border-color:var(--ink); transform:none; }
.wl-card .wl-remove svg{ width:13px; height:13px; stroke:var(--ink); fill:none; stroke-width:1.5; }
.wl-card .wl-add{ margin-top:14px; width:100%; }
.wl-card.is-leaving{ opacity:0; transform:scale(.96); transition:opacity .2s ease, transform .2s ease; }

.wl-footer{
	display:flex; align-items:center; justify-content:space-between;
	gap:16px; flex-wrap:wrap;
	margin-top:clamp(28px, 4vw, 44px); padding-top:22px;
	border-top:1px solid var(--line-strong, rgba(17,17,17,.85));
}
.wl-footer__count{ font-size:13px; color:var(--muted); }

.wl-empty{ text-align:center; padding:clamp(40px, 8vw, 90px) 0; }
.wl-empty[hidden]{ display:none; }
.wl-empty p{ font-size:14px; color:var(--muted); max-width:48ch; margin:0 auto 24px; }

/* ─── 1200 і вужче ─── */
@media (max-width: 1100px){
	.account-layout{ grid-template-columns:1fr; }
	.account-nav{ position:static; }
	.account-nav ul{ flex-direction:row; flex-wrap:wrap; }
	.account-nav a{ white-space:nowrap; padding:11px 14px; }
	.account-nav__sep{ width:1px; height:auto; margin:6px 8px; }
	.ov-grid{ grid-template-columns:1fr; }
	.addr-grid{ grid-template-columns:1fr; }
	.woocommerce-MyAccount-content .form-grid{ grid-template-columns:1fr; }
}