/* /assets/css/style.css */

/* Sembunyikan elemen Alpine.js sebelum termuat sempurna */
[x-cloak] { 
    display: none !important; 
}

/* Background pola grid untuk bagian Hero */
.bg-portal-grid {
    background-size: 32px 32px;
    background-image: 
        linear-gradient(to right, rgba(15, 23, 42, 0.02) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(15, 23, 42, 0.02) 1px, transparent 1px);
}

/* Custom smooth focus rings untuk aksesibilitas keyboard (WCAG AA) */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible {
    outline: 2px solid #0F766E !important;
    outline-offset: 2px !important;
}

/* Custom Input Form untuk halaman Admin */
.form-input {
    width: 100%;
    padding: 0.875rem 1.25rem;
    background-color: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 1rem;
    font-size: 0.875rem;
    color: #1E293B;
    transition: all 0.2s;
}
.form-input:focus {
    background-color: #ffffff;
    border-color: #0F766E;
    box-shadow: 0 0 0 4px rgba(15, 118, 110, 0.1);
    outline: none !important;
}

/* Custom Scrollbar untuk Halaman Admin */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #CBD5E1; border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: #94A3B8; }