/*
Theme Name:   Rollfoods Salient Child
Theme URI:    https://rollfoods.fi
Description:  Salient-lapsiteema. Sisältää Tuotteet-arkisto- ja tuotesivumallit (post type: tuote).
Author:       TM-Tieto Oy
Template:     salient
Version:      0.1.0
Text Domain:  rollfoods-salient-child
*/

/* ===================================================================
   NOTE: The parent (Salient) already enqueues its compiled CSS, so we
   do NOT re-import it here. This file only holds child overrides and the
   styles for the custom product templates. Filter/grid styling lives in
   the Rollfoods Tuotteet plugin (assets/filter.css).
   =================================================================== */

:root {
	--rf-pill-bg:        #241a14;
	--rf-pill-fg:        #ffffff;
	--rf-pill-active:    #f5e003;
	--rf-pill-active-fg: #1a1208;
	--rf-heading:        #1a1208;
	--rf-rule:           #1a1208;
	--rf-meta:           #6b6258;
	--rf-border:         #e7e2da;
}

/* ---- Archive intro --------------------------------------------------- */

.rf-archive__header { margin-bottom: 2rem; }
.rf-archive__title  { font-weight: 800; margin: 0 0 0.5rem; }
.rf-archive__lead   { color: var(--rf-meta); max-width: 60ch; }

/* ---- Single product -------------------------------------------------- */

.rf-product { color: var(--rf-heading); }

.rf-product__top {
	display: grid;
	grid-template-columns: minmax(260px, 40%) 1fr;
	gap: 2.5rem;
	align-items: start;
	margin-bottom: 2.5rem;
}

@media (max-width: 690px) {
	.rf-product__top { grid-template-columns: 1fr; gap: 1.5rem; }
}

.rf-product__media img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 12px;
	background: #faf8f4;
}

.rf-product__title { font-weight: 800; line-height: 1.1; margin: 0 0 0.75rem; }

.rf-product__myyntiera {
	display: inline-block;
	font-weight: 700;
	font-size: 1.05rem;
	margin-bottom: 1rem;
}

.rf-product__desc { line-height: 1.7; }
.rf-product__desc p:last-child { margin-bottom: 0; }

.rf-product__tags { display: flex; flex-wrap: wrap; gap: 0.5rem; margin: 1.25rem 0; }

.rf-tag {
	display: inline-block;
	padding: 0.4rem 0.9rem;
	border-radius: 999px;
	background: var(--rf-pill-bg);
	color: var(--rf-pill-fg);
	font-size: 0.82rem;
	font-weight: 600;
	text-decoration: none;
	line-height: 1.2;
}
.rf-tag:hover { background: #3a2a1d; color: #fff; }
.rf-tag--diet { background: var(--rf-pill-active); color: var(--rf-pill-active-fg); }
.rf-tag--diet:hover { background: #ffe92e; color: var(--rf-pill-active-fg); }

.rf-product__pdf {
	display: inline-block;
	margin-top: 0.5rem;
	font-weight: 700;
	text-decoration: underline;
}

/* ---- Detail sections (codes, nutrition, allergens) ------------------- */

.rf-product__details {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 2rem 3rem;
}
@media (max-width: 690px) { .rf-product__details { grid-template-columns: 1fr; } }

.rf-section { min-width: 0; }
.rf-section--full { grid-column: 1 / -1; }

.rf-section__title {
	font-weight: 800;
	font-size: 1.25rem;
	margin: 0 0 0.75rem;
	padding-bottom: 0.5rem;
	border-bottom: 2px solid var(--rf-rule);
}

.rf-kv { width: 100%; border-collapse: collapse; }
.rf-kv th,
.rf-kv td {
	text-align: left;
	padding: 0.5rem 0.25rem;
	border-bottom: 1px solid var(--rf-border);
	vertical-align: top;
	font-size: 0.95rem;
}
.rf-kv th { font-weight: 600; color: var(--rf-meta); width: 45%; }
.rf-kv tr:last-child th,
.rf-kv tr:last-child td { border-bottom: 0; }

.rf-status--kylla   { font-weight: 700; }
.rf-status--ei      { color: var(--rf-meta); }
.rf-status--saattaa { color: var(--rf-meta); font-style: italic; }

.rf-ainekset { line-height: 1.7; margin: 0 0 1.25rem; }
.rf-ainekset strong { display: block; margin-bottom: 0.25rem; }