/**
 * Gaya blok Tema Inhutani V (dimuat di situs & kanvas editor).
 * Ditulis tanpa Tailwind agar pratinjau di editor sama dengan tampilan situs.
 */

/* ---------- Peta ---------- */
.i5-map-block { margin: 0; }
.i5-map { position: relative; width: 100%; height: var(--i5-map-h, 400px); overflow: hidden; background: #e5e7eb; }
.i5-map.is-rounded { border-radius: 16px; box-shadow: 0 10px 30px -12px rgb(0 0 0 / .25); }
.i5-map iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; display: block; }
.i5-map.is-grayscale iframe { filter: grayscale(1) contrast(1.05); transition: filter .4s; }
.i5-map.is-grayscale:hover iframe { filter: none; }
.i5-map-caption { margin-top: .6rem; font-size: .875rem; color: #6b7280; text-align: center; }
.footer-map .i5-map { border-radius: 0; box-shadow: none; }

/* ---------- Kotak Ikon ---------- */
.i5-iconbox {
	--i5-ib-size: 40px;
	--i5-ib-color: #15803d;
	--i5-ib-bg: #f0fdf4;
	display: flex;
	flex-direction: column;
	gap: 1rem;
	height: 100%;
	color: inherit;
	text-decoration: none;
	box-sizing: border-box;
}
.i5-iconbox.align-center { align-items: center; text-align: center; }
.i5-iconbox.layout-card {
	padding: 1.75rem;
	border: 1px solid #f3f4f6;
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 1px 2px rgb(0 0 0 / .05);
	transition: transform .3s, box-shadow .3s, border-color .3s;
}
a.i5-iconbox.layout-card:hover,
.i5-hover-lift .i5-iconbox.layout-card:hover { transform: translateY(-6px); box-shadow: 0 20px 40px -16px rgb(0 0 0 / .25); border-color: #bbf7d0; }
.i5-iconbox.layout-inline { flex-direction: row; align-items: flex-start; }
.i5-ib-icon {
	display: inline-flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	width: calc(var(--i5-ib-size) * 1.75);
	height: calc(var(--i5-ib-size) * 1.75);
	font-size: var(--i5-ib-size);
	line-height: 1;
	color: var(--i5-ib-color);
	background: var(--i5-ib-bg);
	transition: transform .5s, background-color .3s, color .3s;
}
.i5-ib-icon.shape-rounded { border-radius: 14px; }
.i5-ib-icon.shape-circle { border-radius: 9999px; }
.i5-ib-icon.shape-none { width: auto; height: auto; background: transparent; }
.i5-iconbox:hover .i5-ib-icon { transform: rotate(-6deg) scale(1.08); }
.i5-ib-img { width: var(--i5-ib-size); height: var(--i5-ib-size); object-fit: contain; }
.i5-ib-body { display: flex; flex-direction: column; gap: .4rem; }
.i5-ib-title { font-size: 1.125rem; font-weight: 700; color: #052e16; line-height: 1.3; }
.i5-ib-text { font-size: .925rem; line-height: 1.65; color: #4b5563; }

/* ---------- Seksi tema & petunjuk editor ---------- */
.i5-theme-section { width: 100%; }
.i5-block-hint { padding: 1rem; border: 1px dashed #9ca3af; border-radius: 8px; color: #6b7280; font-size: .875rem; }
.i5-section-placeholder .components-placeholder { min-height: 160px; }
.i5-editor-preview { pointer-events: none; }