/* Animasi Shimmer */
.shimmer {
    background: linear-gradient(
        90deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.5) 50%,
        rgba(255, 255, 255, 0) 100%
    );
    background-size: 200% 100%;
    animation: shimmer-animation 1.5s infinite;
}

@keyframes shimmer-animation {
    0% {
        background-position: -200% 0;
    }
    100% {
        background-position: 200% 0;
    }
}

/* Memastikan grid tetap rapi jika tema WordPress tidak pakai Tailwind */
.container-custom {
    max-width: 1280px;
    margin: 0 auto;
    padding-left: 1rem;
    padding-right: 1rem;
}

/* Pastikan kontainer input memiliki posisi relatif */
.relative {
    position: relative;
}

/* Berikan padding kiri yang cukup pada input agar teks tidak menabrak ikon */
.wiki-search-input {
    padding-left: 2.75rem !important; /* Sesuaikan jarak agar teks bergeser ke kanan */
    padding-right: 5rem !important;  /* Jarak untuk tombol 'Cari' di sebelah kanan */
}

/* Posisikan ikon pencarian tepat di tengah vertikal pada sisi kiri */
.wiki-search-icon {
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none; /* Agar klik tetap tembus ke input */
    color: #9ca3af; /* Warna abu-abu standar */
}