@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';
}


/* Navbar */
#navbarCustom {
    background: #1d2327;
    color: white;
}

/* Dropdown container */
#dropdownContainer, .user-dropdown {
    font-size: 13px;
    position: relative; /* Needed for dropdown positioning */
}

/* Dropdown button */
#dropdownButton {
    color: white;
    padding: 8px 14px;
    border: none;
    background: none;
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease;
}

/* Hover effect on button */
#dropdownButton:hover,
#dropdownContainer:hover #dropdownButton {
    background-color: #3c434a;
    color: #0693e3;
}

/* Dropdown menu */
#dropdownMenu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 200px;
    background-color: #3c434a;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    z-index: 1000;
}

/* Dropdown menu links */
#dropdownMenu a {
    display: block;
    padding: 8px 14px;
    color: white;
    text-decoration: none;
    transition: color 0.2s ease, background-color 0.2s ease;
}

/* Link hover */
#dropdownMenu a:hover {
    color: #0693e3;
}

/* Show menu when hovering container */
#dropdownContainer:hover #dropdownMenu {
    display: block;
}

/* Right-side dropdown container */
/* User button hover/active state */
.user-dropdown:hover .user-button {
    color: #0693e3;
}

/* Dropdown menu hidden by default */
.user-dropdown-menu {
    display: none;
    position: absolute;
    right: 0;
    top: 100%;
    background-color: #3c434a;
    min-width: 180px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    z-index: 1000;
}

/* Show menu when hovering container */
.user-dropdown:hover .user-dropdown-menu {
    display: block;
}

/* Menu items */
.user-dropdown-menu button {
    display: block;
    width: 100%;
    text-align: left;
    padding: 8px 14px;
    color: white;
    background: none;
    border: none;
    cursor: pointer;
    transition: color 0.2s ease, background-color 0.2s ease;
}

/* Menu item hover */
.user-dropdown-menu button:hover {
    color: #0693e3;
}