/* ─── Кнопки дней недели ────────────────────────────────── */
.working-process li a {
    border: 1px solid;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    width: 50px;
    border-radius: 50%;
    gap: 4px;
}
@media (min-width: 768px) and (max-width: 991px) {
    .working-process li a { width: 38px; height: 38px; line-height: 38px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .working-process li a { width: 30px; height: 30px; line-height: 30px; }
}
@media (min-width: 1200px) {
    .working-process li a { width: 30px; height: 30px; line-height: 30px; font-size: 12px; }
}

/* ─── Top-bar ───────────────────────────────────────────── */
#top-bar {
    background: linear-gradient(to right, #ff33cc 0%, #1d87ff 100%) !important;
}
#top-bar .top-links li ul { z-index: 999999 !important; }
.top-links li > a { color: #fff !important; }
.top-links ul ul, .top-links ul div.top-link-section {
    border-top: 1px solid #8361E8;
    background: linear-gradient(to right, #ff33cc 0%, #1d87ff 100%) !important;
}
.top-links ul ul li { background: none !important; }

/* ─── Прочие стили ──────────────────────────────────────── */
.bg-gradient-lingo, .bg-lingo-orange {
    background: linear-gradient(to right, #551144 0%, #0a2d55 100%) !important;
}

/* ─── Шапка — базовые стили (десктоп) ───────────────────── */
#header { height: 60px !important; }
#header-wrap { background: #fff !important; height: 60px !important; }
#logo img { height: 50px !important; }
#primary-menu ul.main-menu > li .menu-text { color: #153BFF !important; }
.main-menu li::after { color: #153BFF !important; }

/* ─── Шапка десктоп ≥992px — flex раскладка ────────────── */
@media (min-width: 992px) {
    .lh-header-container {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        flex-wrap: nowrap !important;
        height: 100% !important;
    }
    #logo {
        float: none !important;
        flex-shrink: 0 !important;
        margin-right: 32px !important;
        display: flex !important;
        align-items: center !important;
    }
    #primary-menu {
        float: none !important;
        position: static !important;
        transform: none !important;
        margin: 0 !important;
        flex: 1 !important;
        display: flex !important;
        align-items: center !important;
        height: 100% !important;
    }
    #primary-menu ul.main-menu {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    #primary-menu ul.main-menu > li {
        display: flex !important;
        align-items: center !important;
        height: 100% !important;
    }
    #primary-menu ul.main-menu > li > a,
    #primary-menu ul.main-menu > li > a.menu-button,
    .device-lg #primary-menu ul.main-menu > li > a,
    .device-md #primary-menu ul.main-menu > li > a {
        display: flex !important;
        align-items: center !important;
        height: 100% !important;
        padding: 0 14px !important;
        line-height: normal !important;
    }
    #primary-menu ul.main-menu > li > a .div-menu-button,
    .device-lg #primary-menu ul.main-menu > li > a .div-menu-button,
    .device-md #primary-menu ul.main-menu > li > a .div-menu-button {
        display: flex !important;
        align-items: center !important;
    }
    #primary-menu ul.main-menu > li > a .menu-text,
    #primary-menu ul.main-menu > li > a .menu-text.current,
    .device-lg #primary-menu ul.main-menu > li > a .menu-text,
    .device-lg #primary-menu ul.main-menu > li > a .menu-text.current,
    .device-md #primary-menu ul.main-menu > li > a .menu-text,
    .device-md #primary-menu ul.main-menu > li > a .menu-text.current {
        font-size: 17px !important;
        font-weight: 600 !important;
        line-height: normal !important;
        margin: 0 !important;
        padding: 0 !important;
        position: static !important;
        display: block !important;
    }
    .lh-header-actions {
        flex-shrink: 0 !important;
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        margin-left: auto !important;
    }
}

