/* AMG pet-recs — UI етапів 1–2 (15.09.2026, B2). Токени CLAUDE.md: ink #190a03, muted #6b7280 / #555555,
   стани #1c49c2 / #143795 / #f0f6fc / #d9e6f4, плашка #f5f5f5 / #ebebeb, значок попередження #e8762d, ok #2e7d32.
   Стилі всередині shadow-root карток (.amg-refill__cell/__meta) інжектить petrecs.js. */

/* ---------------- 1. Головна: секція #amg-h2-refill (каркас B1, ритм = сіра смуга групи рекомендацій) */
html.amg-home2 #amg-h2-refill[hidden] { display: none !important; }
html.amg-home2 #amg-h2-refill .amg-refill__shelf[hidden] { display: none !important; }
html.amg-home2 #amg-h2-refill .amg-refill__shelf + .amg-refill__shelf { margin-top: 44px; }
html.amg-home2 #amg-h2-refill .amg-refill__title {
	font: 800 24px/1.15 Nunito, Arial, Helvetica, sans-serif;
	color: #190a03;
	letter-spacing: -.01em;
	margin: 0 0 6px;
}
html.amg-home2 #amg-h2-refill .amg-refill__sub {
	font: 500 15px/1.4 Nunito, Arial, Helvetica, sans-serif;
	color: #6b7280;
	margin: 0 0 14px;
}
html.amg-home2 #amg-h2-refill .amg-refill__title:empty,
html.amg-home2 #amg-h2-refill .amg-refill__sub:empty { display: none; }
@media (max-width: 1024px) {
	html.amg-home2 #amg-h2-refill .amg-refill__shelf + .amg-refill__shelf { margin-top: 32px; }
	html.amg-home2 #amg-h2-refill .amg-refill__title { font-size: 20px; }
	html.amg-home2 #amg-h2-refill .amg-refill__sub { font-size: 14px; margin-bottom: 10px; }
}

