/* amg-subs: кабінет «Підписка». Токени = превʼю plan-previews-2026-08-07; шрифт сайту (Nunito) не перевизначаємо.
   Префікс класів amgsubs- (варіант з дефісом усередині зайнятий легасі amigo-delivery-block на PDP).
   Всі компонентні селектори — з контейнером .amgsubs-acc: тема стилить кнопки груповим
   правилом `.btn,.button,button,[type="submit"]` ПІЗНІШЕ за цей файл, і при рівній
   специфічності (0,1,0) вигравала б порядком каскаду. */
.amgsubs-acc{
	--amber:#7c3aed;
	--amber-deep:#5b21b6;
	--amber-soft:#ede9fe;
	--ink:#190a03;
	--ink-soft:#333333;
	--white:#ffffff;
	--gray-50:#f5f5f5;
	--gray-500:#6b7280;
	--gray-700:#555555;
	--line:#e5e5e5;
	--line-strong:#d4d4d4;
	--r-md:12px;
	--r-lg:20px;
	--r-pill:99px;
	color:var(--ink);
	max-width:640px;
}
.amgsubs-acc [hidden]{display:none !important}
.amgsubs-acc .amgsubs-acc-bread{font-size:13px;color:var(--gray-500);margin:0 0 12px}
/* тап-таргет 44px без зсуву рядка (padding + відʼємний margin) */
.amgsubs-acc .amgsubs-acc-bread a{display:inline-block;color:inherit;text-decoration:none;padding:14px 6px;margin:-14px -6px}
.amgsubs-acc .amgsubs-acc-bread a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.amgsubs-acc .amgsubs-acc-title{font-size:22px;margin:0 0 14px;letter-spacing:-0.03em}

/* Видиме фокус-кільце всюди, зокрема на amber-кнопках (не amber-on-amber).
   Подвоєний клас навмисне: mu-plugins/amg-myaccount-assets/account.css ставить
   на всю сторінку кабінету outline rgba(245,158,11,.4) (контраст ~1.4:1) селектором
   body.woocommerce-account button:focus-visible — рівна вага і пізніший каскад. */
.amgsubs-acc.amgsubs-acc button:focus-visible,
.amgsubs-acc.amgsubs-acc a:focus-visible,
.amgsubs-acc.amgsubs-acc input:focus-visible{outline:2px solid var(--ink);outline-offset:2px}

/* тост */
.amgsubs-acc .amgsubs-acc-toast{
	position:relative;
	display:flex;align-items:flex-start;gap:10px;
	border:1px solid var(--line);border-left:4px solid var(--amber);
	background:var(--white);border-radius:var(--r-md);
	padding:12px 50px 12px 14px;margin:0 0 14px;font-size:14px;
}
.amgsubs-acc .amgsubs-acc-toast.is-warn{border-left-color:var(--line-strong);background:var(--gray-50)}
/* закриття прибито до правого верху: у тості з undo кнопка переносилась на новий
   рядок і хрестик з'їжджав слідом за нею вниз */
.amgsubs-acc .amgsubs-acc-toast-x{
	position:absolute;top:2px;right:3px;
	display:inline-grid;place-items:center;width:44px;height:38px;
	background:none;border:0;padding:0;cursor:pointer;color:var(--gray-500);
}
.amgsubs-acc .amgsubs-acc-toast-x:hover{color:var(--ink)}
/* кнопка undo на вузькому екрані падає під текст, а не тиснеться в стовпчик */
.amgsubs-acc .amgsubs-acc-toast{flex-wrap:wrap}
.amgsubs-acc .amgsubs-acc-toast > span{flex:1 1 200px;min-width:0}
.amgsubs-acc .amgsubs-acc-toast .amgsubs-acc-aform{display:inline;flex:0 0 auto}

/* картка плану */
.amgsubs-acc .amgsubs-acc-card{
	background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);
	padding:20px;margin:0 0 18px;
}
.amgsubs-acc .amgsubs-acc-status{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px}
.amgsubs-acc .amgsubs-acc-badge{
	display:inline-block;padding:5px 13px;border-radius:var(--r-pill);
	background:var(--amber);color:#fff;
	font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;
}
/* ⛔ color обовʼязково: базова плашка білим по фіолетовому, а тут фон білий,
   і без цього рядка «Дата уточнюється»/«На паузі»/«Заснула» гасли білим по білому. */
