/*==================================================
    ADDON FINANCE ENTERPRISE NAVBAR
==================================================*/

.addon-navbar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    padding: 16px 0;
    transition: all .4s ease;
    background: rgba(255, 255, 255, .78);
    backdrop-filter: blur(22px);
    -webkit-backdrop-filter: blur(22px);
    border-bottom: 1px solid rgba(255, 255, 255, .35);
}

.addon-navbar::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(255,255,255,.08), rgba(255,255,255,.18));
    pointer-events: none;
}

.navbar-shrink {
    padding: 10px 0;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 12px 40px rgba(15, 23, 42, .08);
}

/*======================================
GRID LAYOUT — logo | center nav | actions
======================================*/

.navbar-grid {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 16px;
}

.navbar-center {
    justify-self: center;
}

.navbar-center.collapse:not(.show) {
    display: none;
}

@media (min-width: 992px) {
    .navbar-center.collapse {
        display: flex !important;
        flex-basis: auto;
        height: auto !important;
        visibility: visible;
    }
}

.navbar-actions {
    justify-self: end;
}

/*======================================
LOGO
======================================*/

.logo-navbar {
    height: 42px;
    transition: .35s;
}

.navbar-shrink .logo-navbar {
    height: 38px;
}

/* Main public navbar uses addon-navbar__logo. */
.addon-navbar__brand {
    display: inline-flex;
    align-items: center;
    justify-self: start;
    line-height: 0;
}

.addon-navbar__logo {
    display: block;
    width: 178px !important;
    max-width: 178px !important;
    height: auto !important;
    max-height: 60px !important;
    object-fit: contain;
    object-position: left center;
    transition: width .35s ease, max-width .35s ease, max-height .35s ease;
}

.navbar-shrink .addon-navbar__logo {
    width: 162px !important;
    max-width: 162px !important;
    max-height: 54px !important;
}

/*======================================
NAV MENU
======================================*/

.navbar-nav {
    gap: 4px;
}

.nav-link {
    position: relative;
    color: #374151 !important;
    font-weight: 600;
    font-size: 15px;
    padding: .7rem 1rem !important;
    transition: .35s;
}

.nav-link:hover {
    color: #F26522 !important;
}

.nav-link::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 4px;
    width: 0;
    height: 2px;
    border-radius: 999px;
    background: #F26522;
    transform: translateX(-50%);
    transition: .35s;
}

.nav-link:hover::after,
.nav-link.active::after {
    width: 60%;
}

.nav-link.active {
    color: #F26522 !important;
}

/*======================================
BUTTONS
======================================*/

