/* --- Theme Colors based on Logo --- */
:root {
    --corepro-blue-dark: #00008B;
    --corepro-blue-medium: #0000CD;
    --corepro-orange: #FF4500;
    --corepro-gold: #FFD700;
    --corepro-dark: #1a1a1a;
    --corepro-dark-grey: #121212;
    --corepro-light-text: #f8f9fa;
    --corepro-border-color: #333;
}

/* --- Navbar Styling --- */
.navbar {
    transition: background-color 0.4s ease-in-out;
}

.navbar.scrolled {
    background-color: rgba(26, 26, 26, 0.9) !important;
    backdrop-filter: blur(10px);
}

.navbar-brand img {
    height: 40px;
    margin-left: 10px;

}

.nav-link {
    transition: color 0.3s;
}

.nav-link:hover {
    color: var(--corepro-gold) !important;
}

.dropdown-menu {
    background-color: var(--corepro-dark);
    border-color: var(--corepro-border-color);
    transition: all 1s ease-out;
    text-align: right;
    direction: rtl;
}

.dropdown-item {
    color: var(--corepro-light-text);
}

.dropdown-item:hover {
    background-color: var(--corepro-orange);
    color: white;
}