/* =============================================================================
   Кнопки особистого кабінету — один вигляд на всі сторінки /my_acc/*.
   28.08.2026.

   ЩО БУЛО. Кожен модуль кабінету малював кнопки по-своєму, а там, де він
   якусь властивість не оголосив, її дописувало групове правило теми
   (xts-hitek/style.css:388 і xts-hitek-child/style.css:2919 —
   `.btn,.button,.xts-button,button,[type=submit],[type=button]`). Заміри на
   живих сторінках 28.08 дали: 5 радіусів (8/10/12/14/999), 6 висот
   (35/38/44/45/46/48), 5 кеглів (11.9/13/13.5/14/15), 3 накреслення
   (500/600/700), 7 різних майже-чорних кольорів тексту, 4 майже-сірих рамки
   і ТРИ різні «основні» кнопки (амбер r=14 на «Особистих даних», амбер r=10
   на «Моєму улюбленці», чорна пігулка r=999 на «Майстерні»).

   ЩО ТУТ. Три ролі і нічого більше:
     основна    — заливка ink #190a03, білий текст, 700;
     другорядна — біла, рамка #d4d4d4, ink-текст, 600;
     тиха       — текст-лінк без коробки, підкреслення амбером.
   Це та сама пара, що в фірмових листах (plugins/amg-subscriptions/inc/email.php
   :216 `amg_subs_email_cta()` — «чорна кнопка + другорядний підкреслений лінк»),
   тому кабінет і лист виглядають однією системою. Радіус 12px — токен --r-md
   кабінету підписки (картка 20px, кнопка 12px = правильна вкладеність).

   ⛔ Амбер лишається кольором ДІЇ магазину (кошик/чекаут/купити) і акцентом
   підкреслення — тут його не чіпаємо. Синій #1c49c2 лишається кольором СТАНУ
   (чипи «На паузі», вибрані канали нагадувань) — теж не чіпаємо.

   ПРО СПЕЦИФІЧНІСТЬ (важливо для майбутніх правок).
   База ловить загальний клас `.button` і конкретні класи компонентів, тому
   важить до (0,3,2). Щоб роль (основна/тиха/приглушена) не програвала власній
   базі, у правилах ролей клас продубльовано: `.x.x` дає (0,4,y) і виграє без
   жодного !important. Той самий прийом уже вживається у
   plugins/amg-subscriptions/assets/account.css:35.
   ⛔ НЕ додавати в базу голий `button[type=submit]`: чипи частоти і ±7 у панелі
   дати — теж submit-и, і база з'їдає їхню форму та синій стан .is-on.
   Файл підключається на wp_enqueue_scripts з пріоритетом 100 — пізніше за
   тему, за account.css плагіна підписки і за mu-plugins/amg-myaccount-assets.
   Усе обмежене `body.woocommerce-account` — кошик, чекаут і картка товару не
   зачеплені.
   ============================================================================= */

body.woocommerce-account{
	--accb-ink:#190a03;
	--accb-ink-hi:#2d1b0c;
	--accb-line:#d4d4d4;
	--accb-line-soft:#e5e5e5;
	/* Другорядна має легку сіру заливку: на білій картці чисто біла кнопка з
	   тонкою рамкою читалась як порожнє поле вводу, а не як кнопка. */
	--accb-fill:#f5f5f5;
	--accb-fill-hi:#ebebeb;
	--accb-wash:#fafaf7;
	--accb-mute:#6b7280;
	--accb-mute-hi:#555555;
	--accb-amber:#ffba00;
	--accb-r:12px;
	--accb-h:44px;
	--accb-h-sm:38px;
}

/* ─────────────────────────────────────────────────────────────────────────────
   1. БАЗА — другорядна кнопка. Спільна геометрія і типографіка.
   ───────────────────────────────────────────────────────────────────────────── */
/* ⛔ У цьому списку НЕМА голого `button[type=submit]`. Спочатку він тут був — і
   збив чипи частоти («місяць / 2 тижні …») та ±7: вони теж submit-и, і база
   перебивала і їхню форму-пігулку, і синій стан .is-on. Ловимо або клас .button
   (ним позначені всі загальні кнопки кабінету), або конкретний клас компонента. */
