/* =====================================================================
   Tambahan untuk versi dinamis (PHP). File style.css asli tidak diubah.
   ===================================================================== */

/* Menu aktif */
.header-navigation .main-menu ul > li.active > a { color: var(--secondary-color); }

/* Pagination aktif */
.theme-pagination ul li a.active {
    background-color: var(--primary-black-color);
    color: var(--white-color);
    border-color: transparent;
}

/* Notifikasi formulir (pesan terkirim, langganan, dll.) */
.site-alert {
    position: fixed;
    left: 50%;
    bottom: 24px;
    transform: translateX(-50%);
    z-index: 10000;
    width: calc(100% - 32px);
    max-width: 560px;
    box-shadow: 0 12px 40px rgba(0, 0, 0, .18);
    border-radius: 10px;
    font-family: var(--body-font);
}

/* Avatar inisial (bila foto kosong) */
.avatar-initials {
    width: 100%;
    height: 100%;
    min-width: 60px;
    min-height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--primary-black-color);
    color: var(--primary-color);
    font-family: var(--heading-font);
    font-weight: 700;
    font-size: 20px;
}
.avatar-initials.is-admin { background: var(--secondary-color); color: #fff; }
.comment-avatar .avatar-initials { width: 85px; height: 85px; font-size: 26px; }
.badge-admin {
    background: var(--secondary-color);
    color: #fff;
    border-radius: 4px;
    padding: 1px 6px;
    font-size: 11px;
    margin-left: 6px;
    vertical-align: middle;
}

/* Gambar upload dengan ukuran beragam tetap rapi */
.project-grid .bizzen-project-item.style-four .project-thumbnail img { height: 460px; object-fit: cover; }
@media (max-width: 1199.98px) { .project-grid .bizzen-project-item.style-four .project-thumbnail img { height: 380px; } }
@media (max-width: 575.98px)  { .project-grid .bizzen-project-item.style-four .project-thumbnail img { height: 300px; } }

.bizzen-blog-post-item.style-two .post-thumbnail img { aspect-ratio: 410 / 254; object-fit: cover; }
.bizzen-blog-post-item.style-one .post-thumbnail img { width: 190px; height: 195px; object-fit: cover; }
@media (max-width: 575.98px) { .bizzen-blog-post-item.style-one .post-thumbnail img { width: 100%; height: auto; aspect-ratio: 4 / 3; } }
.bizzen-team-item .member-image img { aspect-ratio: 410 / 504; object-fit: cover; }
.team-details-wrapper .member-image img { width: 100%; object-fit: cover; }
.sidebar-post-widget .post-thumbnail-content img { height: 90px; object-fit: cover; border-radius: 6px; }
.post-navigation-item .thumbnail img { width: 80px; height: 80px; object-fit: cover; }
.author-thumb img { object-fit: cover; aspect-ratio: 1 / 1; }
.service-thumbnail img, .project-thumbnail img { width: 100%; }
.bizzen-client-item .client-img img { max-height: 60px; width: auto; margin: 0 auto; }

/* Filter kategori proyek */
.project-filter a {
    display: inline-block;
    margin: 4px;
    padding: 8px 20px;
    border: 1px solid var(--border-color);
    border-radius: 30px;
    color: var(--heading-color);
    font-weight: 500;
    transition: all .3s;
}
.project-filter a:hover, .project-filter a.active {
    background: var(--primary-black-color);
    border-color: transparent;
    color: var(--white-color);
}

/* Ikon pengganti gambar centang pada hasil proyek */
.bizzen-content-item .content h4 .icon-check {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--primary-color);
    color: var(--primary-black-color);
    border-radius: 50%;
    font-size: 11px;
}
.post-navigation-wrapper .grid-link {
    display: inline-flex;
    width: 60px;
    height: 60px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--gray-color);
    color: var(--primary-black-color);
    font-size: 22px;
    transition: all .3s;
}
.post-navigation-wrapper .grid-link:hover { background: var(--primary-black-color); color: var(--white-color); }

/* Daftar layanan lain di detail layanan */
.other-services .check-list a { color: inherit; }
.other-services .check-list a:hover { color: var(--secondary-color); }

/* Halaman statis */
.static-page-content h3 { margin-top: 30px; }
.static-page-content p { margin-bottom: 18px; }

/* Info filter blog */
.blog-filter-info small { font-size: 16px; color: var(--text-color); font-weight: 400; }

/* Detail blog: kutipan & daftar dari editor */
.blog-post-item .post-content h3 { margin-top: 25px; }

/* Gambar sampul artikel selebar kolom */
.blog-details-wrapper .blog-post-item .post-thumbnail img { width: 100%; max-height: 520px; object-fit: cover; }