/* Üst menü düzeni: masaüstünde öğeler tek satırda kalır, sıkışınca aralıklar ve yazılar küçülür */

.main-menu__store-btn {
    display: inline-flex !important;
    align-items: center;
    background: #5b3df5;
    color: #fff !important;
    border-radius: 10px;
    padding: 8px 16px;
    line-height: 1.2;
    white-space: nowrap;
    transition: background .15s;
}

.main-menu__store-btn:hover {
    background: #4328d9;
    color: #fff !important;
}

.main-menu__store-btn .store-short {
    display: none;
}

@media (min-width: 1200px) {
    .main-menu .container {
        gap: 24px;
    }

    .main-menu__logo {
        flex: 0 0 auto;
    }

    .main-menu__nav {
        flex: 1 1 auto;
        min-width: 0;
        display: flex;
        justify-content: center;
    }

    .main-menu .main-menu__list > li > a,
    .stricky-header .main-menu__list > li > a {
        white-space: nowrap;
    }

    .main-menu__right {
        flex: 0 0 auto;
        gap: 10px;
    }

    .main-menu__right .eduact-btn {
        margin-left: 0 !important;
        white-space: nowrap;
        gap: 6px;
    }

    .main-menu__right .profile-picture {
        flex: 0 0 auto;
    }
}

/* Bootstrap container 1400px üstünde 1320px'te sabitlendiği için sıkı ölçüler tüm masaüstü genişliklerinde geçerli */
@media (min-width: 1200px) {
    .main-menu .container {
        gap: 18px;
    }

    .main-menu__logo img {
        width: 150px;
        height: auto;
    }

    .main-menu .main-menu__list,
    .stricky-header .main-menu__list {
        gap: 16px;
    }

    .main-menu .main-menu__list > li > a,
    .stricky-header .main-menu__list > li > a {
        font-size: 1rem;
    }

    .main-menu__store-btn {
        padding: 7px 12px;
    }

    .main-menu__right .eduact-btn {
        padding: 7px 14px;
        font-size: 15px;
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .main-menu .main-menu__list,
    .stricky-header .main-menu__list {
        gap: 12px;
    }

    .main-menu .main-menu__list > li > a,
    .stricky-header .main-menu__list > li > a {
        font-size: .95rem;
    }

    .main-menu__store-btn .store-full {
        display: none;
    }

    .main-menu__store-btn .store-short {
        display: inline;
    }
}