.line-clamp-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
/* Style untuk tombol scroll-to-top agar terlihat */
#scroll-to-top-btn.opacity-0 {
	transform: translateY(20px); /* Mulai sedikit ke bawah saat tersembunyi */
}
#scroll-to-top-btn.opacity-100 {
	transform: translateY(0); /* Kembali ke posisi semula saat terlihat */
}
#post-content iframe {
	border: none;
	display: block;
	margin: 0 auto;
	/* max-width: 100%; Ini akan ditangani oleh parent wrapper */
}

/* Styling untuk truncate content dan show/hide */
.content-truncated {
	max-height: 250px; /* Tinggi default saat dipotong */
	overflow: hidden;
	position: relative;
}

.content-truncated::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 80px; /* Gradien untuk efek "fade out" */
	background: linear-gradient(to top, var(--tw-bg-gray-100) 0%, transparent 100%);
}

/* Dark mode overrides for the gradient */
.dark .content-truncated::after {
	background: linear-gradient(to top, var(--tw-bg-gray-900) 0%, transparent 100%);
}

.content-full {
	max-height: none;
	overflow: visible;
}
.content-full::after {
	display: none; /* Hilangkan gradien saat full */
}

/* Memastikan gambar dalam konten responsif */
#post-content img {
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
}