/* style.css - Custom overrides and helpers for Kulaura Central Diagnostic */

/* 1. Global Font Setup */
body {
    font-family: 'Inter', sans-serif;
    -webkit-font-smoothing: antialiased;
}

/* 2. Mobile Menu Transitions */
.submenu {
    display: none;
}

.submenu.active {
    display: block;
}

/* 3. Hero Slider Transition Helper */
.hero-slide {
    transition: opacity 1s ease-in-out;
}

/* 4. Active Dot for Hero Slider */
.active-dot {
    background-color: #0d9488 !important; /* Tailwind teal-600 */
    width: 1.5rem !important;
    border-radius: 9999px;
}

/* 5. Custom Scrollbar Styling (Optional - for a modern look) */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
    background: #0f766e; /* Tailwind teal-700 */
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #0d9488;
}

/* 6. Responsive Fixes for Header */
@media (max-width: 1279px) {
    #mobileMenu {
        max-height: 80vh;
        overflow-y: auto;
    }
}