body.woocommerce-account .woocommerce-MyAccount-content .button,
body.woocommerce-account .woocommerce-MyAccount-content input[type="submit"],
body.woocommerce-account .woocommerce-MyAccount-content .wcrm-btn,
body.woocommerce-account .woocommerce-MyAccount-content .wcoe-filter-btn,
body.woocommerce-account .woocommerce-MyAccount-content .amg-pwd-toggle,
body.woocommerce-account .woocommerce-MyAccount-content .amigo-btn,
body.woocommerce-account .woocommerce-MyAccount-content .amigo-dash-hint__btn,
body.woocommerce-account .woocommerce-MyAccount-content .amgsubs-acc-btn,
body.woocommerce-account .woocommerce-MyAccount-content .amgsubs-acc-ctrl,
body.woocommerce-account .woocommerce-MyAccount-content .amgsubs-acc-save,
body.woocommerce-account .woocommerce-MyAccount-content .amgsubs-acc-empty-btn,
body.woocommerce-account .woocommerce-MyAccount-content .amgsubs-acc-oadd{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	box-sizing:border-box;
	min-height:var(--accb-h);
	padding:9px 18px;
	border:1px solid var(--accb-line);
	border-radius:var(--accb-r);
	background-color:var(--accb-fill);
	color:var(--accb-ink);
	font-family:inherit;
	font-size:14px;
	font-weight:600;
	line-height:1.25;
	letter-spacing:0;
	text-align:center;
	text-transform:none;
	text-decoration:none;
	text-shadow:none;
	box-shadow:none;
	cursor:pointer;
	transition:background-color .15s ease, border-color .15s ease, color .15s ease;
}

/* Наведення другорядної: рамка темніє до ink, фон ледь теплішає. */
body.woocommerce-account .woocommerce-MyAccount-content .button:hover,
body.woocommerce-account .woocommerce-MyAccount-content input[type="submit"]:hover,
body.woocommerce-account .woocommerce-MyAccount-content .wcrm-btn:hover,
body.woocommerce-account .woocommerce-MyAccount-content .wcoe-filter-btn:hover,
body.woocommerce-account .woocommerce-MyAccount-content .amg-pwd-toggle:hover,
body.woocommerce-account .woocommerce-MyAccount-content .amigo-btn:hover,
body.woocommerce-account .woocommerce-MyAccount-content .amigo-dash-hint__btn:hover,
body.woocommerce-account .woocommerce-MyAccount-content .amgsubs-acc-btn:hover,
body.woocommerce-account .woocommerce-MyAccount-content .amgsubs-acc-ctrl:hover{
	background-color:var(--accb-fill-hi);
	border-color:var(--accb-ink);
	color:var(--accb-ink);
}

/* Натиск — той самий мікрозсув, що вже жив у mu-plugins/amg-myaccount-assets. */
body.woocommerce-account .woocommerce-MyAccount-content .button:active,
body.woocommerce-account .woocommerce-MyAccount-content .wcrm-btn:active,
body.woocommerce-account .woocommerce-MyAccount-content .wcoe-filter-btn:active,
body.woocommerce-account .woocommerce-MyAccount-content .amg-pwd-toggle:active,
body.woocommerce-account .woocommerce-MyAccount-content .amigo-btn:active,
body.woocommerce-account .woocommerce-MyAccount-content .amigo-dash-hint__btn:active,
body.woocommerce-account .woocommerce-MyAccount-content .amgsubs-acc-btn:active,
body.woocommerce-account .woocommerce-MyAccount-content .amgsubs-acc-ctrl:active,
body.woocommerce-account .woocommerce-MyAccount-content .amgsubs-acc-save:active{
	transform:translateY(1px);
}

/* Фокус з клавіатури — ink-кільце під радіусом кнопки. mu-plugins ставить синє
   кільце з radius:6px на всі елементи кабінету, і на 12-піксельній кнопці воно
   різало кути. */
