/* ==========================================================================
   Сторінка товару (inc/woocommerce/product-info.php)
   [product_meta_line] — «8 шт / 280 г / 255 ккал на 100 г»
   [product_info]      — вкладки «Склад / Енергетична цінність / Алергени»
   .set-items-section  — контейнер «Склад сету»: видно лише в сетів (body.has-set-items)
   ========================================================================== */

.product-meta-line{color:var(--theme-text-muted);font-size:14px;line-height:1.4}

.product-info{
	--pi-gap:8px;
	--pi-chip-bg:var(--theme-light);   /* ← ПРОЄКТ фон «кнопочки» (сторінка бежева — кнопочки білі, як підкатегорії) */
	--pi-tile-bg:var(--theme-light);
	color:var(--theme-text);font-family:var(--theme-font), sans-serif;
}

/* вкладки — підкреслення, як на sushiicons */
.product-info__tabs{display:flex;margin:0 0 20px;border-bottom:1px solid var(--theme-line)}
.product-info button.product-info__tab{ /* скид стилів кнопок Kit / Hello */
	all:unset;box-sizing:border-box;cursor:pointer;
	flex:1 1 0;padding:12px 8px;margin-bottom:-1px;
	border-bottom:2px solid transparent;
	color:var(--theme-text-muted);font:500 15px/1.2 var(--theme-font), sans-serif;text-align:center;
	transition:color .2s ease,border-color .2s ease;
}
.product-info button.product-info__tab:hover{color:var(--theme-text)}
.product-info button.product-info__tab.is-active{color:var(--theme-text-strong);border-bottom-color:var(--theme-text-strong)}
.product-info button.product-info__tab:focus-visible{outline:2px solid var(--theme-text-strong);outline-offset:-2px;border-radius:4px}
.product-info__panel[hidden]{display:none}

/* «кнопочки» — склад, алергени */
.product-info__chips{display:flex;flex-wrap:wrap;gap:var(--pi-gap);margin:0;padding:0;list-style:none}
.product-info__chip{
	margin:0;padding:8px 14px;
	border-radius:var(--theme-radius);background:var(--pi-chip-bg);
	font-size:15px;line-height:1.2;color:var(--theme-text);white-space:nowrap;
}
.product-info__chip::before,.product-info__chip::marker{display:none;content:none}

/* енергетична цінність */
.product-info__caption{margin:0 0 12px;text-align:center;font-size:14px;color:var(--theme-text-muted)}
.product-info__energy{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:var(--pi-gap)}
.product-info__tile{
	display:flex;flex-direction:column;align-items:center;gap:6px;
	padding:14px 8px;border-radius:var(--theme-radius-lg);background:var(--pi-tile-bg);text-align:center;
}
.product-info__tile-label{font-size:14px;color:var(--theme-text-muted)}
.product-info__tile-value{font-size:18px;font-weight:600;color:var(--theme-text-strong)}
@media (max-width:420px){
	.product-info__energy{grid-template-columns:repeat(2, minmax(0, 1fr))}
	.product-info button.product-info__tab{font-size:14px;padding-inline:4px}
}

/* «Склад сету»: показувати лише в сетів; у редакторі Elementor — завжди */
body:not(.has-set-items):not(.elementor-editor-active) .set-items-section{display:none !important}