/* ===================================================================
    RivNox — Custom CSS overrides
   Most styling is handled by Tailwind utility classes in templates.
   This file covers edge‑cases and global resets.
   =================================================================== */

/* Smooth scroll for the whole page */
html {
    scroll-behavior: smooth;
}

/* Hide Alpine x-cloak elements until Alpine initialises */
[x-cloak] {
    display: none !important;
}

/* Subtle focus ring for accessibility */
:focus-visible {
    outline: 2px solid #36597F;
    outline-offset: 2px;
}

/* Custom scrollbar (Webkit) */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #F7F5F5;
}
::-webkit-scrollbar-thumb {
    background: #d6d0d0;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #878282;
}