/* Eclipse Brand Colors */
:root {
    --optima-deep-green: #102416;
    --optima-green: #20FF19;
}

/* Custom Eclipse color classes */
.text-optima-deep-green {
    color: var(--optima-deep-green) !important;
}

.text-optima-green {
    color: var(--optima-green) !important;
}

.border-optima-deep-green {
    border-color: var(--optima-deep-green) !important;
}

.border-optima-green {
    border-color: var(--optima-green) !important;
}

.bg-optima-deep-green {
    background-color: var(--optima-deep-green) !important;
}

.bg-optima-green {
    background-color: var(--optima-green) !important;
}

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




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

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

    .navbar-brand:hover .text-optima-green {
        color: var(--optima-deep-green) !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);
}