/*====================================================
    APRI HEADER / NAVBAR FINAL CLEAN
====================================================*/


/* RESET */

.apri-navbar,
.apri-navbar * {

    box-sizing:border-box;

}



/*====================================================
    NAVBAR
====================================================*/


.apri-navbar {

    background:#ffffff;

    padding:8px 0;

    box-shadow:
        0 5px 20px rgba(0,0,0,.08);

    position:sticky;

    top:0;

    z-index:9999;

}



/*====================================================
    CONTAINER
====================================================*/


.apri-navbar .container {

    display:flex;

    align-items:center;

}



/*====================================================
    BRAND
====================================================*/


.apri-brand {

    display:flex !important;

    align-items:center;

    gap:12px;

    text-decoration:none;

    padding:0;

    margin:0;

}



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


.apri-logo-image {

    width:55px;

    height:55px;

    object-fit:contain;

    display:block;

    flex-shrink:0;

}

.header-logo-icon {
    width: 52px;
    height: 52px;

    display: flex;

    align-items: center;
    justify-content: center;

    border: 1px solid rgba(218, 175, 65, 0.85);

    border-radius: 9px;

    color: #e0b84d;

    font-size: 14px;

    font-weight: 800;

    background:
        rgba(255, 255, 255, 0.04);
}



/*====================================================
    TEXT
====================================================*/


/* ==========================================
   BRAND TEXT
========================================== */

.apri-brand-text {

    display:flex;

    flex-direction:column;

    justify-content:center;

    line-height:1;

    margin-left:2px;

}


.apri-brand-text strong {

    font-family:'Cormorant Garamond', serif;

    font-size:34px;

    font-weight:700;

    letter-spacing:2px;

    color:#075ca8;

    line-height:1;

    text-transform:uppercase;

}


.apri-brand-text span {

    margin-top:6px;

    font-family:'Inter', sans-serif;

    font-size:11px;

    font-weight:500;

    letter-spacing:.3px;

    color:#64748b;

    white-space:nowrap;

}





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


.apri-navbar .navbar-collapse {

    align-items:center;

}



.apri-navbar .navbar-nav {

    gap:5px;

}



.apri-navbar .nav-link {

    color:#1f2937;

    font-size:16px;

    font-weight:650;

    padding:14px 17px;

    letter-spacing:.2px;

}



.apri-navbar .nav-link:hover {

    color:#075ca8;

}



.apri-navbar .nav-link::after {

    content:"";

    position:absolute;

    left:15px;

    bottom:5px;

    width:0;

    height:3px;

    background:#075ca8;

    border-radius:20px;

    transition:.3s;

}



.apri-navbar .nav-link:hover::after {

    width:calc(100% - 30px);

}






/*====================================================
    DROPDOWN
====================================================*/


.apri-navbar .dropdown-menu {

    border:none;

    border-radius:12px;

    padding:10px;

    margin-top:8px;

    box-shadow:
    0 15px 35px rgba(0,0,0,.12);

}



.apri-navbar .dropdown-item {

    padding:10px 15px;

    border-radius:8px;

    font-size:14px;

}



.apri-navbar .dropdown-item:hover {

    background:#eef8f2;

    color:#075ca8;

}






/*====================================================
    SEARCH
====================================================*/


.navbar-action {

    display:flex;

    align-items:center;

}



.search-btn {

    width:42px;

    height:42px;

    border-radius:50%;

    background:#f4f6f9;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#333;

    text-decoration:none;

}



.search-btn:hover {

    background:#075ca8;

    color:#fff;

}







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


@media(max-width:991px){


    .apri-logo-image {

        width:45px;

        height:45px;

    }



    .apri-brand-text strong {

        font-size:18px;

    }



    .apri-brand-text span {

        font-size:10px;

    }


}

.apri-navbar {

    position:sticky !important;

    top:0 !important;

    z-index:9999 !important;

}