.btn-consult {
    border: none;
    color: #fff;
    padding: 10px 22px;
    border-radius: 999px;
    font-weight: 700;
    font-size: 14px;
    background: linear-gradient(135deg, #0B63F6, #2563EB);
    box-shadow: 0 12px 30px rgba(11, 99, 246, .22);
    transition: .35s;
}

.btn-consult:hover {
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 16px 38px rgba(11, 99, 246, .3);
}

.btn-gradient {
    border: none;
    color: #fff;
    padding: 12px 24px;
    border-radius: 999px;
    background: linear-gradient(135deg, #0B63F6, #2563EB, #FF7A00);
    background-size: 200%;
    transition: .4s;
    box-shadow: 0 15px 35px rgba(11, 99, 246, .22);
}

.btn-gradient:hover {
    color: #fff;
    transform: translateY(-3px);
    background-position: right;
    box-shadow: 0 20px 45px rgba(11, 99, 246, .28);
}

.lang-toggle {
    padding: .5rem .75rem !important;
    color: #374151 !important;
}

.lang-toggle::after {
    display: none;
}

/*======================================
LANGUAGE
======================================*/

.dropdown-menu{

    border:none;

    border-radius:18px;

    overflow:hidden;

    padding:10px;

    box-shadow:

    0 20px 40px rgba(0,0,0,.08);

}

.dropdown-item{

    border-radius:12px;

    padding:10px 14px;

    transition:.3s;

}

.dropdown-item:hover{

    background:#F3F7FF;

    color:var(--primary);

}

/*======================================
SEARCH & AI
======================================*/

.btn-icon{

    width:42px;

    height:42px;

    border-radius:50%;

    border:none;

    background:#F3F6FB;

    transition:.35s;

}

.btn-icon:hover{

    background:var(--primary);

    color:#fff;

}

.btn-ai{

    border:none;

    border-radius:999px;

    padding:10px 18px;

    color:#fff;

    background:

    linear-gradient(
        135deg,
        #7C3AED,
        #0B63F6
    );

    transition:.35s;

}

.btn-ai:hover{

    transform:translateY(-3px);

    box-shadow:

    0 15px 35px rgba(124,58,237,.28);

}

/*======================================
TOGGLER
======================================*/

.navbar-toggler{

    border:none;

    box-shadow:none!important;

}

/*======================================
OFFCANVAS
======================================*/

.offcanvas{

    border:none;

    background:#fff;

}

.offcanvas-header{

    padding:24px;

}

.offcanvas-body{

    padding:24px;

}

.offcanvas .nav-link{

    padding:14px 0!important;

    border-bottom:1px solid #F1F5F9;

}

/*======================================
MOBILE
======================================*/

@media(max-width:991px){

.addon-navbar{
    padding:12px 0;
}

.navbar-grid{
    grid-template-columns:1fr auto;
}

.logo-navbar{
    height:36px;
}

.addon-navbar__logo{
    width:154px !important;
    max-width:154px !important;
    max-height:50px !important;
}

.navbar-shrink .addon-navbar__logo{
    width:144px !important;
    max-width:144px !important;
    max-height:46px !important;
}

.btn-gradient,
.btn-consult{
    width:100%;
    margin-top:20px;
}

}
/* Product nav split action: label navigates to homepage products, arrow opens product menu. */
.addon-products-menu__trigger{
    display:flex;
    align-items:center;
}
.addon-products-menu__link{
    padding-right:.28rem!important;
}
.addon-products-menu__arrow{
    display:grid;
    width:28px;
    height:38px;
    place-items:center;
    padding:0;
    border:0;
    border-radius:9px;
    color:#374151;
    background:transparent;
    cursor:pointer;
    transition:color .2s ease,background .2s ease,transform .2s ease;
}
.addon-products-menu__arrow i{
    font-size:.68rem;
    transition:transform .2s ease;
}
.addon-products-menu__arrow:hover,
.addon-products-menu__arrow:focus-visible,
.addon-products-menu.is-open .addon-products-menu__arrow{
    color:#F26522;
    background:#fff4ec;
    outline:none;
}
.addon-products-menu.is-open .addon-products-menu__arrow i{
    transform:rotate(180deg);
}

@media(max-width:991.98px){
    .addon-products-menu__mobile-trigger{
        display:grid;
        grid-template-columns:minmax(0,1fr) 44px;
        align-items:center;
        border-bottom:1px solid #F1F5F9;
    }
    .offcanvas .addon-products-menu__mobile-link{
        border-bottom:0!important;
    }
    .addon-products-menu__mobile-arrow{
        display:grid;
        width:40px;
        height:40px;
        place-items:center;
        padding:0;
        border:0;
        border-radius:10px;
        color:#374151;
        background:#f7f8fa;
        cursor:pointer;
    }
    .addon-products-menu__mobile-arrow i{
        font-size:.72rem;
        transition:transform .2s ease;
    }
    .addon-products-menu__mobile-arrow[aria-expanded="true"]{
        color:#F26522;
        background:#fff4ec;
    }
    .addon-products-menu__mobile-arrow[aria-expanded="true"] i{
        transform:rotate(180deg);
    }
}