/* Smooth transition saat ganti tema */
body {
    transition: background-color 0.5s ease, color 0.5s ease;
}

[x-cloack] {
    display: none !important;
}

/* Custom Scrollbar untuk Cancerina Catering */
::-webkit-scrollbar {
    width: 10px; /* Lebar scrollbar */
}

/* Bagian Latar Belakang Scrollbar */
::-webkit-scrollbar-track {
    background: transparent; /* Buat transparan agar menyatu dengan bg-slate-50 */
}

/* Bagian Handle (Batang yang digeser) */
::-webkit-scrollbar-thumb {
    background: #cbd5e1; /* Warna awal: slate-300 */
    border-radius: 20px;
    border: 3px solid transparent; /* Memberi jarak/padding visual */
    background-clip: content-box;
    transition: all 0.3s ease;
}

/* Saat Handle di-hover atau ditarik */
::-webkit-scrollbar-thumb:hover {
    background: #16a34a; /* Warna hijau Cancerina (green-600) */
    border: 2px solid transparent;
    background-clip: content-box;
}

/* Dark Mode Support (Jika user pakai dark mode) */
.dark ::webkit-scrollbar-thumb {
    background: #475569; /* slate-600 */
}

.dark ::webkit-scrollbar-thumb:hover {
    background: #22c55e; /* green-500 */
}

html {
    scroll-behavior: smooth;
}