/* ==========================================================================
   [product_buy] — ціна · сердечко · «У кошик» / лічильник (inc/woocommerce/product-buy.php)
   Плашка-«пігулка» як кнопки сайту; кнопка і лічильник однакової ширини — без стрибка.
   ========================================================================== */

.product-buy{
	--pb-height:56px;          /* ← ПРОЄКТ висота плашки */
	--pb-pad:6px;              /* відступ кнопки від краю плашки */
	--pb-btn-width:164px;      /* ← ПРОЄКТ ширина «У кошик» = ширина лічильника */
	--pb-bg:var(--theme-light);/* ← ПРОЄКТ фон плашки (сторінка бежева — плашка біла) */
	--card-icon:24px;          /* розмір серця (той самий токен, що на картці — для залитого серця) */
	display:flex;align-items:center;justify-content:space-between;gap:12px;
	min-height:var(--pb-height);padding:var(--pb-pad) var(--pb-pad) var(--pb-pad) 22px;
	border-radius:var(--theme-button-radius);background:var(--pb-bg);
	font-family:var(--theme-font), sans-serif;
}

/* ціна: «209 грн» — валюта дрібніше */
.product-buy__price{min-width:0;color:var(--theme-text-strong);font-size:26px;font-weight:500;line-height:1.1;white-space:nowrap}
.product-buy__price .woocommerce-Price-currencySymbol{font-size:.7em;font-weight:400}
.product-buy__price del{margin-right:8px;color:var(--theme-text-muted);font-size:.65em;opacity:1}
.product-buy__price ins{text-decoration:none}

.product-buy__actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}

/* сердечко — модуль «Обране» (wishlist.css малює залите серце поверх) */
.product-buy__fav{display:flex}
.product-buy__fav button.elementor-icon{
	all:unset;box-sizing:border-box;cursor:pointer;position:relative;
	display:inline-flex;align-items:center;justify-content:center;
	width:44px;height:44px;border-radius:50%;color:var(--theme-text-strong);
	transition:background-color .2s ease;
}
.product-buy__fav button.elementor-icon:hover{background:var(--theme-surface-alt)}
.product-buy__fav button.elementor-icon:focus-visible{outline:2px solid var(--theme-text-strong);outline-offset:2px}
.product-buy__fav svg{width:var(--card-icon);height:var(--card-icon)}

/* «У кошик» і лічильник — вигляд основної кнопки сайту */
.product-buy__cart{position:relative;width:var(--pb-btn-width)}
.product-buy .product-buy__stepper{
	box-sizing:border-box;width:100%;height:calc(var(--pb-height) - 2 * var(--pb-pad));
	border:0;border-radius:var(--theme-button-radius);
	background:var(--theme-button-bg);color:var(--theme-button-color);
	font-family:var(--theme-button-font), sans-serif;font-size:var(--theme-button-size);
	font-weight:var(--theme-button-weight);letter-spacing:var(--theme-button-spacing);
}
.product-buy button.product-buy__add{
	all:unset;box-sizing:border-box;width:100%;height:calc(var(--pb-height) - 2 * var(--pb-pad));cursor:pointer;
	display:flex;align-items:center;justify-content:center;gap:9px;padding:0 16px;
	border-radius:var(--theme-button-radius);background:var(--theme-button-bg);color:var(--theme-button-color);
	font-family:var(--theme-button-font), sans-serif;font-size:var(--theme-button-size);
	font-weight:var(--theme-button-weight);letter-spacing:var(--theme-button-spacing);
	transition:background .2s ease;
}
.product-buy button.product-buy__add:hover{background:var(--theme-button-bg-hover)}
.product-buy button.product-buy__add svg{width:20px;height:20px;flex:0 0 auto}
.product-buy [hidden]{display:none !important}

.product-buy .product-buy__stepper{display:flex;align-items:center;justify-content:space-between;padding:0 4px}
.product-buy button.product-buy__step{
	all:unset;box-sizing:border-box;cursor:pointer;
	display:flex;align-items:center;justify-content:center;
	width:44px;height:100%;border-radius:var(--theme-button-radius);color:inherit;
	transition:background-color .2s ease;
}
.product-buy button.product-buy__step:hover{background:rgba(255, 255, 255, .12)}
.product-buy button.product-buy__step:focus-visible,
.product-buy button.product-buy__add:focus-visible{outline:2px solid var(--theme-text-strong);outline-offset:2px}
.product-buy__qty{min-width:24px;text-align:center;font-size:16px;font-weight:600}
/* «−» коли більше одного, кошик-смітник — коли один (наступний клік прибирає з кошика) */
.product-buy__stepper .product-buy__icon-trash{display:none}
.product-buy__stepper .product-buy__icon-minus{display:flex}
.product-buy__stepper[data-qty="1"] .product-buy__icon-trash{display:flex}
.product-buy__stepper[data-qty="1"] .product-buy__icon-minus{display:none}

.product-buy.is-loading .product-buy__cart{opacity:.7;pointer-events:none}
.product-buy__out{padding:0 12px;color:var(--theme-text-muted);font-size:14px}

@media (max-width:420px){
	.product-buy{--pb-btn-width:136px;padding-left:16px;gap:6px}
	.product-buy__price{font-size:22px}
	.product-buy__fav button.elementor-icon{width:38px}
}