/* ====================================
   APP HEADER STYLES
   PRISM Insurance Brokers Limited
   Navbar: Navy #0d1f42 | Active/Hover: Gold #c8a450
   ==================================== */

.app-logo img {
    max-width: 150px !important;
}

/* ── Top Navigation ── */
.top-nav {
    background: var(--primary-color) !important;    /* Navy */
    box-shadow: 0 2px 8px rgba(13, 31, 66, 0.3);
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

.top-nav .navbar-nav {
    gap: 0.5rem;
    justify-content: center;
}

.top-nav .nav-link {
    color: rgba(255, 255, 255, 0.7) !important;
    font-weight: 600;
    font-size: 0.85rem !important;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding: 0.3rem 0.6rem !important;
    transition: var(--transition-fast);
}

.top-nav .nav-link:hover {
    color: var(--accent-color) !important;          /* Gold on hover */
    background: transparent !important;
    opacity: 1 !important;
}

.top-nav .nav-link.public-active,
.top-nav .nav-link.active {
    color: var(--accent-color) !important;          /* Gold active state */
    background: transparent !important;
}


/* ── Navbar Brand ── */
.navbar-brand span {
    font-family: var(--font-family-serif), serif;
    color: white;
}
.navbar-brand small {
    font-size: 0.6rem;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.45);
    display: block;
}

/* ── Navbar Toggler ── */
.navbar-toggler {
    border-color: rgba(255, 255, 255, 0.2);
}
.navbar-toggler-icon {
    filter: invert(1);
}


/* ── Dropdown Menus ── */
.top-nav .dropdown-menu {
    padding: 0;
    border-radius: var(--border-radius-sm);
    border: 1px solid var(--border-color);
    box-shadow: var(--shadow-medium);
    background: white;
}
.top-nav .dropdown .dropdown-item {
    color: var(--primary-color) !important;
    font-weight: 500;
    font-size: var(--font-size-sm);
    padding: 0.6rem 1.1rem;
    transition: var(--transition-fast);
}
.top-nav .dropdown .dropdown-item:hover {
    background: var(--primary-color) !important;    /* Navy bg */
    color: white !important;
}
.top-nav .dropdown .drop-active {
    background: var(--primary-color) !important;
    color: white !important;
}


/* ── Navbar Collapse (mobile transition) ── */
.navbar-collapse {
    transition: opacity 0.3s ease;
}
.navbar-collapse.hide-mobile {
    opacity: 0;
    pointer-events: none;
}