.amgsubs-acc .amgsubs-acc-badge--soft{background:var(--white);color:var(--ink);border:1px solid var(--amber);text-transform:none;letter-spacing:0}
.amgsubs-acc .amgsubs-acc-meta{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--gray-700)}
.amgsubs-acc .amgsubs-acc-meta svg{flex:none}

/* confirm-крок незворотної дії (rush/skip/cancel) */
.amgsubs-acc .amgsubs-acc-confirm{
	background:var(--amber-soft);border:1px solid var(--amber);border-radius:var(--r-md);
	padding:14px;margin:0 0 14px;
}
.amgsubs-acc .amgsubs-acc-confirm-t{font-size:14px;font-weight:700;margin:0 0 10px}
/* підрядок питання: мʼякші виходи замість скасування */
.amgsubs-acc .amgsubs-acc-confirm-d{font-size:13px;line-height:1.5;color:var(--gray-700);margin:0 0 12px}
.amgsubs-acc .amgsubs-acc-confirm-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.amgsubs-acc .amgsubs-acc-confirm-row--alt{gap:10px;margin:0 0 12px}
.amgsubs-acc .amgsubs-acc-confirm-row .amgsubs-acc-aform{display:contents}
/* білий текст, не --ink: на фіолетовому #190a03 давав 3.4:1 (нижче AA), #fff дає 5.7:1 */
.amgsubs-acc .amgsubs-acc-confirm-yes{
	background:var(--amber);color:#fff;border:0;cursor:pointer;
	min-height:44px;padding:10px 20px;border-radius:var(--r-pill);font-weight:700;font-size:14px;
}
.amgsubs-acc .amgsubs-acc-confirm-yes:hover{background:var(--amber-deep)}
/* альтернативи: та сама пігулка, лише контурна. Не менша і не тьмяніша за
   «Так, скасувати» — питання пропонує вихід, а не ховає відповідь. */
.amgsubs-acc .amgsubs-acc-confirm-alt{
	background:var(--white);color:var(--ink);border:1px solid var(--ink);cursor:pointer;
	min-height:44px;padding:10px 18px;border-radius:var(--r-pill);font-weight:700;font-size:14px;
}
.amgsubs-acc .amgsubs-acc-confirm-alt:hover{background:var(--gray-50)}
.amgsubs-acc .amgsubs-acc-confirm-no{
	display:inline-flex;align-items:center;min-height:44px;padding:10px 12px;
	font-weight:700;font-size:14px;color:var(--ink);cursor:pointer;
	text-decoration:underline;text-underline-offset:3px;
}
.amgsubs-acc .amgsubs-acc-confirm-no:hover{color:var(--ink-soft)}

/* склад */
.amgsubs-acc .amgsubs-acc-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line)}
.amgsubs-acc .amgsubs-acc-items .amgsubs-acc-item:last-child{border-bottom:1px solid var(--line)}
.amgsubs-acc .amgsubs-acc-imgwrap{flex:none;line-height:0}
.amgsubs-acc .amgsubs-acc-img{width:56px;height:56px;object-fit:contain;border:1px solid var(--line);border-radius:var(--r-md);background:var(--white)}
.amgsubs-acc .amgsubs-acc-item-main{min-width:0}
.amgsubs-acc .amgsubs-acc-name{font-weight:700;font-size:14px;margin:0;line-height:1.35}
.amgsubs-acc .amgsubs-acc-name a{color:inherit;text-decoration:none}
.amgsubs-acc .amgsubs-acc-name a:hover{text-decoration:underline}
.amgsubs-acc .amgsubs-acc-sub{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--gray-500);margin:2px 0 0}
.amgsubs-acc .amgsubs-acc-qty{margin-left:auto;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}

.amgsubs-acc .amgsubs-acc-sum{display:flex;justify-content:space-between;align-items:baseline;font-size:16px;padding:12px 0 2px}
.amgsubs-acc .amgsubs-acc-sum b{font-size:18px;font-weight:700}
.amgsubs-acc .amgsubs-acc-pay{display:flex;gap:8px;align-items:flex-start;font-size:13px;color:var(--gray-700);margin:0 0 10px}
.amgsubs-acc .amgsubs-acc-pay svg{flex:none;margin-top:1px}
.amgsubs-acc .amgsubs-acc-quick{font-size:14px;margin:0 0 14px}
.amgsubs-acc .amgsubs-acc-quick .amgsubs-acc-aform{display:inline}
/* місток між двома цифрами картки: запас пачки vs графік доставок */
.amgsubs-acc .amgsubs-acc-bridge{
	font-size:13px;color:var(--gray-700);line-height:1.5;
	background:var(--gray-50);border-radius:var(--r-md);
	padding:10px 12px;margin:0 0 12px;
}

