/*
 * Gaya blok tambahan Tempel — dimuat di situs dan di editor.
 */

/* Palet warna kertas */
.has-kuning-background-color { background-color: var(--n-kuning, #fff3a3); }
.has-pink-background-color { background-color: var(--n-pink, #ffd0e0); }
.has-biru-background-color { background-color: var(--n-biru, #c4e2ff); }
.has-hijau-background-color { background-color: var(--n-hijau, #c9f2c0); }
.has-ungu-background-color { background-color: var(--n-ungu, #e0d0ff); }
.has-oranye-background-color { background-color: var(--n-oranye, #ffd9b0); }
.has-tosca-background-color { background-color: var(--n-tosca, #b9f0e6); }
.has-salem-background-color { background-color: var(--n-salem, #ffbcb3); }
.has-tinta-background-color { background-color: #26231d; }

.has-kuning-color { color: var(--n-kuning, #fff3a3); }
.has-pink-color { color: var(--n-pink, #ffd0e0); }
.has-biru-color { color: var(--n-biru, #c4e2ff); }
.has-hijau-color { color: var(--n-hijau, #c9f2c0); }
.has-ungu-color { color: var(--n-ungu, #e0d0ff); }
.has-oranye-color { color: var(--n-oranye, #ffd9b0); }
.has-tosca-color { color: var(--n-tosca, #b9f0e6); }
.has-salem-color { color: var(--n-salem, #ffbcb3); }
.has-tinta-color { color: #26231d; }

/* Gaya blok: Kertas Tempel (Grup / Paragraf) */
.is-style-tempel-note {
	position: relative;
	margin-top: 1.8em;
	margin-bottom: 1.8em;
	padding: 1.3em 1.5em;
	border-radius: 2px 2px 4px 4px;
	color: #26231d;
	box-shadow: 0 1px 1px rgba(60, 45, 15, 0.08), 0 12px 22px -12px rgba(60, 45, 15, 0.4);
	transform: rotate(-0.8deg);
}

.is-style-tempel-note:not([class*="-background-color"]) {
	background-color: var(--n-kuning, #fff3a3);
}

.is-style-tempel-note > :first-child {
	margin-top: 0;
}

.is-style-tempel-note > :last-child {
	margin-bottom: 0;
}

.is-style-tempel-note:nth-of-type(even) {
	transform: rotate(0.8deg);
}

.is-style-tempel-note::before {
	content: "";
	position: absolute;
	top: -11px;
	left: 50%;
	width: 90px;
	height: 24px;
	transform: translateX(-50%) rotate(-2deg);
	background: rgba(255, 255, 255, 0.6);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
}

.is-style-tempel-note a {
	color: inherit;
}

/* Gaya blok: Tulisan Tangan (Paragraf / Judul) */
.is-style-tempel-hand {
	font-family: var(--font-hand, "Caveat", cursive);
	font-size: 1.6em;
	font-weight: var(--hand-weight-light, 500);
	line-height: 1.25;
	letter-spacing: 0;
}

/* Gaya blok: Polaroid (Gambar) */
.wp-block-image.is-style-tempel-polaroid img {
	display: block;
	padding: 10px 10px 34px;
	border-radius: 0 !important;
	background: #fff;
	box-shadow: 0 1px 1px rgba(60, 45, 15, 0.08), 0 12px 22px -12px rgba(60, 45, 15, 0.45);
	transform: rotate(1.3deg);
}

.wp-block-image.is-style-tempel-polaroid figcaption {
	position: relative;
	margin-top: -30px;
	font-family: var(--font-hand, "Caveat", cursive);
	font-size: 1.3rem;
	color: #3d3a33;
	transform: rotate(1.3deg);
}

/* Daftar periksa sederhana: Daftar dengan gaya "Centang" */
.is-style-tempel-check {
	padding-left: 0;
	list-style: none;
}

.is-style-tempel-check li {
	position: relative;
	padding-left: 1.8em;
}

.is-style-tempel-check li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.38em;
	width: 1em;
	height: 1em;
	border: 2px solid currentColor;
	border-radius: 4px;
	opacity: 0.55;
}

.is-style-tempel-check li s::before,
.is-style-tempel-check li del::before {
	content: "✓";
	position: absolute;
	left: 0.15em;
	top: -0.05em;
	font-weight: 700;
	color: var(--accent, #ff6b4a);
	text-decoration: none;
}