/* --- Стили для скролл-меню (Версия 8.1) --- */

/* 1. Общий контейнер (базовые стили) */
.scroll-menu-container {
    position: relative;
    width: 100%;
    max-width: 1200px;
    margin: 20px auto;
    box-sizing: border-box;
    z-index: 1;
    padding: 10px 140px 10px 40px; 
}

/* Стили для светлой темы (по умолчанию) */
.scroll-menu-container.theme-light {}
.theme-light .secondary-scroll-menu li a {
    border: 1px solid #aeaeae;
    color: #000000;
}
.theme-light .secondary-scroll-menu li a:hover,
.theme-light .secondary-scroll-menu li.current-menu-item a {
    background: #E02C2C;
    border-color: #E02C2C;
    color: white;
}

/* Стили для темной темы */
.scroll-menu-container.theme-dark { background: transparent; }
.theme-dark .secondary-scroll-menu li a {
    /* --- ИЗМЕНЕНИЕ: Цвет текста для темной темы по умолчанию теперь белый --- */
    color: white; 
    border: 1px solid #ccc; /* Оставляем рамку из прошлой версии */
    background-color: transparent;
}
.theme-dark .secondary-scroll-menu li a:hover,
.theme-dark .secondary-scroll-menu li.current-menu-item a {
    background: #E02C2C;
    color: white;
    border-color: #E02C2C;
}

/* Общие стили */
.scroll-menu-viewport { overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
.scroll-menu-viewport::-webkit-scrollbar { display: none; }
.secondary-scroll-menu { display: flex; flex-wrap: nowrap; list-style: none; margin: 0; padding: 0; }
.secondary-scroll-menu li { flex-shrink: 0; }
.secondary-scroll-menu li a { display: block; padding: 10px 20px; text-decoration: none; margin-right: 10px; white-space: nowrap; transition: background-color 0.3s, color 0.3s, border-color 0.3s; border-radius: 0; }

/* Стрелки */
.scroll-menu-arrows { position: absolute; top: 50%; right: 40px; transform: translateY(-50%); z-index: 10; display: none; gap: 8px; }
.scroll-menu-arrow { background-color: rgba(255, 255, 255, 0.9); border: 1px solid #ccc; border-radius: 50%; width: 35px; height: 35px; cursor: pointer; font-size: 20px; line-height: 1.6; text-align: center; display: flex; align-items: center; justify-content: center; transition: 0.5s; }
.scroll-menu-arrow:hover { background: black; color: white; }
.scroll-menu-arrow.hidden { opacity: 0.3; pointer-events: none; }

/* --- Адаптивность --- */
@media (min-width: 1025px) {
    .scroll-menu-arrows { display: flex; }
    
    .scroll-menu-container.theme-light {
        padding: 0 140px 0 0;
        margin-top: 0;
    }

    .scroll-menu-container.theme-dark {
        padding: 0 100px 0 0;
    }
    .theme-dark .scroll-menu-arrows {
        right: 10px;
    }
}
@media (max-width: 1024px) {
    .scroll-menu-container {
        max-width: none;
        padding: 10px 0;
        margin-top: 10px;
        margin-bottom: 10px;
        margin-left: calc((100% - 100vw) / 2);
        margin-right: calc((100% - 100vw) / 2);
        background: transparent;
    }
    .scroll-menu-viewport { padding: 0 10px; }
    .scroll-menu-arrows { display: none !important; }

    .scroll-menu-container.theme-light .secondary-scroll-menu li a {
        border: 1px solid #aeaeae;
        color: #000000;
        background-color: transparent;
    }
    .scroll-menu-container.theme-light .secondary-scroll-menu li a:hover,
    .scroll-menu-container.theme-light .secondary-scroll-menu li.current-menu-item a {
        background: #E02C2C;
        color: white;
        border-color: #E02C2C;
    }

    .scroll-menu-container.theme-dark .secondary-scroll-menu li a {
        border: 1px solid white;
        color: #ffffff;
        background-color: transparent;
    }
    .scroll-menu-container.theme-dark .secondary-scroll-menu li a:hover,
    .scroll-menu-container.theme-dark .secondary-scroll-menu li.current-menu-item a {
        background: white;
        color: #000000;
        border-color: white;
    }
}