/* styles.css - Updated with button styles for menu links (add/replace in your styles.css) */

/* Existing styles remain... add these for button look */

/* Menu button styles */
.menu-button {
    background: #4a90e2;  /* Blue theme from example */
    color: white !important;  /* Override link color */
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    display: inline-block;
    transition: background 0.3s, transform 0.2s;
}
.menu-button:hover {
    background: #357abd;  /* Darker blue on hover */
    transform: scale(1.05);  /* Slight zoom effect */
}

/* Submenu buttons (lighter style for dropdowns) */
.sub-button {
    background: #8ab6f9;  /* Lighter blue */
    color: #333 !important;
}
.sub-button:hover {
    background: #4a90e2;
    color: white !important;
}

/* Adjust dropdown for buttons */
.dropdown-menu a {
    margin: 5px 0;  /* Space between sub-buttons */
}