header {
    background-color: rgba(185, 185, 185, 0.6);
    backdrop-filter: blur(95px);
}

.nav-link{
    color: #34699AFF; !important;
    font-size: 20px ;
    /*font-weight: bold !important;*/
}

.group {
    display: flex;
    line-height: 28px;
    align-items: center;
    position: relative;
    max-width: 190px;
}

.input-search {
    width: 100%;
    height: 40px;
    line-height: 28px;
    padding: 0 1rem;
    padding-left: 2.5rem;
    border: 2px solid transparent;
    border-radius: 8px;
    outline: none;
    background-color: #34699AFF;
    color: #0d0c22;
    transition: 0.3s ease;

}

.input-search::placeholder {
    color: #ffffff;
}

.input-search:focus,
input-search:hover {
    outline: none;
    border-color: rgba(234, 226, 183, 0.4);
    background-color: #fff;
    box-shadow: 0 0 0 4px rgb(234 226 183 / 10%);
}

.icon-search {
    position: absolute;
    left: 1rem;
    fill: #ffffff;
    width: 1rem;
    height: 1rem;
}
.icon-person{
    color: black;
}



.bi {
    color: #34699AFF;
}


/*footer*/
.list-footer {
    list-style-type: none;
}

/*بخش ایکون سرچ*/
/* From Uiverse.io by Yaya12085 */
.input-container {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%; /* هم‌ارتفاع با آیتم‌های کناری */
}

.input {
    width: 40px;
    height: 36px;
    border-radius: 20px;
    border: none;
    outline: none;
    padding: 18px 16px;
    background-color: transparent;
    cursor: pointer;
    transition: all 0.5s ease-in-out;
}

.input::placeholder {
    color: transparent;
}

.input:focus::placeholder {
    color: rgb(131, 128, 128);
}

.input:focus,
.input:not(:placeholder-shown) {
    background-color: transparent;
    border: 1px solid rgb(52, 105, 154);
    width: 290px;
    cursor: auto;
    padding: 18px 16px 18px 45px;
}

.icon {
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%); /* وسط‌چین عمودی دقیق */
    height: 28px;
    width: 28px;
    background-color: transparent;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none; /* جلوگیری از کلیک روی آیکون */
}

.input:focus + .icon,
.input:not(:placeholder-shown) + .icon {
    z-index: 2;
    background-color: transparent;
    border: none;
}



.search-btn {
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
}








/* ریسپانسیو موبایل */
@media (max-width: 576px) {
    .input {
        width: 100% !important;
        padding-left: 45px !important;
        border-radius: 20px;
    }
    .input:focus,
    .input:not(:placeholder-shown) {
        width: 100% !important;
    }
    .input-container {
        width: 100%;
    }
}

.megamenu {
    position: static;
}
.megamenu .dropdown-menu {
    background: none;
    border: none;
    width: 100%;
}

.logo-img {
    height: 80px;       /* ارتفاع مناسب برای دسکتاپ */
    width: auto;        /* تناسب حفظ می‌شود */
}

@media (max-width: 70px) {
    .logo-img {
        height: 72px;   /* کوچکتر در موبایل */
    }
}