@charset "UTF-8";

/* ==========================================================================
   Светлая тема для ХостАдмин.онлайн (Изолированная через селектор .light-theme)
   ========================================================================== */

body.light-theme {
    --bs-body-bg: #F6F4F8;
    --bs-body-color: #231F32;
    --bs-heading-color: #161224;
    --bs-link-color: #7C3AED;
    --bs-link-hover-color: #5B21B6;
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
}

/* Ссылки и базовые элементы */
body.light-theme a {
    color: var(--bs-link-color);
}
body.light-theme a:hover {
    color: var(--bs-link-hover-color);
}
body.light-theme h1,
body.light-theme .h1,
body.light-theme h2,
body.light-theme .h2,
body.light-theme h3,
body.light-theme .h3 {
    color: var(--bs-heading-color);
}

/* Шапка сайта */
body.light-theme .ao-header {
    background-color: #FFFFFF;
    border-bottom: 1px solid #E4DFEC;
}
body.light-theme .ao-header__nav-link {
    color: #231F32;
}
body.light-theme .ao-header__nav-link--active {
    background: #F0EBF5;
    border-color: rgba(124, 58, 237, 0.1);
}
body.light-theme .ao-header__nav-link:not(.ao-header__nav-link--active):hover {
    background-color: #F6F4F8;
    border-color: #E4DFEC;
}
body.light-theme .ao-header__dropwndown-content {
    background-color: #FFFFFF;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}
body.light-theme .ao-header__dropwndown-link {
    color: #5A5266;
}
body.light-theme .ao-header__dropwndown-link:hover {
    color: #7C3AED;
    background: #F6F4F8;
}
body.light-theme .ao-header__menu-btn svg path {
    stroke: #161224; /* Кнопка гамбургер-меню на мобильных */
}

/* Кнопки */
body.light-theme .ao-btn--primary {
    color: #FFFFFF;
    background-color: #7C3AED;
    border-color: #7C3AED;
    box-shadow: 0 4px 14px rgba(124, 58, 237, 0.3);
}
body.light-theme .ao-btn--primary:hover {
    background-color: #6D28D9;
    border-color: #6D28D9;
    box-shadow: 0 6px 20px rgba(124, 58, 237, 0.4);
}
body.light-theme .ao-btn--primary:active {
    background-color: #5B21B6 !important;
    box-shadow: 0 4px 10px rgba(124, 58, 237, 0.2) !important;
}
body.light-theme .ao-btn--secondary {
    color: #231F32;
    border-color: #D2C8E2;
    box-shadow: none;
}
body.light-theme .ao-btn--secondary:hover {
    background-color: #F0EBF5;
    border-color: #C3B8D5;
}
body.light-theme .ao-btn--secondary:active {
    background-color: #E5DFEC !important;
}

/* Логотип */
body.light-theme .ao-logo__text {
    color: #161224;
}
body.light-theme .ao-logo__img {
    /* При необходимости инвертируем или заменяем темный логотип */
    filter: brightness(0.2) sepia(1) hue-rotate(240deg) saturate(2);
}

/* Секции общего назначения */
body.light-theme .ao-section {
    border-bottom: 1px solid #E4DFEC;
}
body.light-theme .ao-section__action-btn {
    background-color: #FFFFFF;
    border: 1px solid #D2C8E2;
    color: #231F32;
}
body.light-theme .ao-section__action-btn:hover {
    background-color: #F6F4F8;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

/* Секция интро (Главный баннер) */
body.light-theme .ao-intro {
    background-color: #FFFFFF;
    /* Накладываем светлый полупрозрачный градиент поверх темных фоновых картинок */
    background-blend-mode: overlay;
    background-image: linear-gradient(rgba(246, 244, 248, 0.94), rgba(246, 244, 248, 0.94)), var(--bg-image-url) !important;
}
@media (min-width: 1024px) {
    body.light-theme .ao-intro {
        background-image: linear-gradient(rgba(246, 244, 248, 0.94), rgba(246, 244, 248, 0.94)), var(--desktop-bg-image-url) !important;
    }
}
body.light-theme .ao-intro__text {
    color: #5A5266;
}

/* Карточки в блоке "Решения" (Solutions) */
body.light-theme .ao-solutions__item {
    background-color: #FFFFFF;
    border: 1px solid #E4DFEC;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
}
body.light-theme .ao-solutions__item-header {
    border-bottom: 1px solid #F0EBF5;
}
body.light-theme .ao-solutions__item-title {
    color: #161224;
}
body.light-theme .ao-solutions__item-icon-wrp:before {
    background-color: rgba(124, 58, 237, 0.08); /* Снижаем интенсивность свечения */
    filter: blur(40px);
}

/* Как устроен процесс мониторинга */
body.light-theme .ao-index-monitoring__item,
body.light-theme .ao-index-moveserver__item,
body.light-theme .ao-index-maintance__item {
    background-color: #FFFFFF;
    border: 1px solid #E4DFEC;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
}
body.light-theme .ao-index-monitoring__item svg path {
    fill: #E9E3F0;
    stroke: #7C3AED;
}

/* Что входит в ежемесячное обслуживание (Monthly service) */
body.light-theme .ao-monthly-service__item {
    background-color: #FFFFFF;
    border: 1px solid #E4DFEC;
}
body.light-theme .ao-monthly-service__item-title {
    color: #161224;
}
body.light-theme .ao-monthly-service__item-num {
    color: rgba(124, 58, 237, 0.15);
}
body.light-theme .ao-monthly-service__item-body,
body.light-theme .ao-monthly-service__item-more {
    border-top: 1px solid #F0EBF5;
}
body.light-theme .ao-monthly-service__item-more {
    color: #5A5266;
}
body.light-theme .ao-monthly-service__item-expand {
    border-color: #D2C8E2;
}
body.light-theme .ao-monthly-service__item-expand:before,
body.light-theme .ao-monthly-service__item-expand:after {
    background-color: #7C3AED;
}

/* Стек технологий (Сфера) */
body.light-theme .planet-section {
    background-color: #F6F4F8;
}
body.light-theme .planet-title {
    color: #161224;
}
body.light-theme .sphere-core {
    background: radial-gradient(
            ellipse at center,
            rgba(124, 58, 237, 0.1) 0%,
            rgba(124, 58, 237, 0.03) 50%,
            rgba(124, 58, 237, 0) 100%
    );
}
body.light-theme .sphere-item {
    background: #FFFFFF;
    border: 1px solid #D2C8E2;
}
body.light-theme .sphere-item .fallback-text {
    color: #231F32;
}
body.light-theme .sphere-item:hover {
    background: #F0EBF5 !important;
    border-color: #7C3AED !important;
}

/* Отзывы */
body.light-theme .ao-reviews__item {
    background-color: #FFFFFF;
    border: 1px solid #E4DFEC;
}
body.light-theme .ao-reviews__item-name {
    color: #161224;
    border-bottom: 1px solid #F0EBF5;
}
body.light-theme .ao-slider__btn {
    background-color: #FFFFFF;
    border-color: #D2C8E2;
}
body.light-theme .ao-slider__btn svg path {
    fill: #231F32;
}

/* Партнерская программа */
body.light-theme .ao-partnership {
    background-color: #FFFFFF;
    border-top: 1px solid #E4DFEC;
}

/* Футер */
body.light-theme .ao-footer {
    background-color: #FFFFFF;
    border-top: 1px solid #E4DFEC;
}
body.light-theme .ao-footer__sub-link,
body.light-theme .ao-footer__info-link,
body.light-theme .ao-footer__small {
    color: #6F677A;
}
body.light-theme .ao-footer__sub-link:hover,
body.light-theme .ao-footer__copyright .ao-footer__info-link:hover {
    color: #7C3AED;
}
body.light-theme .ao-footer__contacts {
    border: 1px solid #E4DFEC;
}
body.light-theme .ao-footer__contact-item {
    border-bottom: 1px solid #F0EBF5 !important;
}
body.light-theme .ao-footer__contact-item:last-child {
    border-bottom: none !important;
}
body.light-theme .ao-footer__contact-label {
    color: #6F677A;
}
body.light-theme .ao-footer__contact-value a {
    color: #231F32;
}
body.light-theme .ao-footer__contact-value a:hover {
    color: #7C3AED;
}
body.light-theme .ao-footer__copyright {
    border-top: 1px solid #E4DFEC;
    color: #6F677A;
}
body.light-theme .ao-footer__copyright .ao-footer__info-link {
    color: #6F677A;
}
body.light-theme .ao-footer__payment-methods svg path[fill="#fff"] {
    fill: #231F32; /* Корректировка контрастности белых элементов платежных систем */
}

/* Мобильное меню */
body.light-theme .ao-mobile-menu.offcanvas {
    background-color: #FFFFFF;
}
body.light-theme .ao-mobile-menu {
    color: #231F32;
}
body.light-theme .ao-mobile-menu__menu-item {
    border-bottom: 1px solid #F0EBF5;
}
body.light-theme .ao-mobile-menu__sub-menu-link {
    color: #5A5266;
}
body.light-theme .ao-mobile-menu__contact-btn-2 {
    background-color: #F6F4F8;
    border-color: #D2C8E2;
}

/* Модальное окно (Калькулятор) */
body.light-theme .ao-modal-backdrop {
    background-color: rgba(22, 18, 36, 0.5); /* Более мягкое размытие для светлой темы */
}
body.light-theme .ao-modal__dialog {
    background-color: #FFFFFF;
    border-color: #E4DFEC;
    box-shadow: 0 20px 50px rgba(22, 18, 36, 0.15);
}
body.light-theme .ao-modal__close {
    color: #5A5266;
}
body.light-theme .ao-modal__close:hover {
    color: #161224;
    background-color: #F6F4F8;
}
body.light-theme .ao-modal__title {
    color: #161224;
    text-shadow: none;
}
body.light-theme .ao-form-label {
    color: #161224;
}
body.light-theme .ao-form-group {
    border-bottom: 1px solid #F0EBF5;
}
body.light-theme .ao-subgroup-title {
    color: #5A5266;
}
body.light-theme .ao-select {
    background-color: #F6F4F8;
    border-color: #D2C8E2;
    color: #231F32;
}
body.light-theme .ao-select option {
    background-color: #FFFFFF;
    color: #231F32;
}
body.light-theme .ao-select:hover {
    border-color: #C3B8D5;
}
body.light-theme .ao-select:focus {
    border-color: #7C3AED;
}
body.light-theme .ao-select-arrow {
    color: #5A5266;
}
body.light-theme .ao-select:focus + .ao-select-arrow {
    color: #7C3AED;
}
body.light-theme .ao-tag-input span {
    background-color: #F6F4F8;
    border-color: #D2C8E2;
    color: #5A5266;
}
body.light-theme .ao-tag-input:hover span {
    border-color: #C3B8D5;
    color: #161224;
}
body.light-theme .ao-tag-input input:checked + span {
    background-color: rgba(124, 58, 237, 0.08);
    border-color: #7C3AED;
    color: #7C3AED;
}

/* Информационные плашки и FAQ */
body.light-theme .faq-section {
    background-color: #F6F4F8;
}
body.light-theme .faq-item {
    background: #FFFFFF;
    border-color: #E4DFEC;
}
body.light-theme .faq-item:hover,
body.light-theme .faq-item.active {
    background: #FFFFFF;
    border-color: #D2C8E2;
}
body.light-theme .faq-question {
    color: #161224 !important;
}
body.light-theme .faq-answer-inner p,
body.light-theme .faq-answer-inner li {
    color: #5A5266;
}
body.light-theme .faq-answer-inner b {
    color: #161224;
}

/* Таблицы тарифов */
body.light-theme .ao-table-disclaimer {
    background: rgba(124, 58, 237, 0.04);
    border-color: rgba(124, 58, 237, 0.15);
}
body.light-theme .ao-table-disclaimer-text {
    color: #5A5266;
}
body.light-theme .ao-table-disclaimer-highlight {
    color: #161224;
}
body.light-theme .ao-tariff-table {
    color: #231F32;
}
body.light-theme .ao-tariff-name {
    color: #161224;
}
body.light-theme .ao-tariff-price {
    color: #5A5266;
}
body.light-theme .ao-table-header-row {
    border-bottom-color: #D2C8E2;
}
body.light-theme .ao-tariff-table tbody tr {
    border-bottom-color: #F0EBF5;
}
body.light-theme .ao-tariff-table tbody tr.ao-tr-last {
    border-bottom-color: #D2C8E2;
}
body.light-theme .ao-td-label {
    color: #161224;
}
body.light-theme .ao-td-popular,
body.light-theme .ao-tariff-header-popular,
body.light-theme .ao-td-popular-button {
    background: rgba(124, 58, 237, 0.04) !important;
}
@media (max-width: 1023px) {
    body.light-theme .ao-table-scroll th:first-child,
    body.light-theme .ao-table-scroll td:first-child {
        background-color: #FFFFFF !important;
        box-shadow: 4px 0 10px rgba(0, 0, 0, 0.04);
    }
}