:root{ --apx-solid-blue:#1f43b7; --ink:#0b1f35; }

.apx-gradient,
.offcanvas.apx-gradient{
    background:var(--apx-solid-blue)!important;
    border-bottom:1px solid rgba(255,255,255,.06);
}

/* Navbar toggler icon */
.apx-tog .navbar-toggler-icon{
    width:1.5rem;height:1.5rem;
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='white' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* Nav links + underline hover */
.apx-nav .nav-link{ color:rgba(255,255,255,.92); position:relative; font-weight:700; padding:.9rem 1rem; transition:color .15s; }
.apx-nav .nav-link:hover,.apx-nav .nav-link:focus{ color:#fff; }
.apx-nav .nav-link::after{
    content:""; position:absolute; left:.75rem; right:.75rem; bottom:.35rem; height:3px; border-radius:3px; background:#fff;
    transform:scaleX(0); opacity:0; transition:transform .18s,opacity .18s;
}
.apx-nav .nav-link:hover::after,.apx-nav .nav-link.active::after{ transform:scaleX(1); opacity:1; }

/* NEW chip */
.apx-nav .nav-item.position-relative .nav-link{ padding-right:3rem; }
.apx-new{ position:absolute; right:.6rem; top:50%; transform:translateY(-50%); background:#8a3ffc; color:#fff; font-weight:800; font-size:.68rem; line-height:1;
    padding:.15rem .4rem; border-radius:.35rem; box-shadow:0 2px 6px rgba(0,0,0,.2); pointer-events:none;
}
.apx-chip-new{ display:inline-block; font-size:.68rem; font-weight:800; line-height:1; padding:.15rem .4rem; border-radius:.35rem; background:#8a3ffc; color:#fff; }

/* Icon buttons + badge */
.apx-icon-btn{ background:rgba(255,255,255,.10); border:1px solid rgba(255,255,255,.20); color:#fff; border-radius:999px; padding:.55rem .7rem; }
.apx-icon-btn:hover{ background:rgba(255,255,255,.18); }
.apx-badge-count{
    position:absolute; top:-6px; right:-6px; min-width:20px; height:20px; padding:0 6px;
    display:inline-flex; align-items:center; justify-content:center; border-radius:999px; background:#e11d48; color:#fff; font-weight:800;
    font-size:.75rem; border:2px solid rgba(0,0,0,.15);
}
.apx-pill{ background:#fff; color:var(--ink); border:1px solid #eef2f7; border-radius:14px; padding:.55rem 1rem; box-shadow:0 8px 20px rgba(0,0,0,.18); }
.apx-badge-free{ font-size:.72rem; font-weight:800; padding:.15rem .45rem; border-radius:.35rem; background:linear-gradient(135deg,#22c55e,#16a34a); color:#fff; }

.apx-avatar{ width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.15);color:#fff;font-weight:800;letter-spacing:.5px; }
.apx-avatar-lg{ width:48px;height:48px;font-size:1.05rem; }

/* Force white nav text despite other global rules */
.apx-header .navbar.apx-gradient.navbar-dark .navbar-nav .nav-link,
.apx-header .navbar.apx-gradient .navbar-nav .nav-link,
.apx-header .apx-nav .nav-link {
    color:#fff !important; opacity:1 !important; mix-blend-mode:normal !important; -webkit-text-fill-color:#fff !important; text-shadow:none !important;
}
.apx-header .navbar.apx-gradient .navbar-nav .nav-link:hover,
.apx-header .navbar.apx-gradient .navbar-nav .nav-link:focus,
.apx-header .navbar.apx-gradient .navbar-nav .nav-link.active { color:#fff !important; }

/* Offcanvas colors */
.offcanvas.apx-gradient .nav-link{ color:rgba(255,255,255,.9)!important; }
.offcanvas.apx-gradient .nav-link:hover{ color:#fff!important; }

/* Keep dropdowns above page content */
.apx-header, .apx-header .navbar, .apx-header .container-xl { overflow: visible !important; }
.apx-header { z-index: 1055; }
.apx-header .dropdown-menu { z-index: 1080; }