/* resources/css/custom.css */

/* Existing style */
.border-light {
    border: 1px solid blue !important;
}

/* Dropdown menu styles */
.navbar-nav .dropdown-menu {
    background-color: #f8f9fa; /* Light background color */
    border: 1px solid #dee2e6; /* Light border color */
    border-radius: 0.25rem; /* Rounded corners */
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); /* Subtle shadow */
    display: none; /* Initially hide dropdown */
}

/* Dropdown item styles */
.navbar-nav .dropdown-item {
    color: #343a40; /* Dark text color */
    padding: 0.5rem 1rem; /* Padding */
    transition: background-color 0.3s ease, color 0.3s ease; /* Smooth transition */
    will-change: background-color, color; /* Optimize performance */
}

/* Dropdown item hover effect */
.navbar-nav .dropdown-item:hover {
    background-color: #007bff; /* Blue background on hover */
    color: #fff; /* White text on hover */
}

/* Dropdown menu hover effect */
.navbar-nav .dropdown:hover .dropdown-menu {
    display: block; /* Show dropdown on hover */
    margin-top: 0;
}

/* Navbar link styles */
.navbar-nav .nav-link {
    color: #343a40; /* Dark text color */
    transition: color 0.3s ease; /* Smooth transition */
    will-change: color; /* Optimize performance */
}

/* Navbar link hover effect */
.navbar-nav .nav-link:hover {
    color: #007bff; /* Blue text on hover */
}

/* Active link styles */
.navbar-nav .nav-item.active .nav-link {
    color: #007bff; /* Blue text for active link */
    font-weight: bold; /* Bold text for active link */
}