body.woocommerce-account .woocommerce-MyAccount-content .button:focus-visible,
body.woocommerce-account .woocommerce-MyAccount-content .wcrm-btn:focus-visible,
body.woocommerce-account .woocommerce-MyAccount-content .wcoe-filter-btn:focus-visible,
body.woocommerce-account .woocommerce-MyAccount-content .amg-pwd-toggle:focus-visible,
body.woocommerce-account .woocommerce-MyAccount-content .amigo-btn:focus-visible,
body.woocommerce-account .woocommerce-MyAccount-content .amigo-dash-hint__btn:focus-visible,
body.woocommerce-account .woocommerce-MyAccount-content .amgsubs-acc-btn:focus-visible,
body.woocommerce-account .woocommerce-MyAccount-content .amgsubs-acc-ctrl:focus-visible,
body.woocommerce-account .woocommerce-MyAccount-content .amgsubs-acc-save:focus-visible,
body.woocommerce-account .woocommerce-MyAccount-content .amgsubs-acc-empty-btn:focus-visible,
body.woocommerce-account .woocommerce-MyAccount-content .amgsubs-acc-oadd:focus-visible{
	outline:2px solid var(--accb-ink);
	outline-offset:2px;
	border-radius:var(--accb-r);
}

/* Вимкнена кнопка — однаково всюди. ⛔ Не чіпаємо .amgsubs-acc-step[disabled]:
   у нього власний вигляд (сіра заливка замість напівпрозорості). */
body.woocommerce-account .woocommerce-MyAccount-content .button[disabled],
body.woocommerce-account .woocommerce-MyAccount-content .wcrm-btn[disabled],
body.woocommerce-account .woocommerce-MyAccount-content .amgsubs-acc-btn[disabled],
body.woocommerce-account .woocommerce-MyAccount-content .amgsubs-acc-ctrl[disabled],
body.woocommerce-account .woocommerce-MyAccount-content .amgsubs-acc-oadd[disabled]{
	opacity:.45;
	cursor:not-allowed;
}

/* ─────────────────────────────────────────────────────────────────────────────
   2. ОСНОВНА — чорна заливка, рівно як CTA у фірмових листах.
   Клас продубльовано (.x.x), щоб перебити базу з пункту 1 без !important.
   ───────────────────────────────────────────────────────────────────────────── */
