/* Override warna utama template Eduka -> CSS variable dari CMS */
.theme-btn,
.hero-btn .theme-btn,
.cta-area,
.counter-area.penabur-counter,
.section-title h2::after,
.preloader .loader span {
    background-color: var(--penabur-primary) !important;
}
.theme-btn { color: var(--penabur-btn-text) !important; }
a:hover,
.top-link:hover,
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active,
.footer-widget ul li a:hover,
.section-title h6,
.counter-content h6,
.about-item-icon i,
.hero-sub-title {
    color: var(--penabur-primary) !important;
}
.theme-btn.btn-2,
.secondary-bg { background-color: var(--penabur-secondary) !important; }

/* Filter kategori galeri */
.gallery-filter-wrap { margin-bottom: 2rem; }
.filter-btn {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}
.filter-btn li {
    cursor: pointer;
    padding: 8px 22px;
    border-radius: 30px;
    border: 1px solid var(--penabur-primary);
    color: var(--penabur-primary);
    font-weight: 500;
    transition: all .3s ease;
}
.filter-btn li:hover,
.filter-btn li.active {
    background-color: var(--penabur-primary);
    color: var(--penabur-btn-text);
}