/* assets/css/style.css */
/* Tailwind handles most styling. This file is for minimal custom overrides if necessary. */

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

body {
    overflow-x: hidden;
}

/* Custom Scrollbar for a more industrial look */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #14151A; 
}
::-webkit-scrollbar-thumb {
    background: #1F3A5F; 
}
::-webkit-scrollbar-thumb:hover {
    background: #2E6BE8; 
}

/* Image overlay utility */
.dark-gradient-overlay {
    background: linear-gradient(to top, rgba(20,21,26,0.9) 0%, rgba(20,21,26,0.3) 50%, rgba(20,21,26,0) 100%);
}

.hero-gradient-overlay {
    background: linear-gradient(to right, rgba(20,21,26,0.9) 0%, rgba(20,21,26,0.6) 50%, rgba(20,21,26,0.2) 100%);
}