body.woocommerce-account .woocommerce-MyAccount-content .button.alt,
body.woocommerce-account .woocommerce-MyAccount-content .wcrm-btn--primary.wcrm-btn--primary,
body.woocommerce-account .woocommerce-MyAccount-content .wcrm-form-submit.wcrm-form-submit,
body.woocommerce-account .woocommerce-MyAccount-content form[data-cart-empty] > button[type="submit"],
body.woocommerce-account .woocommerce-MyAccount-content .wcoe-empty__cta.wcoe-empty__cta,
body.woocommerce-account .woocommerce-MyAccount-content .amg-vs-empty__cta.amg-vs-empty__cta,
body.woocommerce-account .woocommerce-MyAccount-content .amigo-btn-hero.amigo-btn-hero,
body.woocommerce-account .woocommerce-MyAccount-content .amigo-dash-hint__btn.amigo-dash-hint__btn,
body.woocommerce-account .woocommerce-MyAccount-content .amgsubs-acc-save.amgsubs-acc-save,
body.woocommerce-account .woocommerce-MyAccount-content .amgsubs-acc-empty-btn.amgsubs-acc-empty-btn,
body.woocommerce-account .woocommerce-MyAccount-content .amgsubs-acc-oadd.amgsubs-acc-oadd,
body.woocommerce-account .woocommerce-MyAccount-content .amgsubs-acc-btn--primary.amgsubs-acc-btn--primary,
body.woocommerce-account .woocommerce-MyAccount-content .amgsubs-acc-ctrl--primary.amgsubs-acc-ctrl--primary,
body.woocommerce-account .woocommerce-MyAccount-content button[name="save_account_details"],
body.woocommerce-account .woocommerce-MyAccount-content button[name="save_address"]{
	background-color:var(--accb-ink);
	border-color:var(--accb-ink);
	color:#fff;
	font-weight:700;
}
body.woocommerce-account .woocommerce-MyAccount-content .button.alt:hover,
body.woocommerce-account .woocommerce-MyAccount-content .wcrm-btn--primary.wcrm-btn--primary:hover,
body.woocommerce-account .woocommerce-MyAccount-content .wcrm-form-submit.wcrm-form-submit:hover,
body.woocommerce-account .woocommerce-MyAccount-content form[data-cart-empty] > button[type="submit"]:hover,
body.woocommerce-account .woocommerce-MyAccount-content .wcoe-empty__cta.wcoe-empty__cta:hover,
body.woocommerce-account .woocommerce-MyAccount-content .amg-vs-empty__cta.amg-vs-empty__cta:hover,
body.woocommerce-account .woocommerce-MyAccount-content .amigo-btn-hero.amigo-btn-hero:hover,
body.woocommerce-account .woocommerce-MyAccount-content .amigo-dash-hint__btn.amigo-dash-hint__btn:hover,
body.woocommerce-account .woocommerce-MyAccount-content .amgsubs-acc-save.amgsubs-acc-save:hover,
body.woocommerce-account .woocommerce-MyAccount-content .amgsubs-acc-empty-btn.amgsubs-acc-empty-btn:hover,
body.woocommerce-account .woocommerce-MyAccount-content .amgsubs-acc-oadd.amgsubs-acc-oadd:hover,
body.woocommerce-account .woocommerce-MyAccount-content .amgsubs-acc-btn--primary.amgsubs-acc-btn--primary:hover,
body.woocommerce-account .woocommerce-MyAccount-content .amgsubs-acc-ctrl--primary.amgsubs-acc-ctrl--primary:hover,
body.woocommerce-account .woocommerce-MyAccount-content button[name="save_account_details"]:hover,
body.woocommerce-account .woocommerce-MyAccount-content button[name="save_address"]:hover{
	background-color:var(--accb-ink-hi);
	border-color:var(--accb-ink-hi);
	color:#fff;
}
/* Вимкнена основна не має лишатись чорною плитою. */
body.woocommerce-account .woocommerce-MyAccount-content .amgsubs-acc-save.amgsubs-acc-save[disabled],
body.woocommerce-account .woocommerce-MyAccount-content .amgsubs-acc-save.amgsubs-acc-save[disabled]:hover{
	background-color:#f5f5f5;
	border-color:var(--accb-line);
	color:var(--accb-mute);
}

/* ─────────────────────────────────────────────────────────────────────────────
   3. ПРИГЛУШЕНА другорядна — «Скасувати». Без червоного, просто тихіша.
   ───────────────────────────────────────────────────────────────────────────── */
/* ⛔ .button.button-secondary сюди НЕ додавати: цим класом WooCommerce позначає
   і «Оформити замовлення» на порожній адресній книзі — приглушувати найкорисніший
   для клієнта крок неправильно. Приглушена роль лишається за явними --mute. */
body.woocommerce-account .woocommerce-MyAccount-content .amgsubs-acc-btn--mute.amgsubs-acc-btn--mute,
body.woocommerce-account .woocommerce-MyAccount-content .amgsubs-acc-ctrl--mute.amgsubs-acc-ctrl--mute{
	background-color:#fff;
	border-color:var(--accb-line-soft);
	color:var(--accb-mute);
	font-weight:600;
}
body.woocommerce-account .woocommerce-MyAccount-content .amgsubs-acc-btn--mute.amgsubs-acc-btn--mute:hover,
body.woocommerce-account .woocommerce-MyAccount-content .amgsubs-acc-ctrl--mute.amgsubs-acc-ctrl--mute:hover{
	background-color:var(--accb-wash);
	border-color:var(--accb-line);
	color:var(--accb-mute-hi);
}

/* ─────────────────────────────────────────────────────────────────────────────
   4. ТИХА (текст-лінк). Жодної коробки: підкреслення амбером, як у листах.
   Подвоєні класи в префіксі — щоб перебити базу, яка ловить ці ж елементи
   як button[type=submit]. Тап-таргет добирається padding-ом з відʼємним
   margin (лишається з account.css плагіна) — рядок не роз'їжджається.
   ───────────────────────────────────────────────────────────────────────────── */