/* лінк-дії: тап-таргет ≥44px без зсуву макета (padding + відʼємні margin) */
.amgsubs-acc .amgsubs-acc-linkbtn{
	background:none;border:0;cursor:pointer;
	font-weight:700;font-size:inherit;color:var(--ink);
	text-decoration:underline;text-underline-offset:3px;
	padding:14px 4px;margin:-14px -4px;
}
.amgsubs-acc .amgsubs-acc-linkbtn:hover{color:var(--ink-soft)}
/* «змінити» біля адреси: дрібніший за рядок, тап-таргет добирає padding+margin */
.amgsubs-acc .amgsubs-acc-linkbtn--sm{font-size:13px;color:var(--ink-soft);white-space:nowrap}

/* дії */
.amgsubs-acc .amgsubs-acc-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}
.amgsubs-acc .amgsubs-acc-controls .amgsubs-acc-aform{display:contents}
.amgsubs-acc .amgsubs-acc-controls--two{grid-template-columns:1fr 1fr}
.amgsubs-acc .amgsubs-acc-ctrl{
	display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;
	padding:12px 8px;border:1px solid var(--line-strong);border-radius:var(--r-md);
	background:var(--white);font-weight:700;font-size:13px;color:var(--ink);cursor:pointer;
}
.amgsubs-acc .amgsubs-acc-ctrl:hover{border-color:var(--ink)}
/* «Скасувати» — приглушена плитка як у превʼю: сірі текст та іконка, спокійна рамка, без червоного */
.amgsubs-acc .amgsubs-acc-ctrl--mute{color:var(--gray-500);border-color:var(--line)}
.amgsubs-acc .amgsubs-acc-ctrl--mute:hover{border-color:var(--line-strong);color:var(--gray-700)}
.amgsubs-acc .amgsubs-acc-ctrl[disabled]{opacity:.55;cursor:default}

.amgsubs-acc .amgsubs-acc-more{
	display:flex;align-items:center;gap:6px;background:none;border:0;cursor:pointer;
	font-weight:700;font-size:14px;padding:6px 0;color:var(--ink);
}
.amgsubs-acc .amgsubs-acc-more svg{transition:transform .2s}
.amgsubs-acc .amgsubs-acc-more[aria-expanded="true"] svg{transform:rotate(180deg)}
.amgsubs-acc .amgsubs-acc-more-body ul{margin:8px 0 12px;padding-left:18px;font-size:13px;color:var(--gray-700)}
.amgsubs-acc .amgsubs-acc-more-body li{margin-bottom:6px}
.amgsubs-acc .amgsubs-acc-more-body .amgsubs-acc-ctrl{width:auto;flex-direction:row;padding:10px 16px}