/* ---------------- 2. PDP: рядок відповідності після h1, «ви купували» під ціною, «беруть повторно» (B1) */
.single-product .summary .amg-title-card .amg-fitwrap {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 8px 0 2px;
}
.single-product .summary .amg-title-card .amg-fitwrap[hidden] { display: none; }
.single-product .summary .amg-fit {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	margin: 0;
	font: 600 13px/1.4 Nunito, Arial, Helvetica, sans-serif;
	color: #190a03;
}
.single-product .summary .amg-fit__ico {
	flex: 0 0 auto;
	width: 16px;
	height: 16px;
	margin-top: 1px;
	color: #6b7280;
}
.single-product .summary .amg-fit__ico--ok { color: #2e7d32; }
.single-product .summary .amg-fit__ico svg { display: block; width: 16px; height: 16px; }
.single-product .summary .amg-fit__txt { flex: 1 1 auto; min-width: 0; }
/* застереження = нейтральна плашка + значок #e8762d, без червоного і без жовтого фону */
.single-product .summary .amg-fit--warn {
	background: #f5f5f5;
	border: 1px solid #ebebeb;
	border-radius: 10px;
	padding: 8px 10px;
}
.single-product .summary .amg-fit--warn .amg-fit__ico { color: #e8762d; }
/* пігулки перемикання тварини (кілька улюбленців одного виду). Подвійний клас + явний скид:
   тема має глобальні правила на button (memory gotcha 13.09). */
.single-product .summary .amg-fit__pets {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 4px;
	margin-left: auto;
	padding-left: 8px;
}
.single-product .summary button.amg-fit__pet.amg-fit__pet {
	appearance: none;
	-webkit-appearance: none;
	display: inline-flex;
	align-items: center;
	min-height: 0;
	height: 22px;
	margin: 0;
	padding: 0 9px;
	border: 1px solid #ebebeb;
	border-radius: 999px;
	background: #fff;
	box-shadow: none;
	color: #190a03;
	font: 700 12px/1 Nunito, Arial, Helvetica, sans-serif;
	text-transform: none;
	letter-spacing: normal;
	cursor: pointer;
	transition: border-color .15s, background .15s;
}
.single-product .summary button.amg-fit__pet.amg-fit__pet:hover { border-color: #d9e6f4; }
.single-product .summary button.amg-fit__pet.amg-fit__pet.is-on {
	border-color: #1c49c2;
	background: #f0f6fc;
	color: #143795;
}
.single-product .summary button.amg-fit__pet.amg-fit__pet:focus-visible { outline: 2px solid #1c49c2; outline-offset: 2px; }

.single-product .summary p.amg-bought {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	margin: 8px 0 0;
	font: 600 13px/1.4 Nunito, Arial, Helvetica, sans-serif;
	color: #555555;
}
.single-product .summary p.amg-bought svg { flex: 0 0 auto; width: 16px; height: 16px; margin-top: 1px; color: #6b7280; }

/* «Беруть повторно: <b>412</b> покупців…» друкує B1 (amg-pdp-v3.php) */
.single-product .summary p.amg-repeat-proof {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	margin: 8px 0 0;
	font: 500 13px/1.4 Nunito, Arial, Helvetica, sans-serif;
	color: #555555;
}
.single-product .summary p.amg-repeat-proof::before {
	content: "";
	flex: 0 0 auto;
	width: 16px;
	height: 16px;
	margin-top: 1px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%232e7d32' d='M19.495 3.133a1 1 0 0 1 1.352.309l.99 1.51a1 1 0 0 1-.155 1.279l-.003.004l-.014.013l-.057.053l-.225.215a84 84 0 0 0-3.62 3.736c-2.197 2.416-4.806 5.578-6.562 8.646c-.49.856-1.687 1.04-2.397.301l-6.485-6.738a1 1 0 0 1 .051-1.436l1.96-1.768A1 1 0 0 1 5.6 9.2l3.309 2.481c5.169-5.097 8.1-7.053 10.586-8.548'/%3E%3C/svg%3E") no-repeat center / 16px 16px;
}
.single-product .summary p.amg-repeat-proof b { font-weight: 800; color: #190a03; }

/* ---------------- 3. Кабінет: /my_acc/reorder/ */
#amg-reorder-page { display: flex; flex-direction: column; gap: 32px; margin-top: 4px; }
/* резерв висоти до монтування: футер лишається за межами екрана, поки JS збирає секції (анти-CLS) */
#amg-reorder-page:empty,
#amg-reorder-page.amg-rp--loading { min-height: 60vh; }
#amg-reorder-page .amg-rp__slot.amgv-home-slot:not(:has(amgv-cards)) { min-height: 300px; }
#amg-reorder-page .amg-rp__h {
	font: 800 20px/1.2 Nunito, Arial, Helvetica, sans-serif;
	color: #190a03;
	margin: 0 0 4px;
}
#amg-reorder-page .amg-rp__sub {
	font: 500 14px/1.4 Nunito, Arial, Helvetica, sans-serif;
	color: #6b7280;
	margin: 0 0 12px;
}
#amg-reorder-page .amg-rp__slot { min-height: 0; }
@media (max-width: 1024px) {
	/* peek як у полиць головної: слайдер до правого краю екрана */
	#amg-reorder-page .amgv-home-slot { margin-right: calc(50% - 50vw); }
}
/* одна картка → рядок замість слайдера */
#amg-reorder-page .amg-rp__rows { display: flex; flex-direction: column; gap: 10px; }
#amg-reorder-page a.amg-rp__row {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 10px 12px;
	border: 1px solid #ebebeb;
	border-radius: 14px;
	background: #fff;
	color: #190a03;
	text-decoration: none;
}
#amg-reorder-page a.amg-rp__row:hover { border-color: #d9e6f4; }
#amg-reorder-page .amg-rp__img { width: 64px; height: 64px; flex: 0 0 auto; object-fit: contain; border-radius: 10px; background: #fbf8f1; }
#amg-reorder-page .amg-rp__body { display: flex; flex-direction: column; gap: 4px; min-width: 0; flex: 1 1 auto; }
#amg-reorder-page .amg-rp__t { font: 600 14px/1.35 Nunito, Arial, Helvetica, sans-serif; color: #190a03; }
#amg-reorder-page .amg-rp__meta { display: flex; align-items: flex-start; gap: 6px; font: 600 13px/1.35 Nunito, Arial, Helvetica, sans-serif; color: #6b7280; }
#amg-reorder-page .amg-rp__meta svg { width: 14px; height: 14px; flex: 0 0 auto; margin-top: 2px; }
#amg-reorder-page .amg-rp__meta--warn { color: #190a03; }
#amg-reorder-page .amg-rp__meta--warn svg { color: #e8762d; }
#amg-reorder-page .amg-rp__p { font: 700 16px/1 Nunito, Arial, Helvetica, sans-serif; color: #190a03; white-space: nowrap; }
/* порожній стан */
#amg-reorder-page .amg-rp__empty {
	padding: 24px;
	border: 1px solid #ebebeb;
	border-radius: 16px;
	background: #fff;
	font: 500 15px/1.5 Nunito, Arial, Helvetica, sans-serif;
	color: #555555;
}
#amg-reorder-page .amg-rp__empty p { margin: 0 0 10px; }
#amg-reorder-page .amg-rp__empty-t { font-weight: 800; font-size: 18px; color: #190a03; }
#amg-reorder-page a.amg-rp__btn,
#amg-reorder-page a.amg-rp__btn:visited {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 10px 20px;
	border-radius: 12px;
	background: #190a03;
	color: #fff;
	font: 700 15px/1.2 Nunito, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#amg-reorder-page a.amg-rp__btn:hover { background: #2d1408; color: #fff; }
/* «Ви берете це регулярно» = пасивна плашка */
#amg-reorder-page .amg-rp-subs {
	padding: 18px 20px 20px;
	border: 1px solid #ebebeb;
	border-radius: 16px;
	background: #f5f5f5;
}
#amg-reorder-page .amg-rp-subs__h { font: 800 17px/1.3 Nunito, Arial, Helvetica, sans-serif; color: #190a03; margin: 0 0 10px; }
#amg-reorder-page .amg-rp-subs__list { list-style: none; margin: 0 0 10px; padding: 0; display: flex; flex-direction: column; gap: 6px; }
#amg-reorder-page .amg-rp-subs__list li { display: flex; align-items: flex-start; gap: 8px; font: 600 14px/1.4 Nunito, Arial, Helvetica, sans-serif; color: #190a03; }
#amg-reorder-page .amg-rp-subs__list svg { flex: 0 0 auto; width: 16px; height: 16px; margin-top: 2px; color: #2e7d32; }
#amg-reorder-page .amg-rp-subs__p { margin: 0 0 14px; font: 500 14px/1.45 Nunito, Arial, Helvetica, sans-serif; color: #555555; }

/* ---------------- 3b. Дашборд: картка «Справи {Ім'я}» (класи картки з amg-dash-v2-assets/dash.css) */
body.woocommerce-account .amigo-dash-v2 #amg-petrecs-dash:empty { display: none; }
body.woocommerce-account .amigo-dash-v2 .amg-d2-todo { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
body.woocommerce-account .amigo-dash-v2 .amg-d2-todo__i {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	font: 500 14px/1.45 Nunito, Arial, Helvetica, sans-serif;
	color: #333333;
}
body.woocommerce-account .amigo-dash-v2 .amg-d2-todo__ic { flex: 0 0 auto; width: 18px; height: 18px; margin-top: 1px; color: #6b7280; }
body.woocommerce-account .amigo-dash-v2 .amg-d2-todo__ic svg { display: block; width: 18px; height: 18px; }
body.woocommerce-account .amigo-dash-v2 .amg-d2-todo__i--warn .amg-d2-todo__ic { color: #e8762d; }
body.woocommerce-account .amigo-dash-v2 .amg-d2-todo__t { min-width: 0; }
body.woocommerce-account .amigo-dash-v2 a.amg-d2-todo__a { color: #1c49c2; font-weight: 700; text-decoration: none; white-space: nowrap; }
body.woocommerce-account .amigo-dash-v2 a.amg-d2-todo__a:hover { color: #143795; text-decoration: underline; }