/* OFA — sector pastels ('Mürekkep, Elektrik ve pastel yüzeyler').
   Every sector already has a hue (--h, from ofa_sector_style()); here it becomes one soft surface:
   the sector label on cards, the sector page's hero and the template's sector chip. Copy stays Mürekkep, actions stay Elektrik; pastels only label, never act.
   Loads last (inc/setup.php). */

:root {
	--pz-bg-l: 93%; --pz-bg-s: 72%;   /* pastel surface on light pages */
	--pz-ink-l: 26%; --pz-ink-s: 48%; /* its text */
	/* fixed pastels for the states that have no sector */
	--pz-gok: #eaf2ff; --pz-gok-ink: #0b3a8f;
	--pz-nane: #dcf3e6; --pz-nane-ink: #14532d;
	--pz-seftali: #ffe4d4; --pz-seftali-ink: #7a2e0e;
	--pz-lila: #e7e4ff; --pz-lila-ink: #352b8a;
}

/* ---------- Cards: the sector becomes a small pastel pill ---------- */
.card .card__sector {
	display: inline-flex; align-items: center; max-width: 100%; height: 20px; padding: 0 8px; border-radius: 999px;
	background: hsl(var(--h, 220) var(--pz-bg-s) var(--pz-bg-l)); color: hsl(var(--h, 220) var(--pz-ink-s) var(--pz-ink-l));
	font-weight: 600;
}
.card .card__family + .card__sector::before { content: none; }
.card .card__family { margin-right: 2px; }
/* on the ink home page the same pill, inverted */
.home .card .card__sector { background: hsl(var(--h, 220) 40% 22% / .9); color: hsl(var(--h, 220) 85% 82%); }

/* ---------- Badges: one fixed pastel each ---------- */
.badge--new, :is(.is-light,.post-type-archive-ofa_template) .badge--new, .tpx .badge--new { background: var(--pz-nane); color: var(--pz-nane-ink); border-color: transparent; box-shadow: none; }
.badge--hot, :is(.is-light,.post-type-archive-ofa_template) .badge--hot, .tpx .badge--hot { background: var(--pz-seftali); color: var(--pz-seftali-ink); border-color: transparent; box-shadow: none; }
.badge--sale, :is(.is-light,.post-type-archive-ofa_template) .badge--sale { background: var(--pz-lila); color: var(--pz-lila-ink); box-shadow: none; }

/* ---------- Catalog hero: sky for "all sites", the sector's own pastel on a sector page ---------- */
:is(.is-light,.post-type-archive-ofa_template) .cat-hero {
	background: linear-gradient(180deg, var(--pz-gok) 0%, #f5f8ff 100%); border-bottom-color: #dbe6fb;
}
:is(.is-light,.post-type-archive-ofa_template) .cat-hero[style*="--h"] {
	background: linear-gradient(180deg, hsl(var(--h) 72% 94%) 0%, hsl(var(--h) 60% 97.5%) 100%);
	border-bottom-color: hsl(var(--h) 45% 86%);
}

/* ---------- Template page: the sector chip ---------- */
.tpx-hero .tpx-tags a.chip:first-child {
	height: 24px; padding: 0 10px; border-radius: 999px;
	background: hsl(var(--h, 220) var(--pz-bg-s) var(--pz-bg-l)); color: hsl(var(--h, 220) var(--pz-ink-s) var(--pz-ink-l)); font-weight: 600;
}
.tpx-hero .tpx-tags a.chip:first-child:hover { background: hsl(var(--h, 220) 70% 88%); color: hsl(var(--h, 220) 50% 20%); }
.tpx-hero .tpx-tags a.chip:first-child + .chip::before { content: none; }

@media (max-width: 640px) {
	.card .card__sector { display: none; }
}