/* панелі: дата і склад */
.amgsubs-acc .amgsubs-acc-panel{border:1px solid var(--line);border-radius:var(--r-md);background:var(--gray-50);padding:14px;margin:0 0 12px}
.amgsubs-acc .amgsubs-acc-panel-t{font-weight:700;font-size:14px;margin:0 0 10px}
/* поле дати на всю ширину, ±7 поруч під ним: на 390px flex-рядок ламався на три поверхи */
.amgsubs-acc .amgsubs-acc-daterow{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:center}
.amgsubs-acc .amgsubs-acc-daterow input[type="date"]{
	grid-column:1 / -1;order:-1;
	padding:9px 10px;border:1px solid var(--line-strong);border-radius:var(--r-md);
	background:var(--white);font:inherit;color:inherit;min-width:0;width:100%;min-height:44px;
}
.amgsubs-acc .amgsubs-acc-step{
	display:inline-flex;align-items:center;justify-content:center;gap:4px;
	padding:9px 12px;border:1px solid var(--line-strong);border-radius:var(--r-md);
	background:var(--white);font-weight:700;font-size:13px;color:var(--ink);cursor:pointer;white-space:nowrap;
}
.amgsubs-acc .amgsubs-acc-step:hover{border-color:var(--ink)}
/* ±7 на межі діапазону: сіра неактивна кнопка */
.amgsubs-acc .amgsubs-acc-step[disabled]{color:var(--gray-500);border-color:var(--line);background:var(--gray-50);cursor:default;opacity:.7}
.amgsubs-acc .amgsubs-acc-step[disabled]:hover{border-color:var(--line)}
/* частота: чипи-пресети, кожен — submit тієї ж форми (тап = дія, без «зберегти») */
.amgsubs-acc .amgsubs-acc-cycle{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.amgsubs-acc .amgsubs-acc-chips{display:flex;flex-wrap:wrap;gap:8px}
/* min-height не покладаємось на тему: її «global button design system» дає 44px,
   але цей файл вантажиться раніше — повертаємо значення явно. */
.amgsubs-acc .amgsubs-acc-chip{
	display:inline-flex;align-items:center;justify-content:center;
	min-height:44px;padding:10px 16px;
	border:1px solid var(--line-strong);border-radius:var(--r-pill);
	background:var(--white);font-weight:700;font-size:13px;color:var(--ink);
	cursor:pointer;white-space:nowrap;
}
.amgsubs-acc .amgsubs-acc-chip:hover{border-color:var(--ink)}
/* активний чип: мʼяка заливка + акцентна рамка. Суцільна заливка лишається за
   бейджем, тому вибір показує саме рамка, а ховер веде її на --amber-deep. */
.amgsubs-acc .amgsubs-acc-chip.is-on{background:var(--amber-soft);border-color:var(--amber);font-weight:700}
.amgsubs-acc .amgsubs-acc-chip.is-on:hover{border-color:var(--amber-deep)}
.amgsubs-acc .amgsubs-acc-chip[disabled]{opacity:.55;cursor:default}

.amgsubs-acc .amgsubs-acc-hint{font-size:13px;color:var(--gray-500);margin:8px 0 10px}
.amgsubs-acc .amgsubs-acc-hint a{display:inline-block;color:var(--ink);padding:13px 3px;margin:-13px -3px}
/* попередження в панелі складу: вмикає JS, коли прибрано всі позиції */
.amgsubs-acc .amgsubs-acc-warn{
	font-size:13px;color:var(--ink);line-height:1.5;
	background:var(--amber-soft);border-radius:var(--r-md);
	padding:10px 12px;margin:10px 0 0;
}
.amgsubs-acc .amgsubs-acc-save{
	background:var(--amber);color:#fff;border:0;cursor:pointer;
	padding:11px 22px;border-radius:var(--r-pill);font-weight:700;font-size:14px;
}
.amgsubs-acc .amgsubs-acc-save:hover{background:var(--amber-deep)}
/* прибрано всі позиції: кнопку глушить JS, показуємо це явно */
.amgsubs-acc .amgsubs-acc-save[disabled]{background:var(--gray-50);color:var(--gray-500);border:1px solid var(--line-strong);cursor:default}
.amgsubs-acc .amgsubs-acc-save[disabled]:hover{background:var(--gray-50)}

.amgsubs-acc .amgsubs-acc-erow{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}
.amgsubs-acc .amgsubs-acc-erow:last-of-type{border-bottom:0}
.amgsubs-acc .amgsubs-acc-erow.is-removed .amgsubs-acc-ename{text-decoration:line-through;color:var(--gray-500)}
.amgsubs-acc .amgsubs-acc-erow.is-removed .amgsubs-acc-stepper{opacity:.4;pointer-events:none}
.amgsubs-acc .amgsubs-acc-ename{flex:1 1 160px;min-width:0;font-size:13px;font-weight:700;line-height:1.35}
.amgsubs-acc .amgsubs-acc-stepper{display:inline-flex;align-items:center;gap:6px}
.amgsubs-acc .amgsubs-acc-stepper .amgsubs-acc-step{padding:7px 9px}
.amgsubs-acc .amgsubs-acc-stepper input[type="number"]{
	width:52px;text-align:center;padding:7px 4px;min-height:44px;
	border:1px solid var(--line-strong);border-radius:var(--r-md);
	background:var(--white);font:inherit;font-weight:700;
	-moz-appearance:textfield;appearance:textfield;
}
.amgsubs-acc .amgsubs-acc-stepper input::-webkit-outer-spin-button,
.amgsubs-acc .amgsubs-acc-stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.amgsubs-acc .amgsubs-acc-rm{
	background:none;border:0;cursor:pointer;flex:none;
	font-size:13px;font-weight:700;color:var(--gray-500);
	text-decoration:underline;text-underline-offset:3px;
	padding:14px 6px;margin:-14px -6px;
}
.amgsubs-acc .amgsubs-acc-rm:hover{color:var(--ink)}

/* повернення скасованої */
.amgsubs-acc .amgsubs-acc-return{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:16px 20px}
.amgsubs-acc .amgsubs-acc-return p{margin:0;font-size:14px;flex:1 1 220px}
.amgsubs-acc .amgsubs-acc-return .amgsubs-acc-ctrl{flex-direction:row;padding:10px 16px}

/* доставки за планом */
.amgsubs-acc .amgsubs-acc-deliv{margin:0 0 18px}
.amgsubs-acc .amgsubs-acc-deliv h3{font-size:17px;margin:6px 0 12px;letter-spacing:-0.02em}
.amgsubs-acc .amgsubs-acc-dlist{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--white);overflow:hidden}
.amgsubs-acc .amgsubs-acc-drow{
	display:flex;align-items:center;gap:12px;min-height:44px;
	padding:12px 14px;border-top:1px solid var(--line);
	color:var(--ink);text-decoration:none;font-size:13px;
}
.amgsubs-acc .amgsubs-acc-drow:first-child{border-top:0}
.amgsubs-acc .amgsubs-acc-drow:hover{background:var(--gray-50)}
.amgsubs-acc .amgsubs-acc-ddate{font-weight:700;flex:1 1 auto;min-width:0}
.amgsubs-acc .amgsubs-acc-dsum{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.amgsubs-acc .amgsubs-acc-dstat{color:var(--gray-500);white-space:nowrap;flex:none;min-width:96px;text-align:right}
.amgsubs-acc .amgsubs-acc-dstat.is-done{color:var(--gray-700)}
.amgsubs-acc .amgsubs-acc-deliv .amgsubs-acc-hint{margin:8px 0 0}

/* куплене раніше */
.amgsubs-acc .amgsubs-acc-owned h3{font-size:17px;margin:6px 0 12px;letter-spacing:-0.02em}
.amgsubs-acc .amgsubs-acc-orow{
	display:flex;align-items:center;gap:12px;flex-wrap:wrap;
	border:1px solid var(--line);border-radius:var(--r-lg);
	padding:14px;background:var(--white);margin:0 0 10px;
}
.amgsubs-acc .amgsubs-acc-orow .amgsubs-acc-img{width:52px;height:52px}
.amgsubs-acc .amgsubs-acc-omain{flex:1 1 180px;min-width:0}
.amgsubs-acc .amgsubs-acc-oname{font-size:13px;font-weight:700;margin:0;line-height:1.35}
.amgsubs-acc .amgsubs-acc-osub{font-size:13px;color:var(--gray-500);margin:2px 0 0}
.amgsubs-acc .amgsubs-acc-oadd{
	background:transparent;color:var(--ink);border:2px solid var(--ink);cursor:pointer;
	padding:9px 16px;border-radius:var(--r-pill);font-weight:700;font-size:13px;flex:none;
}
.amgsubs-acc .amgsubs-acc-oadd:hover{background:var(--ink);color:var(--white)}
.amgsubs-acc .amgsubs-acc-oadd[disabled]{opacity:.55;cursor:default}

/* порожній стан */
.amgsubs-acc .amgsubs-acc-empty{
	border:1px dashed var(--line-strong);border-radius:var(--r-lg);
	padding:26px 20px;text-align:center;margin:0 0 18px;background:var(--white);
}
.amgsubs-acc .amgsubs-acc-empty-ic{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--amber-soft);margin-bottom:10px}
.amgsubs-acc .amgsubs-acc-empty-t{font-weight:700;font-size:16px;margin:0 0 6px}
.amgsubs-acc .amgsubs-acc-empty-d{font-size:14px;color:var(--gray-700);margin:0 auto;max-width:420px}
.amgsubs-acc .amgsubs-acc-empty-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px;margin-top:16px}
.amgsubs-acc .amgsubs-acc-empty-btn{
	display:inline-flex;align-items:center;justify-content:center;min-height:44px;
	padding:11px 22px;border-radius:var(--r-pill);
	background:var(--amber);color:#fff;text-decoration:none;
	font-weight:700;font-size:14px;
}
.amgsubs-acc .amgsubs-acc-empty-btn:hover{background:var(--amber-deep);color:#fff}

@media (min-width:768px){
	.amgsubs-acc{max-width:880px}
	.amgsubs-acc .amgsubs-acc-controls{grid-template-columns:repeat(4,1fr)}
	.amgsubs-acc .amgsubs-acc-controls--two{grid-template-columns:repeat(2,minmax(0,220px))}
	/* на десктопі ряд дати влазить в один рядок: поле + ±7 поруч */
	.amgsubs-acc .amgsubs-acc-daterow{display:flex;flex-wrap:wrap;gap:8px}
	.amgsubs-acc .amgsubs-acc-daterow input[type="date"]{order:0;width:auto;min-width:170px;flex:0 0 auto}
}