/**
 * Новая цветовая схема сайта
 */

:root {
    /* Основные акцентные цвета */
    --accent-color: #1cc343; /* Яркий зеленый */
    --accent-color-hover: #15a336; /* Темно-зеленый для эффектов наведения */
    --accent-text-color: #ffffff; /* Белый текст на акцентном фоне */
    --button-border-radius: 8px; /* Радиус скругления для кнопок */
    
    /* Второй акцентный цвет */
    --accent-color-2: #ffcc00; /* Яркий желтый */
    --accent-color-2-hover: #e6b800; /* Темно-желтый для эффектов наведения */
    
    /* Новые цвета фона */
    --bg-color: #0f1a2a; /* Темно-синий фон вместо фиолетового */
    --bg-color-2: #162638; /* Чуть светлее для градиентов и акцентов */
    --bg-color-3: #1d3249; /* Еще светлее для выделения элементов */
}

/* Глобальные стили для фона */
body,
.body_style_boxed .page_wrap,
.scheme_dark,
.scheme_dark body,
.scheme_dark.footer_wrap,
.scheme_dark.page_wrap {
    background-color: var(--bg-color) !important;
}

/* Стили для градиентного фона в слайдере */
#slider-1-slide-1-layer-32,
[id^="slider-"][id$="-layer-"][data-type="shape"] {
    background: linear-gradient(90deg, var(--bg-color-2) 0%, rgba(22, 38, 56, 0.7) 56%, rgba(22, 38, 56, 0) 100%) !important;
}

/* Стили для карточек и блоков */
.sc_layouts_row,
.scheme_dark .sc_layouts_row,
.sc_layouts_item_details_line1,
.sc_layouts_item_details_line2,
.sc_layouts_row_type_narrow .sc_layouts_item_details_line1,
.sc_layouts_row_type_narrow .sc_layouts_item_details_line2,
.scheme_dark.footer_wrap,
.footer_wrap .scheme_dark.vc_row {
    background-color: var(--bg-color-2) !important;
}

/* Стили для выделенных блоков */
.sc_layouts_row_fixed,
.sc_layouts_row_fixed_on,
.scheme_dark .sc_layouts_row_fixed_on {
    background-color: var(--bg-color-3) !important;
}

/* Кнопки */
.sc_button_default, 
.sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image),
.rs-layer.sldr-button,
.rev-btn,
.sc_button,
.sc_form_field_button button,
.sc_action_item_link {
    background-color: var(--accent-color) !important;
    color: var(--accent-text-color) !important;
    border-color: var(--accent-color) !important;
    border-radius: var(--button-border-radius) !important;
    overflow: hidden;
    transition: all 0.3s ease !important;
}

.sc_button_default:hover, 
.sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):hover,
.rs-layer.sldr-button:hover,
.rev-btn:hover,
.sc_button:hover,
.sc_form_field_button button:hover,
.sc_action_item_link:hover {
    background-color: var(--accent-color-2) !important;
    border-color: var(--accent-color-2) !important;
    transform: translateY(-3px);
    box-shadow: 0 4px 10px rgba(255, 204, 0, 0.3) !important;
}

/* Исправление для карточек */
.sc_icons_item_link {
    background-color: transparent !important;
    border-radius: var(--button-border-radius) !important;
    transition: all 0.3s ease !important;
}

.sc_icons_item_link:hover {
    background-color: rgba(255, 204, 0, 0.1) !important;
    transform: translateY(-3px);
    box-shadow: 0 4px 10px rgba(255, 204, 0, 0.2) !important;
    border-color: var(--accent-color-2) !important;
}

/* Стили для карточек с желтым акцентом */
.sc_icons_item {
    transition: all 0.3s ease !important;
    background-color: var(--bg-color-2) !important;
    border-radius: var(--button-border-radius) !important;
}

.sc_icons_item:hover {
    background-color: var(--bg-color-3) !important;
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(15, 26, 42, 0.3) !important;
}

.sc_icons_item:hover .sc_icons_icon {
    color: var(--accent-color-2) !important;
}

.sc_icons_item:hover .sc_icons_item_title a {
    color: var(--accent-color-2) !important;
}

/* Иконки */
.sc_layouts_iconed_text_icon,
.sc_icon_type_icons,
.fas.fa-angle-right {
    color: var(--accent-color) !important;
}

/* Исправление для иконок с фоном */
.icon-telegram.sc_icon_type_icons,
.icon-comment-2.sc_icon_type_icons {
    background-color: var(--accent-color) !important;
    color: var(--accent-text-color) !important;
    border-radius: var(--button-border-radius) !important;
    transition: all 0.3s ease !important;
}

.icon-telegram.sc_icon_type_icons:hover,
.icon-comment-2.sc_icon_type_icons:hover {
    background-color: var(--accent-color-2) !important;
    transform: translateY(-3px);
    box-shadow: 0 4px 10px rgba(255, 204, 0, 0.3) !important;
}

/* Активные пункты меню */
.sc_layouts_menu_nav > li.current-menu-item > a,
.sc_layouts_menu_nav > li.current-menu-parent > a,
.sc_layouts_menu_nav > li.current-menu-ancestor > a {
    color: var(--accent-color) !important;
}

/* Подчеркивание в меню */
.sc_layouts_menu_nav > li > a:after,
.menu_hover_roll_down > ul > li > a:before {
    background-color: var(--accent-color) !important;
}

/* Эффекты при наведении на пункты меню */
.sc_layouts_menu_nav > li > a:hover,
.sc_layouts_menu_nav > li.sfHover > a {
    color: var(--accent-color) !important;
}

/* Ссылки */
a:hover {
    color: var(--accent-color) !important;
}

