/* ==========================================================================
   SETIABUDI TRANSPORT - CUSTOM STYLESHEET
   Kustomisasi tambahan di luar Tailwind CSS
   ========================================================================== */

/* 1. Kustomisasi Scrollbar Horizontal (Untuk Tab Filter Kategori) */
.scrollbar-hide::-webkit-scrollbar {
    display: none; /* Chrome, Safari, dan Opera */
}

.scrollbar-hide {
    -ms-overflow-style: none;  /* IE dan Edge */
    scrollbar-width: none;  /* Firefox */
}

/* 2. Kustomisasi FAQ Accordion (Tag <details>) */
/* Menyembunyikan panah default bawaan browser */
details > summary {
    list-style: none; /* Firefox */
}

details > summary::-webkit-details-marker {
    display: none; /* Chrome, Safari, Edge lama */
}

/* 3. Animasi Transisi Halus (Smooth Fade-in) untuk FAQ */
details[open] summary ~ * {
    animation: fadeIn 0.3s ease-in-out;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-5px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 4. Kustomisasi Scrollbar Utama Website (Opsional agar terlihat premium) */
::-webkit-scrollbar {
    width: 8px; /* Lebar scrollbar */
}

::-webkit-scrollbar-track {
    background: #f8fafc; /* Warna background track (slate-50) */
}

::-webkit-scrollbar-thumb {
    background: #cbd5e1; /* Warna handle scrollbar (slate-300) */
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #E60000; /* Warna brand-red saat di-hover */
}

/* 5. Mencegah Sorotan Biru saat elemen diklik di Mobile */
* {
    -webkit-tap-highlight-color: transparent;
}

/* Transisi Smooth Navigasi Saat Di-Scroll */
#main-header {
    transition: background-color 0.4s ease, border-color 0.4s ease, margin-top 0.4s ease, box-shadow 0.4s ease;
}

#top-bar {
    transition: transform 0.4s ease-in-out;
}

/* ==========================================================================
   TAMBAHAN UNTUK WORDPRESS
   ========================================================================== */

/* Watermark beranda (sebelumnya <style> inline di index.html) */
.bg-watermark { background-image: radial-gradient(circle at 100% 50%, rgba(230, 0, 0, 0.05) 0%, rgba(255, 255, 255, 0) 40%); }

/* Admin bar WordPress (tampil saat login) menutupi header yang fixed/sticky */
@media (min-width: 783px) {
    body.admin-bar #main-header,
    body.admin-bar header.sticky { top: 32px !important; }
}
@media (min-width: 601px) and (max-width: 782px) {
    body.admin-bar #main-header,
    body.admin-bar header.sticky { top: 46px !important; }
}