/**
 * Oportuna Navbar Styles
 */

/* --- Base --- */
#oportuna-navbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 50;
    transition: all 0.3s ease;
    border-bottom: 1px solid transparent;
}

/* --- Scrolled State & Solid State --- */
#oportuna-navbar.oportuna-navbar-scrolled,
#oportuna-navbar.oportuna-navbar-solid {
    background-color: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    padding-top: 1rem;
    padding-bottom: 1rem;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    border-bottom-color: rgba(226, 232, 240, 0.5); /* slate-200/50 */
}

/* --- Transparent State --- */
#oportuna-navbar.oportuna-navbar-transparent {
    background-color: transparent !important;
    padding-top: 2rem;
    padding-bottom: 0;
    border-bottom-color: transparent;
    margin-top: -3rem !important; /* Negative margin for Home Page as requested */
}

/* --- Logo Icon Container --- */
#oportuna-navbar.oportuna-navbar-scrolled .oportuna-logo-icon,
#oportuna-navbar.oportuna-navbar-solid .oportuna-logo-icon {
    background-color: #eff6ff; /* primary-50 */
    color: #2563eb; /* primary-600 */
}

#oportuna-navbar.oportuna-navbar-transparent .oportuna-logo-icon {
    background-color: rgba(255, 255, 255, 0.1);
    color: #fff;
}

/* --- Logo Text --- */
#oportuna-navbar.oportuna-navbar-scrolled .oportuna-logo-text,
#oportuna-navbar.oportuna-navbar-solid .oportuna-logo-text { color: #0f172a; } /* slate-900 */
#oportuna-navbar.oportuna-navbar-transparent .oportuna-logo-text { color: #fff; }

/* --- Logo Subtitle --- */
#oportuna-navbar.oportuna-navbar-scrolled .oportuna-logo-sub,
#oportuna-navbar.oportuna-navbar-solid .oportuna-logo-sub { color: #2563eb; } /* primary-600 */
#oportuna-navbar.oportuna-navbar-transparent .oportuna-logo-sub { color: rgba(255, 255, 255, 0.8); }

/* --- Nav Links --- */
#oportuna-navbar.oportuna-navbar-scrolled .oportuna-nav-link,
#oportuna-navbar.oportuna-navbar-solid .oportuna-nav-link { color: #475569; } /* slate-600 */
#oportuna-navbar.oportuna-navbar-scrolled .oportuna-nav-link:hover,
#oportuna-navbar.oportuna-navbar-solid .oportuna-nav-link:hover { color: #2563eb; } /* primary-600 */

#oportuna-navbar.oportuna-navbar-transparent .oportuna-nav-link { color: rgba(255, 255, 255, 0.9); }
#oportuna-navbar.oportuna-navbar-transparent .oportuna-nav-link:hover { color: #fff; }

/* --- Action Button --- */
#oportuna-navbar.oportuna-navbar-scrolled .oportuna-btn-action,
#oportuna-navbar.oportuna-navbar-solid .oportuna-btn-action {
    background-color: #0f172a; /* slate-900 */
    color: #fff;
}
#oportuna-navbar.oportuna-navbar-scrolled .oportuna-btn-action:hover,
#oportuna-navbar.oportuna-navbar-solid .oportuna-btn-action:hover {
    background-color: #1e293b; /* slate-800 */
}

#oportuna-navbar.oportuna-navbar-transparent .oportuna-btn-action {
    background-color: #fff;
    color: #1e3a8a; /* primary-900 */
}
#oportuna-navbar.oportuna-navbar-transparent .oportuna-btn-action:hover {
    background-color: #f1f5f9; /* slate-100 */
}

/* --- Mobile Toggle Button --- */
#oportuna-navbar.oportuna-navbar-scrolled .oportuna-mobile-btn,
#oportuna-navbar.oportuna-navbar-solid .oportuna-mobile-btn { color: #0f172a; }
#oportuna-navbar.oportuna-navbar-transparent .oportuna-mobile-btn { color: #fff; }

