/* ==========================================================================
   HOME COLORS — perpaduan Merah Sunfish × Ungu Moonfish (Beranda)
   --------------------------------------------------------------------------
   Section bergantian antara nuansa lavender (Moonfish) dan rose-peach
   (Sunfish), dengan satu pita ungu tua sebagai penyeimbang, lalu
   diikat oleh aksen kuning/emas yang dipakai kedua brand.
   Murni background + warna judul: kartu, layout, dan isi tidak diubah.
   Dimuat hanya di halaman depan. Untuk mengembalikan tampilan lama,
   hapus blok "Home Colors" di functions.php.
   ========================================================================== */
body.has-transparent-header {
	--h-red: #D91F26;
	--h-purple: #7A4FBE;        /* ungu Moonfish (sama dengan aksen tema) */
	--h-purple-deep: #3F1D82;   /* ungu tua untuk judul & pita gelap */
	--h-yellow: #F7C531;        /* kuning aksen Sunfish & Moonfish */
}

/* Ruang atas lebih lega karena tiap section kini berupa pita warna */
body.has-transparent-header .about-premium,
body.has-transparent-header .categories,
body.has-transparent-header .best-seller,
body.has-transparent-header .why-us { padding-top: 84px; }

/* Judul section: ungu tua agar serasi dengan latar lavender & rose */
body.has-transparent-header .about-premium h2,
body.has-transparent-header .categories .section-heading h2,
body.has-transparent-header .best-seller .section-heading h2 { color: var(--h-purple-deep); }

/* 1) About — lavender Moonfish, cahaya merah di pojok */
body.has-transparent-header .about-premium {
	background:
		radial-gradient(circle at 94% 6%,  rgba(217, 31, 38, 0.10), transparent 42%),
		radial-gradient(circle at 4% 96%,  rgba(122, 79, 190, 0.16), transparent 46%),
		linear-gradient(180deg, #F3ECFC 0%, #FFFFFF 100%);
}

/* 2) Kategori — rose-peach Sunfish, cahaya ungu & kuning */
body.has-transparent-header .categories {
	background:
		radial-gradient(circle at 6% 8%,   rgba(122, 79, 190, 0.13), transparent 44%),
		radial-gradient(circle at 96% 92%, rgba(247, 197, 49, 0.18), transparent 44%),
		linear-gradient(180deg, #FFEFF0 0%, #FFF8F6 100%);
}

/* 3) Best Seller — lavender lagi, cahaya merah & kuning */
body.has-transparent-header .best-seller {
	background:
		radial-gradient(circle at 92% 12%, rgba(217, 31, 38, 0.09), transparent 42%),
		radial-gradient(circle at 4% 90%,  rgba(247, 197, 49, 0.16), transparent 44%),
		linear-gradient(180deg, #F6F0FD 0%, #FFFFFF 100%);
}

/* 4) Why Sunfish — pita ungu tua elegan, cahaya merah & kuning */
body.has-transparent-header .why-us {
	background:
		radial-gradient(circle at 88% 0%,  rgba(247, 197, 49, 0.22), transparent 46%),
		radial-gradient(circle at 0% 100%, rgba(217, 31, 38, 0.34), transparent 48%),
		linear-gradient(160deg, #4B2399 0%, #2E1366 100%);
	padding-bottom: 96px;
}
body.has-transparent-header .why-us .section-heading h2 { color: #fff; }
body.has-transparent-header .why-us .eyebrow {
	background: rgba(255, 255, 255, 0.14);
	color: var(--h-yellow);
}
body.has-transparent-header .why-us__item { border-color: transparent; box-shadow: 0 14px 34px rgba(20, 6, 48, 0.32); }

/* Garis aksen di bawah judul section: merah Sunfish → ungu Moonfish */
body.has-transparent-header .section-heading--center h2::after {
	content: '';
	display: block;
	width: 56px; height: 4px;
	margin: 16px auto 0;
	border-radius: 999px;
	background: linear-gradient(90deg, var(--h-red), var(--h-purple));
}
body.has-transparent-header .why-us .section-heading--center h2::after {
	background: linear-gradient(90deg, var(--h-yellow), #ff6b6f);
}