/* Navigation button consistency */
.navbar .btn {
    transition: all 0.2s ease-in-out;
    font-weight: 500;
    text-decoration: none;
    border: none;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.navbar .btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
    text-decoration: none;
}

.navbar .btn:active,
.navbar .btn.active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

/* Form button consistency */
.btn {
    border-radius: 8px !important; /* Moderately rounded buttons for better appearance */
    font-weight: 500;
    transition: all 0.2s ease-in-out;
    border: none;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

.btn:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

/* Specific button color hover states */
.navbar .btn-light:hover {
    background-color: #e2e6ea !important;
    border-color: #dae0e5 !important;
    color: #495057 !important;
}

.navbar .btn-primary:hover {
    background-color: #0056b3 !important;
    border-color: #004085 !important;
    color: #fff !important;
}

.navbar .btn-info:hover {
    background-color: #138496 !important;
    border-color: #117a8b !important;
    color: #fff !important;
}

.navbar .btn-success:hover {
    background-color: #1e7e34 !important;
    border-color: #1c7430 !important;
    color: #fff !important;
}

.navbar .btn-warning:hover {
    background-color: #e0a800 !important;
    border-color: #d39e00 !important;
    color: #fff !important;
}

.navbar .btn-danger:hover {
    background-color: #c82333 !important;
    border-color: #bd2130 !important;
    color: #fff !important;
}

.nav-link.active {
    font-weight: bold;
    color: #ffffff;
    /* Example: White text for the active link */
    background-color: #007bff;
    /* Example: Blue background for the active link */
    border-radius: 5px;
}

/* Keep warning button yellow on hover */
.btn-warning:hover,
.btn-warning:focus {
    background-color: #e0a800 !important;
    border-color: #d39e00 !important;
    color: #fff !important;
}

/* Keep primary button blue on hover (optional, for consistency) */
.btn-primary:hover,
.btn-primary:focus {
    background-color: #004085 !important;
    border-color: #003768 !important;
    color: #fff !important;
}

/* Keep danger button red on hover */
.btn-danger:hover,
.btn-danger:focus {
    background-color: #c82333 !important;
    border-color: #bd2130 !important;
    color: #fff !important;
}

/* Keep outline-danger button red on hover */
.btn-outline-danger:hover,
.btn-outline-danger:focus {
    background-color: #c82333 !important;
    border-color: #bd2130 !important;
    color: #fff !important;
}

/* Keep outline-secondary button styling */
.btn-outline-secondary:hover,
.btn-outline-secondary:focus {
    background-color: #6c757d !important;
    border-color: #6c757d !important;
    color: #fff !important;
}

/* Keep success button green on hover */
.btn-success:hover,
.btn-success:focus {
    background-color: #1e7e34 !important;
    border-color: #1c7430 !important;
    color: #fff !important;
}

/* Keep info button teal on hover */
.btn-info:hover,
.btn-info:focus {
    background-color: #138496 !important;
    border-color: #117a8b !important;
    color: #fff !important;
}

a.btn.disabled,
a.btn[aria-disabled="true"] {
    pointer-events: none;
    opacity: 0.65;
    color: #fff !important;
    background-color: #ffc107 !important;
    /* match btn-warning */
    border-color: #ffc107 !important;
    cursor: not-allowed !important;
}