/* Eclipse Brand Colors */
:root {
    --eclipse-mutedblue: #596D95;
    --eclipse-orange: #ED6920;
}

/* Custom Eclipse color classes */
.text-eclipse-blue {
    color: var(--eclipse-mutedblue) !important;
}

.text-eclipse-orange {
    color: var(--eclipse-orange) !important;
}

.border-eclipse-blue {
    border-color: var(--eclipse-mutedblue) !important;
}

.border-eclipse-orange {
    border-color: var(--eclipse-orange) !important;
}

.bg-eclipse-blue {
    background-color: var(--eclipse-mutedblue) !important;
}

.bg-eclipse-orange {
    background-color: var(--eclipse-orange) !important;
}

.nav-hover-eclipse:hover {
    background-color: transparent; /* Remove background */
    color: var(--eclipse-orange) !important;
    border-bottom: 3px solid var(--eclipse-orange); /* Add bottom border */
    transform: translateY(-1px);
    transition: all 0.3s ease;
    border-radius: 0; /* Remove rounded corners */
}




    .nav-hover-eclipse:hover i {
        color: var(--eclipse-mutedblue) !important; /* Blue icon on hover */
    }

/*.navbar-brand:hover {
    transform: scale(1.5);
    transition: transform 0.3s ease;
}*/

    .navbar-brand:hover .text-eclipse-orange {
        color: var(--eclipse-mutedblue) !important; /* Icon color swap on brand hover */
    }

/* Custom toggler styling */
.navbar-toggler:focus {
    box-shadow: 0 0 0 0.25rem rgba(237, 105, 32, 0.25); /* Orange focus ring */
}

/* Additional shadow enhancement */
.shadow-eclipse {
    box-shadow: 0 4px 6px -1px rgba(89, 109, 149, 0.1), 0 2px 4px -1px rgba(89, 109, 149, 0.06);
}