body.woocommerce-account .amgsubs-acc.amgsubs-acc .amgsubs-acc-linkbtn.amgsubs-acc-linkbtn,
body.woocommerce-account .amgsubs-acc.amgsubs-acc .amgsubs-acc-more.amgsubs-acc-more{
	display:inline;
	box-sizing:content-box;
	min-height:0;
	background:none;
	border:0;
	border-radius:0;
	color:var(--accb-ink);
	font-family:inherit;
	font-size:14px;
	font-weight:600;
	line-height:1.4;
	text-align:left;
	text-decoration:underline;
	text-decoration-thickness:2px;
	text-decoration-color:var(--accb-amber);
	text-underline-offset:4px;
	box-shadow:none;
	cursor:pointer;
	transition:color .15s ease, text-decoration-color .15s ease;
}
body.woocommerce-account .amgsubs-acc.amgsubs-acc .amgsubs-acc-linkbtn.amgsubs-acc-linkbtn:hover{
	color:var(--accb-ink);
	text-decoration-color:var(--accb-ink);
}
/* --sm = дрібніший, але це ЖИВІ перемикачі («Оплачувати карткою», «Списувати
   бонуси автоматично») — колір лишається ink, інакше вони читаються як сірий
   неактивний текст. Сірим стає тільки --mute («Скасувати підписку»). */
body.woocommerce-account .amgsubs-acc.amgsubs-acc .amgsubs-acc-linkbtn.amgsubs-acc-linkbtn--sm{
	font-size:13px;
	color:var(--accb-ink);
	text-decoration-color:var(--accb-amber);
}
body.woocommerce-account .amgsubs-acc.amgsubs-acc .amgsubs-acc-linkbtn.amgsubs-acc-linkbtn--mute,
body.woocommerce-account .amgsubs-acc.amgsubs-acc .amgsubs-acc-rm.amgsubs-acc-rm{
	min-height:0;
	border-radius:0;
	font-size:13px;
	font-weight:600;
	color:var(--accb-mute);
	text-decoration:underline;
	text-decoration-thickness:2px;
	text-decoration-color:var(--accb-line);
	text-underline-offset:4px;
}
body.woocommerce-account .amgsubs-acc.amgsubs-acc .amgsubs-acc-linkbtn.amgsubs-acc-linkbtn--sm:hover,
body.woocommerce-account .amgsubs-acc.amgsubs-acc .amgsubs-acc-linkbtn.amgsubs-acc-linkbtn--mute:hover,
body.woocommerce-account .amgsubs-acc.amgsubs-acc .amgsubs-acc-rm.amgsubs-acc-rm:hover{
	color:var(--accb-ink);
	text-decoration-color:var(--accb-ink);
}
/* «Більше налаштувань» — розкривач із шевроном, а не лінк: без підкреслення
   і з поверненим flex, щоб іконка стояла в рядок із текстом. */
body.woocommerce-account .amgsubs-acc.amgsubs-acc .amgsubs-acc-more.amgsubs-acc-more{
	display:inline-flex;
	align-items:center;
	gap:6px;
	padding:8px 0;
	text-decoration:none;
}
body.woocommerce-account .amgsubs-acc.amgsubs-acc .amgsubs-acc-more.amgsubs-acc-more:hover{
	color:var(--accb-ink);
	text-decoration:underline;
	text-decoration-color:var(--accb-amber);
}

/* ─────────────────────────────────────────────────────────────────────────────
   5. МАЛИЙ РОЗМІР — інлайнові дії всередині рядків і панелей.
   ───────────────────────────────────────────────────────────────────────────── */
body.woocommerce-account .woocommerce-MyAccount-content .amg-pwd-toggle.amg-pwd-toggle,
body.woocommerce-account .woocommerce-MyAccount-content .amigo-dash-hint__btn.amigo-dash-hint__btn,
body.woocommerce-account .woocommerce-MyAccount-content .amgsubs-acc-more-body .amgsubs-acc-ctrl{
	min-height:var(--accb-h-sm);
	padding:7px 14px;
	font-size:13px;
}

