/*
 * File ini untuk menambahkan CSS kustom Anda.
 * Gaya utama berasal dari TailwindCSS yang dimuat melalui CDN.
 */

/* Custom scrollbar untuk estetika */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb { background: #80cbc4; border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: #00897b; }

/* Gaya untuk tab kategori yang aktif */
.category-tab.active {
    background-color: #009688; /* Sesuai dengan brand-teal-600 */
    color: white;
    font-weight: 600;
}

/* Penyesuaian untuk konten yang dibuat oleh editor WordPress (prose) */
.prose h1, .prose h2, .prose h3 {
    color: #334155; /* slate-700 */
}
.prose a {
    color: #00897b; /* brand-teal-700 */
    text-decoration: none;
    transition: color 0.3s;
}
.prose a:hover {
    color: #00695c; /* brand-teal-900 */
    text-decoration: underline;
}

/* Kelas CSS Inti WordPress */
.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    clear: both;
}
.alignleft {
    float: left;
    margin-right: 1.5em;
    margin-bottom: 1em;
}
.alignright {
    float: right;
    margin-left: 1.5em;
    margin-bottom: 1em;
}
.wp-caption {
    max-width: 100%;
    background: #f7f7f7;
    padding: 10px;
    margin-bottom: 1.5em;
}
.wp-caption-text {
    font-size: 0.9em;
    color: #666;
    text-align: center;
    margin-top: 5px;
}
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}