@import 'tailwindcss';

@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
@source '../../storage/framework/views/*.php';
@source '../**/*.blade.php';
@source '../**/*.js';

@theme {
    --font-sans: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
        'Segoe UI Symbol', 'Noto Color Emoji';
}

/* ---- Your custom CSS below ---- */
@media (min-width: 992px) {
    .dropdown-menu .dropdown-menu {
        margin-left: 0.1rem;
        /* Adjust as needed */
        left: 100%;
        top: 0;
    }

    .dropdown-menu>.dropdown:hover>.dropdown-menu {
        display: block;
    }

    .dropdown-menu>.dropdown>.dropdown-toggle:after {
        transform: rotate(-90deg);
    }
}
@media (min-width: 992px) {
    .navbar-nav .dropdown:hover > .dropdown-menu {
        display: block;
    }
}