/* Custom styles for MIREA Planner */

/* Hide scrollbar for clean horizontal scroll areas */
.hide-scrollbar::-webkit-scrollbar {
    display: none;
}
.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Custom Scrollbar for main container */
.scroll-container::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
.scroll-container::-webkit-scrollbar-track {
    background: transparent;
}
.scroll-container::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 10px;
}
.dark .scroll-container::-webkit-scrollbar-thumb {
    background: #475569;
}

/* Glass effect for certain cards */
.glass-card {
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.3);
}
.dark .glass-card {
    background: rgba(31, 41, 55, 0.7);
    border: 1px solid rgba(255, 255, 255, 0.05);
}

/* Form inputs styling override */
input[type="datetime-local"]::-webkit-calendar-picker-indicator {
    cursor: pointer;
    opacity: 0.6;
    transition: opacity 0.2s;
}
input[type="datetime-local"]::-webkit-calendar-picker-indicator:hover {
    opacity: 1;
}
.dark input[type="datetime-local"]::-webkit-calendar-picker-indicator {
    filter: invert(1);
}

/* Base styles and transitions */
body {
    -webkit-tap-highlight-color: transparent;
}

/* Fix Alpine cloak */
[x-cloak] {
    display: none !important;
}