@charset "UTF-8";
/* ==============================
   ШАБЛОН 4 — улучшенный визуал
   ============================== */

/* --- Общие стили --- */
._we {}

html._we, body._we {
    font-size: 18px;
    line-height: 1.6;
}

._we body {
    font-size: 1em !important;
}

/* Мягкие переходы для всех элементов */
._we #layout * {
    transition: all 0.3s ease-in-out;
    text-shadow: none !important;
    box-shadow: none !important;
}

/* Отступ сверху при активном palette_mode */
html._we.palette_mode {
    padding-top: 40px !important;
}

/* Убираем общий фон */
._we #body_bg {
    display: none !important;
}

/* Убираем фоны у отдельных блоков */
._we #header,
._we #footer,
._we #hot_news,
._we .attention_banners .content,
._we .section_menu .level_1 > li > a {
    background: none !important;
}

._we #main_menu {
    font-size: 0.9em !important;
    background: none;
}

._we #main_slider .content {
    font-size: 1.1em !important;
    opacity: 1;
}

._we #main_slider h3 {
    font-size: 1.1em;
}

._we #layout .owl-main .owl-nav {
    background: transparent !important;
}

/* --- Заголовки --- */
._we h1 {
    font-size: 2em;
    font-weight: 600;
    margin-top: 1em;
    margin-bottom: 0.5em;
}

._we h2 {
    font-size: 1.6em;
    font-weight: 500;
    margin-top: 1em;
    margin-bottom: 0.4em;
}

._we h3 {
    font-size: 1.3em;
    font-weight: 500;
    margin-top: 0.8em;
    margin-bottom: 0.3em;
}

/* --- Базовые отступы --- */
._we #layout {
    padding: 1rem;
    word-spacing: 0.05em;
}

/* --- Ссылки --- */
._we a {
    color: inherit;
    text-decoration: underline;
}

._we a:hover {
    text-decoration: none;
    opacity: 0.7;
}

/* --- Цветовые темы --- */
._we.color_theme_1 body {
    background-color: #fdfdfd !important;
    color: #111 !important;
}

._we.color_theme_1 #layout * {
    background-color: transparent !important;
    color: #111 !important;
    border-color: #111 !important;
}

._we.color_theme_2 body {
    background-color: #181818 !important;
    color: #f5f5f5 !important;
}

._we.color_theme_2 #layout * {
    background-color: transparent !important;
    color: #f5f5f5 !important;
    border-color: #f5f5f5 !important;
}

._we.color_theme_3 body {
    background-color: #eef6ff !important;
    color: #003366 !important;
}

._we.color_theme_3 #layout * {
    background-color: transparent !important;
    color: #003366 !important;
    border-color: #003366 !important;
}

._we.color_theme_4 body {
    background-color: #fff7e6 !important;
    color: #5a3210 !important;
}

._we.color_theme_4 #layout * {
    background-color: transparent !important;
    color: #5a3210 !important;
    border-color: #5a3210 !important;
}

/* Акценты для ссылок по темам */
._we.color_theme_3 #layout a {
    color: #0047ab !important;
}

._we.color_theme_4 #layout a {
    color: #b45f06 !important;
}

/* --- Семейства шрифтов --- */
._we.font_family_sans #layout * {
    font-family: Tahoma, Verdana, sans-serif !important;
}

._we.font_family_serif #layout * {
    font-family: Georgia, 'Times New Roman', serif !important;
}

._we.font_family_monospace #layout * {
    font-family: monospace !important;
}

/* --- Размеры шрифтов --- */
._we.font_size_small {
    font-size: 16px;
}

._we.font_size_large {
    font-size: 22px;
}

._we.font_size_huge {
    font-size: 26px;
}

/* --- Межбуквенное и межстрочное расстояние --- */
._we.font_spacing_large #layout {
    letter-spacing: 0.05em !important;
    line-height: 1.5;
}

._we.font_spacing_huge #layout {
    letter-spacing: 0.1em !important;
    line-height: 2;
}

/* --- Управление изображениями --- */
._we.images_off #layout img {
    opacity: 0.2;
    filter: grayscale(1);
}

._we.images_off #layout * {
    background-image: none !important;
}

/* Чёрно-белый режим изображений */
._we.images_black_n_white #layout img,
._we.images_black_n_white #layout #main_slider .item,
._we.images_black_n_white #layout .item .preview {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

/* --- Адаптивность --- */
@media (max-width: 768px) {
    html._we, body._we {
        font-size: 16px;
    }

    ._we h1 { font-size: 1.6em; }
    ._we h2 { font-size: 1.4em; }
    ._we h3 { font-size: 1.2em; }
}
