/*
 * Single-product tabbed content (functions/commerce/product-content.php),
 * matched to prototype page-product.jsx: Brauer tabs, yellow active underline,
 * panel border, mono Nährwerte caption. Tokens from tokens.css.
 */
.sisa-product-content {
	margin-top: 48px;
	background: var(--sisa-panel);
	border: 1px solid var(--sisa-hairline);
}

/* Tab nav */
.sisa-tabs {
	display: flex;
	border-bottom: 1px solid var(--sisa-hairline);
	overflow-x: auto;
	scrollbar-width: none;
}
.sisa-tabs::-webkit-scrollbar { display: none; }
.sisa-tab {
	padding: 20px 28px;
	border: 0;
	background: transparent;
	cursor: pointer;
	font-family: var(--sisa-display);
	font-weight: 700;
	font-size: 15px;
	line-height: 1;
	color: var(--sisa-text-2);
	border-bottom: 3px solid transparent;
	margin-bottom: -1px;
	white-space: nowrap;
	transition: color .15s ease, border-color .15s ease;
}
.sisa-tab:hover { color: var(--sisa-ink); }
.sisa-tab.is-active {
	color: var(--sisa-ink);
	border-bottom-color: var(--sisa-yellow);
}

/* Panels */
.sisa-tabpanels { padding: 36px 40px; }
.sisa-tabpanel { display: none; }
.sisa-tabpanel.is-active { display: block; }
.sisa-pinfo__body {
	font-size: 15px;
	line-height: 1.7;
	color: var(--sisa-text-1);
	max-width: 720px;
}
.sisa-pinfo__body p { margin: 0 0 12px; }
.sisa-pinfo__body p:last-child { margin-bottom: 0; }

/* Freeform HTML tables pasted into content rows (spec sheets, legacy Nährwerte):
   the design-system ledger grammar (prototype tdStyle) — hairline row rules only.
   Blocksy's global boxed grid (border on table/th/td) put text hard against the
   cell lines; neutralize it and give columns breathing room instead. */
.sisa-pinfo__body table {
	width: 100%;
	border: 0;
	border-collapse: collapse;
	font-size: 14px;
	line-height: 1.5;
}
.sisa-pinfo__body table th,
.sisa-pinfo__body table td {
	border: 0;
	border-bottom: 1px solid var(--sisa-hairline-soft);
	padding: 13px 24px 13px 0;
	text-align: left;
	vertical-align: top;
	color: var(--sisa-text-1);
}
.sisa-pinfo__body table th:last-child,
.sisa-pinfo__body table td:last-child { padding-right: 0; }
.sisa-pinfo__body table tr:last-child th,
.sisa-pinfo__body table tr:last-child td { border-bottom: 0; }
/* Legacy content marks the label column with class="bold" (previously unstyled). */
.sisa-pinfo__body table th,
.sisa-pinfo__body table td.bold { font-weight: 600; color: var(--sisa-ink); }

/* Nährwerte */
.sisa-nutri__caption {
	font-family: var(--sisa-mono);
	font-size: 12px;
	letter-spacing: 0.6px;
	text-transform: uppercase;
	color: var(--sisa-text-2);
	margin: 0 0 20px;
}
.sisa-nutri {
	width: 100%;
	max-width: 480px;
	border: 0;
	border-collapse: collapse;
	font-size: 14px;
}
.sisa-nutri th,
.sisa-nutri td {
	/* border:0 first — Blocksy's global `table, th, td { border: 1px solid }`
	   boxed the ledger and set the text hard against the cell lines. */
	border: 0;
	border-bottom: 1px solid var(--sisa-hairline-soft);
	padding: 13px 0;
}
.sisa-nutri th { text-align: left; font-weight: 400; color: var(--sisa-text-1); padding-right: 24px; }
.sisa-nutri td {
	text-align: right;
	color: var(--sisa-ink);
	font-family: var(--sisa-mono);
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}
.sisa-nutri tr:last-child th,
.sisa-nutri tr:last-child td { border-bottom: 0; }

@media (max-width: 768px) {
	.sisa-tab { padding: 16px 18px; font-size: 13px; }
	.sisa-tabpanels { padding: 24px 20px; }
	.sisa-nutri { max-width: 100%; }
}