/* Задайте своё человеческое название файла между '' */
/* --human-name-css: 'Нова шапка Академії'; */

/* Укажите имя автора между '' */
/* --human-author-css: 'Ігор Тарнаруцький'; */

/* Задайте путь до аватара автора между "" */
/* --human-author-image-css: "https://school.olgasmirnova.com/wp-content/uploads/2026/05/photo_2025-01-30_10-38-03.jpg"; */

/* Задайте своё человеческое описание файла между '' */
/* --human-description-css: 'Замінюємо іконки в шапці та і взагалі нову шапку робблю'; */
/* --- 1. БАЗОВІ НАЛАШТУВАННЯ (ДЛЯ ВСІХ) --- */
.top-nav-row--inner {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    height: 70px !important;
    position: relative !important;
    padding: 0 15px !important;
}

/* Приховуємо сміття */
.icon-sliders, .icon-pencil, .icon-home, .caret, 
a[href*="/wpm/start/"], #ask-dropdown { display: none !important; }

/* Іконки (Пошук, Кошик, Сповіщення) */
.icon-search, .fa-shopping-cart, .mbln-notifications-icon {
    font-size: 0 !important;
    width: 22px; height: 22px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.icon-search::before, .fa-shopping-cart::before, .mbln-notifications-icon::before { content: none !important; }

.icon-search { background-image: url('https://school.olgasmirnova.com/wp-content/uploads/2026/05/search.png'); }
.fa-shopping-cart { background-image: url('https://school.olgasmirnova.com/wp-content/uploads/2026/05/shopping-bag.png'); }
.mbln-notifications-icon { background-image: url('https://school.olgasmirnova.com/wp-content/uploads/2026/05/bell.png'); }

/* --- 2. ДЕСКТОП (Екрани більше 992px) --- */
@media (min-width: 992px) {
    .top-nav-row--inner {
        padding-left: 320px !important; /* Місце для повного лого */
    }
    .top-nav-row--inner::before {
        content: "";
        position: absolute;
        left: 15px;
        top: 50%;
        transform: translateY(-50%);
        width: 300px; /* Повна ширина з текстом */
        height: 55px;
        background-image: url('https://school.olgasmirnova.com/wp-content/uploads/2026/05/logoakademi.png');
        background-size: contain;
        background-repeat: no-repeat;
    }
    .nav-item, .navbar-cart-inner, .mblg-gamification-wrap, .mbln-notifications-wrap, .user-profile-button {
        margin-left: 20px !important;
    }
}

/* --- 3. ПЛАНШЕТ (Від 768px до 991px) --- */
@media (max-width: 991px) and (min-width: 768px) {
    .top-nav-row--inner {
        padding-left: 180px !important; /* Менший відступ */
    }
    .top-nav-row--inner::before {
        content: "";
        position: absolute;
        left: 10px;
        width: 160px; /* Тільки логотип або скорочений текст */
        height: 45px;
        top: 50%;
        transform: translateY(-50%);
        background-image: url('https://school.olgasmirnova.com/wp-content/uploads/2026/05/logoakademi11.png');
        background-size: contain;
        background-repeat: no-repeat;
    }
    .nav-item, .navbar-cart-inner, .mbln-notifications-wrap {
        margin-left: 10px !important;
    }
}

/* --- 4. МОБІЛЬНИЙ (Менше 767px) --- */
@media (max-width: 767px) {
    .top-nav-row--inner {
        justify-content: flex-end !important;
        /* Збільшуємо відступ зліва, щоб вліз і бургер, і лого */
        padding-left: 110px !important; 
        height: 60px !important;
    }
    
    /* Кнопка бургера (робимо її помітною і зліва) */
    .mobile-menu-button {
        position: absolute !important;
        left: 10px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        z-index: 100 !important; /* Бургер завжди зверху */
        margin: 0 !important;
    }

    /* Логотип (знак) - зміщуємо його правіше від бургера */
    .top-nav-row--inner::before {
        content: "";
        position: absolute;
        left: 60px; 
        width: 35px; 
        height: 35px;
        top: 50%;
        transform: translateY(-50%);
        background-image: url('https://school.olgasmirnova.com/wp-content/uploads/2026/05/logoakademi11.png');
        background-size: contain;
        background-repeat: no-repeat;
        z-index: 90;
    }

    /* Зменшуємо відстань між іконками, щоб все влізло в ряд */
    .nav-item, .navbar-cart-inner, .mblg-gamification-wrap, 
    .mbln-notifications-wrap, .user-profile-button {
        margin-left: 8px !important;
    }

    /* Приховуємо цифри на сповіщеннях, якщо вони перекривають сусідні іконки */
    .mbln-notifications-number {
        font-size: 8px !important;
        padding: 1px 3px !important;
    }
}

    /* Ховаємо частину іконок, якщо вони не влізають (наприклад, пошук) */
    .search-hint-form { display: none !important; }
    
    /* Зменшуємо аватарку */
    .user-profile-humbnail img { width: 28px !important; height: 28px !important; }
}
/* Робимо посилання клікабельним і ставимо його поверх лого */
.custom-logo-link {
    position: absolute;
    left: 15px; /* Має збігатися з left логотипа */
    top: 50%;
    transform: translateY(-50%);
    width: 300px; /* Ширина як у логотипа */
    height: 60px;
    z-index: 99; /* Поверх усього */
    cursor: pointer;
}

/* Адаптивність для посилання */
@media (max-width: 991px) {
    .custom-logo-link {
        width: 160px;
    }
}

@media (max-width: 767px) {
    .custom-logo-link {
        left: 60px;
        width: 35px;
    }
}