/* Другие элементы с акцентным цветом */
.trx_addons_scroll_to_top,
.sc_layouts_cart_items_short,
.scheme_dark .sc_button_hover_slide_left {
    background-color: var(--accent-color) !important;
    border-radius: var(--button-border-radius) !important;
}

/* Кнопки в слайдере */
rs-slides [data-type="button"] {
    background-color: var(--accent-color) !important;
    border-radius: var(--button-border-radius) !important;
    overflow: hidden;
}

rs-slides [data-type="button"]:hover {
    background-color: var(--accent-color-2) !important;
    transform: translateY(-3px);
    box-shadow: 0 4px 10px rgba(255, 204, 0, 0.3) !important;
}

/* Эффекты наведения */
[data-frame_hover*="bgc:#dc0653"] {
    --frame-hover-bgc: var(--accent-color-2) !important;
}

[data-frame_hover*="bgc:#dc0653"]:hover {
    background-color: var(--accent-color-2) !important;
}

/* Переопределение стилей для меню */
.sc_layouts_menu_nav > li > a:hover,
.sc_layouts_menu_nav > li.sfHover > a,
.sc_layouts_menu_nav > li.current-menu-item > a,
.sc_layouts_menu_nav > li.current-menu-parent > a,
.sc_layouts_menu_nav > li.current-menu-ancestor > a {
    color: var(--accent-color) !important;
}

/* Стили для подменю */
.sc_layouts_menu_popup .sc_layouts_menu_nav > li > a:hover,
.sc_layouts_menu_popup .sc_layouts_menu_nav > li.sfHover > a,
.sc_layouts_menu_nav > li li > a:hover,
.sc_layouts_menu_nav > li li.sfHover > a,
.sc_layouts_menu_nav > li li.current-menu-item > a,
.sc_layouts_menu_nav > li li.current-menu-parent > a,
.sc_layouts_menu_nav > li li.current-menu-ancestor > a {
    color: var(--accent-color-2) !important;
    background-color: rgba(255, 204, 0, 0.1) !important;
}

/* Переопределение всех розовых цветов */
[style*="color: rgb(220, 6, 83)"] {
    color: var(--accent-color) !important;
}

[style*="background-color: rgb(220, 6, 83)"] {
    background-color: var(--accent-color) !important;
}

[style*="border-color: rgb(220, 6, 83)"] {
    border-color: var(--accent-color) !important;
}

/* Переопределение всех инлайновых стилей с розовым цветом для эффектов наведения */
[style*="#dc0653"]:hover {
    color: var(--accent-color-2) !important;
}

/* Дополнительные стили для меню */
.menu_hover_roll_down > ul > li > a:before {
    background-color: var(--accent-color) !important;
}

.menu_hover_roll_down > ul > li > a:hover:before,
.menu_hover_roll_down > ul > li.sfHover > a:before,
.menu_hover_roll_down > ul > li.current-menu-item > a:before,
.menu_hover_roll_down > ul > li.current-menu-parent > a:before,
.menu_hover_roll_down > ul > li.current-menu-ancestor > a:before {
    background-color: var(--accent-color) !important;
}

/* Переопределение стилей для кнопок в слайдере */
#slider-1-slide-1-layer-22,
[id^="slider-"][id$="-layer-"] {
    border-radius: var(--button-border-radius) !important;
}

/* Исправление для кнопок с inline стилями */
[style*="border-radius: 0px"] {
    border-radius: var(--button-border-radius) !important;
}

/* Дополнительные стили для кнопок */
.theme_button,
.more-link,
.sc_price_item_link,
.sc_action_item_link,
.sc_matches_item_pair .sc_matches_item_player .post_featured > a,
.sc_matches_main .sc_matches_item_pair .sc_matches_item_player .post_featured > a {
    border-radius: var(--button-border-radius) !important;
}

/* Стили для эффектов наведения с желтым цветом */
.sc_button:hover,
.sc_form_field_button button:hover,
.sc_action_item_link:hover {
    background-color: var(--accent-color-2) !important;
    border-color: var(--accent-color-2) !important;
    box-shadow: 0 4px 10px rgba(255, 204, 0, 0.3) !important;
}

/* Переопределение цветов фона для элементов с фиолетовым фоном */
[style*="background-color: rgb(6, 2, 12)"],
[style*="background-color: #06020C"],
[style*="background-color: rgb(39, 7, 74)"],
[style*="background-color: #27074A"] {
    background-color: var(--bg-color) !important;
}

/* Переопределение цветов для градиентов */
[style*="linear-gradient(90deg, rgb(39, 7, 74)"] {
    background: linear-gradient(90deg, var(--bg-color-2) 0%, rgba(22, 38, 56, 0.7) 56%, rgba(22, 38, 56, 0) 100%) !important;
}
.sc_button:hover,
.sc_form_field_button button:hover,
.sc_action_item_link:hover {
    background-color: var(--accent-color-2) !important;
    border-color: var(--accent-color-2) !important;
    box-shadow: 0 4px 10px rgba(255, 204, 0, 0.3) !important;
}

/* Переопределение цветов фона для элементов с фиолетовым фоном */
[style*="background-color: rgb(6, 2, 12)"],
[style*="background-color: #06020C"],
[style*="background-color: rgb(39, 7, 74)"],
[style*="background-color: #27074A"] {
    background-color: var(--bg-color) !important;
}

/* Переопределение цветов для градиентов */
[style*="linear-gradient(90deg, rgb(39, 7, 74)"] {
    background: linear-gradient(90deg, var(--bg-color-2) 0%, rgba(22, 38, 56, 0.7) 56%, rgba(22, 38, 56, 0) 100%) !important;
}