#oportuna-navbar .oportuna-mobile-btn svg {
    width: 24px;
    height: 24px;
    display: block;
}

#oportuna-navbar .oportuna-mobile-btn .icon-close {
    display: none;
}

#oportuna-navbar .oportuna-mobile-btn.is-open .icon-menu {
    display: none;
}

#oportuna-navbar .oportuna-mobile-btn.is-open .icon-close {
    display: block;
}

/* --- Dual Logo Logic --- */

/* Default: Hide Dark Logo, Show Light Logo */
.oportuna-logo-dark { display: none; }
.oportuna-logo-light { display: block; }

/* Scrolled/Solid State: Show Dark Logo, Hide Light Logo */
#oportuna-navbar.oportuna-navbar-scrolled .oportuna-logo-dark,
#oportuna-navbar.oportuna-navbar-solid .oportuna-logo-dark {
    display: block !important;
}

#oportuna-navbar.oportuna-navbar-scrolled .oportuna-logo-light,
#oportuna-navbar.oportuna-navbar-solid .oportuna-logo-light {
    display: none !important;
}

/* Transparent State: Ensure correct visibility */
#oportuna-navbar.oportuna-navbar-transparent .oportuna-logo-dark {
    display: none !important;
}

#oportuna-navbar.oportuna-navbar-transparent .oportuna-logo-light {
    display: block !important;
}

/* --- Mobile Menu --- */
#oportuna-mobile-menu {
    background-color: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-top: 1px solid #f1f5f9; /* slate-100 */
}

#oportuna-mobile-menu.hidden {
    display: none !important;
}

/* --- Utility Classes (Reused) --- */
.max-w-7xl { max-width: 80rem; margin-left: auto; margin-right: auto; }
.px-4 { padding-left: 1rem; padding-right: 1rem; }
.flex { display: flex; }
.flex-col { flex-direction: column; }
.justify-between { justify-content: space-between; }
.items-center { align-items: center; }
.gap-3 { gap: 0.75rem; }
.gap-8 { gap: 2rem; }
.p-2 { padding: 0.5rem; }
.rounded-xl { border-radius: 0.75rem; }
.font-black { font-weight: 900; }
.tracking-tight { letter-spacing: -0.025em; }
.leading-none { line-height: 1; }
.uppercase { text-transform: uppercase; }
.text-lg { font-size: 1.125rem; }
.text-\[10px\] { font-size: 10px; }
.font-bold { font-weight: 700; }
.tracking-\[0\.2em\] { letter-spacing: 0.2em; }
.hidden { display: none; }
.block { display: block; }
.w-full { width: 100%; }
.text-center { text-align: center; }
.shadow-lg { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); }

@media (min-width: 1024px) {
    .lg\:flex { display: flex !important; }
    .lg\:hidden { display: none !important; }
    .md\:flex { display: flex !important; }
    .md\:hidden { display: none !important; }
    #oportuna-navbar #oportuna-mobile-toggle,
    #oportuna-navbar .oportuna-mobile-btn,
    #oportuna-navbar #oportuna-mobile-menu {
        display: none !important;
    }
    #oportuna-navbar .oportuna-navbar-row { height: 6rem; }
}

@media (min-width: 768px) and (max-width: 1023px) {
    #oportuna-navbar.oportuna-navbar-scrolled,
    #oportuna-navbar.oportuna-navbar-solid {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
    }
    #oportuna-navbar.oportuna-navbar-transparent {
        padding-top: 1.25rem;
        margin-top: -2rem !important;
    }
    #oportuna-navbar .oportuna-navbar-row { height: 5rem; }
    #oportuna-navbar .oportuna-logo-img { max-height: 34px; width: auto; }
}

/* Animations */
@keyframes slideInFromTop {
    from { transform: translateY(-100%); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}
.animate-in { animation: slideInFromTop 0.3s ease-out; }