/* ─── 992–1199px: уменьшаем шрифт/паддинг меню ─────────── */
@media (min-width: 992px) and (max-width: 1199px) {
    /* Фикс: Canvas сжимает ul.main-menu до ~320px на .device-md */
    #primary-menu ul.main-menu {
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        flex: 1 !important;
    }
    #primary-menu ul.main-menu > li > a,
    .device-lg #primary-menu ul.main-menu > li > a,
    .device-md #primary-menu ul.main-menu > li > a {
        padding: 0 10px !important;
    }
    #logo img { height: 50px !important; width: auto !important; }
}

/* ─── Планшет 768–991px ─────────────────────────────────── */
@media (min-width: 768px) and (max-width: 991px) {
    #header, #header-wrap, #header-wrap > .container {
        height: 70px !important;
        min-height: 70px !important;
        max-height: 70px !important;
    }
    #header-wrap > .container {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        position: relative !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        overflow: visible !important;
    }
    #logo {
        float: none !important;
        margin: 0 auto !important;
        max-width: 180px !important;
        position: static !important;
        display: flex !important;
        align-items: center !important;
        height: 70px !important;
    }
    #logo img { height: 44px !important; width: auto !important; display: block !important; }
    #primary-menu-trigger {
        position: absolute !important;
        left: 15px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        float: none !important;
        margin: 0 !important;
    }
}

/* ─── Мобиль <768px ─────────────────────────────────────── */
@media (max-width: 767px) {
    #header, #header-wrap { height: 60px !important; min-height: 60px !important; }
    #header-wrap > .container {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        position: relative !important;
        height: 60px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    #logo {
        float: none !important;
        margin: 0 auto !important;
        position: static !important;
        display: flex !important;
        align-items: center !important;
        height: 60px !important;
    }
    #logo a.retina-logo { display: none !important; }
    #logo a.standard-logo {
        display: flex !important;
        align-items: center !important;
        align-self: center !important;
        height: auto !important;
    }
    #logo img {
        display: block !important;
        height: 40px !important;
        width: auto !important;
        margin: 0 !important;
        position: static !important;
        top: auto !important;
        transform: none !important;
    }
    #primary-menu-trigger {
        position: absolute !important;
        left: 15px !important;
        top: 0 !important;
        bottom: 0 !important;
        height: auto !important;
        width: 50px !important;
        transform: none !important;
        margin: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
}

/* ─── Скрываем стандартное меню на мобиле/планшете ─────── */
@media (max-width: 991px) {
    #primary-menu > ul.main-menu { display: none !important; }
}