/* ─────────────────────────────────────────────────────────────────────────────
   6. ТОЧКОВІ ЗЧИЩЕННЯ.
   ───────────────────────────────────────────────────────────────────────────── */

/* «Знайти» у фільтрі замовлень: власний CSS модуля просив color:#fff, але фон
   не задавав — білий текст рятувало лише те, що правило теми перебивало його
   назад на темний. Лишаємо другорядною: на сторінці замовлень головна дія — це
   каталог/повтор замовлення, а не сабміт фільтра. height:auto знімає жорсткі 44. */
body.woocommerce-account .woocommerce-MyAccount-content .wcoe-filter-btn.wcoe-filter-btn{
	height:auto;
	width:auto;
	color:var(--accb-ink);
}

/* Чипи вибору (канали нагадувань, фільтр замовлень, «додати улюбленця») —
   це НЕ кнопки. У кабінеті вони пігулки: форма сама каже «це варіант, а не дія».
   Синій стан #1c49c2 лишаємо як є. */
body.woocommerce-account .woocommerce-MyAccount-content .wcrm-notify-btn{
	border-radius:999px;
}

/* Заголовок-розкривач «Книга пригод» — це рядок, а не кнопка; групове правило
   теми домальовувало йому радіус 8px поруч із 12-піксельними сусідами. */
body.woocommerce-account .woocommerce-MyAccount-content .qj-header{
	border-radius:var(--accb-r);
}

/* Порожні стани: CTA всередині них теж підпорядковані системі. Заливка і
   наведення приходять із блоку «основна» вище — тут лише геометрія. */
body.woocommerce-account .woocommerce-MyAccount-content .amg-vs-empty__cta,
body.woocommerce-account .woocommerce-MyAccount-content .wcoe-empty__cta{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	box-sizing:border-box;
	min-height:var(--accb-h);
	padding:9px 18px;
	border:1px solid var(--accb-ink);
	border-radius:var(--accb-r);
	background-color:var(--accb-ink);
	color:#fff;
	font-size:14px;
	font-weight:700;
	line-height:1.25;
	text-decoration:none;
	transition:background-color .15s ease, border-color .15s ease;
}
body.woocommerce-account .woocommerce-MyAccount-content .amg-vs-empty__cta:hover,
body.woocommerce-account .woocommerce-MyAccount-content .wcoe-empty__cta:hover{
	background-color:var(--accb-ink-hi);
	border-color:var(--accb-ink-hi);
	color:#fff;
	box-shadow:none;
}

/* ─────────────────────────────────────────────────────────────────────────────
   7. МОБІЛЬНИЙ. Тап-таргет 44px тримаємо, підпис не ріжемо і не виштовхуємо.
   ───────────────────────────────────────────────────────────────────────────── */
@media (max-width:767px){
	body.woocommerce-account .woocommerce-MyAccount-content .button,
	body.woocommerce-account .woocommerce-MyAccount-content .wcrm-btn,
	body.woocommerce-account .woocommerce-MyAccount-content .wcoe-filter-btn,
	body.woocommerce-account .woocommerce-MyAccount-content .amigo-btn,
	body.woocommerce-account .woocommerce-MyAccount-content .amgsubs-acc-btn,
	body.woocommerce-account .woocommerce-MyAccount-content .amgsubs-acc-ctrl,
	body.woocommerce-account .woocommerce-MyAccount-content .amgsubs-acc-save,
	body.woocommerce-account .woocommerce-MyAccount-content .amgsubs-acc-empty-btn,
	body.woocommerce-account .woocommerce-MyAccount-content button[name="save_account_details"],
	body.woocommerce-account .woocommerce-MyAccount-content button[name="save_address"]{
		min-height:var(--accb-h);
		padding:9px 12px;
		font-size:13.5px;
	}
	/* Довгі підписи на 390px не мають ні вилазити, ні обрізатись багатокрапкою. */
	body.woocommerce-account .woocommerce-MyAccount-content .amgsubs-acc-btn.amgsubs-acc-btn{
		height:auto;
		white-space:normal;
	}
}