/* ═══ МОБИЛЬНОЕ МЕНЮ — overlay + panel ═══════════════════ */
.lm-mobile-menu { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; }
.lm-mobile-menu.is-open { display: block; }
.lm-mobile-menu__overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); animation: lmFadeIn 0.25s ease; }
.lm-mobile-menu__panel { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #fff; display: flex; flex-direction: column; animation: lmSlideIn 0.28s ease; overflow-y: auto; -webkit-overflow-scrolling: touch; }
@keyframes lmFadeIn  { from { opacity: 0; } to { opacity: 1; } }
@keyframes lmSlideIn { from { transform: translateY(-16px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
.lm-mobile-menu__header { display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; border-bottom: 1px solid #f0f0f0; flex-shrink: 0; }
.lm-mobile-menu__logo img { display: block; }
.lm-mobile-menu__close { background: none; border: none; padding: 6px; cursor: pointer; color: #12103a; line-height: 1; }
.lm-mobile-menu__nav { flex: 1; overflow-y: auto; }
.lm-mobile-menu__list { list-style: none; margin: 0; padding: 0; }
.lm-mobile-menu__item { border-bottom: 1px solid #f0f0f0; }
.lm-mobile-menu__link { display: block; padding: 18px 20px; font-size: 1.1rem; font-weight: 700; color: #12103a; text-decoration: none; line-height: 1.2; }
.lm-mobile-menu__link.is-active { color: #9b30ff; }
.lm-mobile-menu__link--secondary { font-size: 0.97rem; font-weight: 500; color: #555; }
.lm-mobile-menu__item--lang { padding: 16px 20px; }
.lm-mobile-menu__lang-label { display: block; font-size: 0.78rem; color: #999; margin-bottom: 8px; text-transform: uppercase; letter-spacing: 0.5px; }
.lm-mobile-menu__lang-current { display: flex; align-items: center; gap: 8px; font-size: 1rem; font-weight: 600; color: #12103a; cursor: pointer; }
.lm-mobile-menu__lang-list { list-style: none; margin: 8px 0 0; padding: 0; }
.lm-mobile-menu__lang-list a { display: flex; align-items: center; gap: 8px; padding: 8px 0; font-size: 0.97rem; color: #12103a; text-decoration: none; }
.lm-mobile-menu__footer { padding: 16px 20px 32px; display: flex; flex-direction: column; gap: 12px; border-top: 1px solid #f0f0f0; flex-shrink: 0; }
.lm-mobile-menu__btn { display: block; width: 100%; padding: 16px; border-radius: 12px; font-size: 1rem; font-weight: 700; text-align: center; text-decoration: none; cursor: pointer; transition: opacity 0.2s; }
.lm-mobile-menu__btn:hover { opacity: 0.88; }
.lm-mobile-menu__btn--primary {
    background: #153BFF;
    color: #fff;
    border-radius: 999px !important;
}
.lm-mobile-menu__btn--secondary {
    background: #fff;
    color: #153BFF;
    border: 2px solid #153BFF;
    border-radius: 999px !important;
}

/* ─── Кнопки в шапке ────────────────────────────────────── */
.lh-btn {
    display: inline-flex;
    align-items: center;
    padding: 8px 20px;
    border-radius: 999px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-decoration: none;
    transition: opacity 0.2s;
    white-space: nowrap;
}
.lh-btn:hover { opacity: 0.85; text-decoration: none; }
.lh-btn--outline { border: 2px solid #153BFF; color: #153BFF !important; background: transparent; }
.lh-btn--primary { background: #153BFF; color: #fff !important; border: 2px solid #153BFF; }

/* ─── Переключатель языка в шапке ───────────────────────── */
.lh-lang-switcher { position: relative; }
.lh-lang-switcher::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 8px;
}
.lh-lang-current {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #153BFF !important;
    text-decoration: none;
    padding: 8px 10px;
    cursor: pointer;
    white-space: nowrap;
}
.lh-lang-current:hover { opacity: 0.8; text-decoration: none; }
.lh-lang-dropdown {
    display: none;
    position: absolute;
    top: calc(100% + 4px);
    right: 0;
    background: #fff;
    border: 1px solid #e0e0ee;
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.12);
    list-style: none;
    margin: 0;
    padding: 6px 0;
    min-width: 140px;
    z-index: 999999;
}
.lh-lang-switcher:hover .lh-lang-dropdown,
.lh-lang-switcher:focus-within .lh-lang-dropdown { display: block; }
.lh-lang-dropdown li a {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    font-size: 0.88rem;
    color: #12103a;
    text-decoration: none;
}
.lh-lang-dropdown li a:hover { background: #f5f5ff; color: #153BFF; }

/* ─── Trustpilot карусель — фикс переполнения ───────────── */
@media (max-width: 991px) {
    .tr-carousel-wrap { overflow: hidden !important; max-width: 100% !important; }
    .tr-carousel { margin: 0 !important; padding: 8px 4px !important; }
    .tr-section { overflow: hidden !important; }
    .tr-body { overflow: hidden !important; max-width: 100% !important; }
}

/* ─── Размер шрифта меню — крупнее ─────────────────────── */

/* Мобильное меню */
.lm-mobile-menu__link {
    font-size: 1.25rem !important;
}
.lm-mobile-menu__lang-current {
    font-size: 1rem !important;
}

/* ─── Footer ─────────────────────── */

#footer {
    background: linear-gradient(to right, #380b2e 0%, #071e39 100%) !important;
}

.dark #copyrights {
    background: linear-gradient(to right, #380b2e 0%, #071e39 100%) !important;
}

.dark .footer-widgets-wrap a:hover {
    color: #fff !important;
}

/* ─── Background ─────────────────────── */

.bg-lingo-green-caqui {
    background: linear-gradient(to right, #551144 0%, #0a2d55 100%);
}