/* [CONFIG:ue-brand-vars] определения фирменных переменных (RAL 5008 Уралэлектро 2025) */
:root{--ue-accent:#374A51;--ue-accent-hover:#45606a;--ue-accent-active:#2b3a40;--ue-on-accent:#ffffff;}
/* ==========================================================================
brand.css — переопределения оформления под брендбук Уралэлектро 2025.
Модуль: rambo-pro-child. Подключается ПОСЛЕ всех стилей родителя.
Только цвет/шрифт/состояния и подмена логотипа. Геометрию (радиусы,
паддинги, размеры, межстрочные) НЕ трогаем — это вёрстка/структура.
Акцент родителя: красный #db2723 (кнопки, ссылки, границы) и
навигационный #1a2447 (активные пункты меню, слоган). Оба -> #374A51.
========================================================================== */
/* --------------------------------------------------------------------------
[BLOCK:ue-fonts] Шрифты: H1 — Wadik; H2+/подзаголовки — NT Somic;
текст — NT Somic Regular. Размеры и line-height наследуются от темы.
-------------------------------------------------------------------------- */
body,
button, input, select, textarea,
.nav-block .navbar .nav > li > a,
p, li, td, th, label, span, a, div {
font-family: "NT Somic", "Roboto", Arial, sans-serif;
}
h2, h3, h4, h5, h6,
.head_title h3, .team_head_title h3, .latest_news_title h3,
.blog_single_post_head_title h3, .typography_head_title h3,
.shortcode_head_title h3, .service_head_title h3, .porfolio_detail_title h3,
.widget_title h2, .sidebar_widget_title h2, .grid_head_title h3,
.logo-title, .header-top .slogan {
font-family: "NT Somic", "Roboto", Arial, sans-serif;
}
h1, .elementor-heading-title h1, .entry-title {
font-family: "Wadik", "NT Somic", Arial, sans-serif;
}
/* */
/* --------------------------------------------------------------------------
[BLOCK:ue-accent-bg] Фоновые акценты #db2723 -> бренд.
Повторяет селекторные группы родителя; !important — т.к. часть правил
родителя (woo, short_tabs) объявлена с !important.
-------------------------------------------------------------------------- */
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus,
.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle,
.navbar .btn-navbar,
.navbar .btn-navbar:hover, .navbar .btn-navbar:focus,
.navbar .btn-navbar:active, .navbar .btn-navbar.active,
.navbar .btn-navbar.disabled, .navbar .btn-navbar[disabled],
.dropup, .slide-btn, a.featured_port_projects_btn, .purchase_main_content,
.purchase_now_btn, .Search_btn, .search-btn, .read_more, .sign_up,
.newsletter_btn, a.aboutus_readmore, a.blog_section_readmore,
a.blog_section2_readmore, .more-link, .comment_btn, #comment_btn,
.button_red, .shortcode_btn, .portfolio_showcase .portfolio_showcase_icons a,
.portfolio_tabs li.active > a, .pagination ul li a.active,
.pagination > ul > li > a:hover, #panel-admin p a.onclick_default,
#wp-calendar caption, .onclick_default, .callout_now_btn, .wpcf7-submit,
.post-password-form input[type="submit"] {
background-color: var(--ue-accent) !important;
background-image: none !important;
color: var(--ue-on-accent) !important;
border-color: var(--ue-accent) !important;
}
.short_tabs > .active > a,
.short_tabs > .active > a:hover,
.short_tabs > .active > a:focus {
background-color: var(--ue-accent) !important;
background-image: none !important;
color: var(--ue-on-accent) !important;
}
/* */
/* --------------------------------------------------------------------------
[BLOCK:ue-buttons] Кнопки: фон #374A51, текст #fff, ховер #2D3F46,
активное #25383E. Радиусы/паддинги/размеры НЕ меняем.
-------------------------------------------------------------------------- */
.button, input[type="submit"], input[type="button"], input[type="reset"],
button[type="submit"], .wpcf7-submit, .slide-btn, .read_more, .more-link,
.sign_up, .newsletter_btn, .comment_btn, #comment_btn, .button_red,
.shortcode_btn, .callout_now_btn, .purchase_now_btn, .Search_btn, .search-btn,
.elementor-button, .elementskit-btn, .nf-form-content input[type="button"],
.wpforms-submit {
background-color: var(--ue-accent) !important;
background-image: none !important;
color: var(--ue-on-accent) !important;
border-color: var(--ue-accent) !important;
}
.button:hover, .button:focus,
input[type="submit"]:hover, input[type="submit"]:focus,
input[type="button"]:hover, button[type="submit"]:hover,
.wpcf7-submit:hover, .slide-btn:hover, .read_more:hover, .more-link:hover,
.sign_up:hover, .newsletter_btn:hover, .comment_btn:hover, #comment_btn:hover,
.button_red:hover, .shortcode_btn:hover, .callout_now_btn:hover,
.purchase_now_btn:hover, .Search_btn:hover, .search-btn:hover,
.elementor-button:hover, .elementor-button:focus,
.elementskit-btn:hover, .wpforms-submit:hover {
background-color: var(--ue-accent-hover) !important;
background-image: none !important;
color: var(--ue-on-accent) !important;
border-color: var(--ue-accent-hover) !important;
}
.button:active,
input[type="submit"]:active, button[type="submit"]:active,
.wpcf7-submit:active, .elementor-button:active, .read_more:active,
.more-link:active, .purchase_now_btn:active {
background-color: var(--ue-accent-active) !important;
background-image: none !important;
color: var(--ue-on-accent) !important;
border-color: var(--ue-accent-active) !important;
}
/* */
/* --------------------------------------------------------------------------
[BLOCK:ue-woo-buttons] WooCommerce-кнопки (родитель объявляет с !important).
-------------------------------------------------------------------------- */
.woocommerce ul.products li.product:hover .button,
.woocommerce ul.products li.product:focus .button,
.woocommerce div.product form.cart .button,
.woocommerce div.product form.cart .button:hover,
.woocommerce div.product form.cart .button:focus,
.woocommerce a.button,
.woocommerce a.button:hover,
.woocommerce a.button.alt,
.woocommerce .cart input.button,
.woocommerce .cart input.button:hover,
.woocommerce .cart input.button:focus,
.woocommerce input.button,
.woocommerce input.button:hover,
.woocommerce input.button:focus,
.woocommerce input.button.alt,
.woocommerce input.button.alt:hover,
.woocommerce input.button.alt:focus,
.woocommerce button.button,
.woocommerce button.button:hover,
.woocommerce button.button:focus,
.woocommerce #respond input#submit,
.woocommerce #respond input#submit:hover,
.woocommerce #respond input#submit:focus,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:focus,
.woocommerce .woocommerce-message a.button,
.woocommerce .woocommerce-message a.button:hover,
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current,
.ui-slider-horizontal .ui-slider-range,
.woocommerce-product-search input[type="submit"],
.sidebar-widget .woocommerce a.button,
.widget_shopping_cart_content .button .button,
.owl-item .item .cart .add_to_cart_button:hover {
background: var(--ue-accent) !important;
background-image: none !important;
color: var(--ue-on-accent) !important;
border-color: var(--ue-accent) !important;
}
.woocommerce ul.products li.product:hover .onsale {
border: 2px solid var(--ue-accent) !important;
}
/* */
/* --------------------------------------------------------------------------
[BLOCK:ue-links] Текстовый акцент ссылок #db2723 -> бренд.
Без !important: brand.css загружается после стилей родителя, поэтому при
равной специфичности побеждает; более специфичные правила меню (серый цвет
в покое) сохраняются.
-------------------------------------------------------------------------- */
a, .logo-title,
.home_service_btn:hover, .purchase_now_content .purchase_now_btn:hover,
.team_section h4 a, .reply a, .leave_comment_section label span,
.latest_news_comment a:hover, .sidebar_widget .usefull_link a:hover,
.para_tooltip a, .para_tooltip a:hover, p.text_error,
.shortcode_coloumn label span, a.continue_readmore,
.testimonial_author span, .pagination ul > li > a, .pagination ul > li > span,
.pager li > a, .pager li > span, .widget_archive ul li a i,
.widget_categories ul li a i, .sidebar_widget ul li a i,
.sidebar_link a:hover, .sidebar_link a.active,
.top-header-widget li > a:hover, .top-header-widget li > a:focus {
color: var(--ue-accent);
}
.blog_section2_comment a:hover,
.sidebar_widget ul li a:hover {
color: var(--ue-accent) !important;
}
/* */
/* --------------------------------------------------------------------------
[BLOCK:ue-borders] Границы/разделители #db2723 -> бренд.
-------------------------------------------------------------------------- */
.dropdown-submenu > a:after,
.dropdown-submenu:hover > a:after { border-left-color: var(--ue-accent); }
.open .dropdown-menu {
border-top: 2px var(--ue-accent) solid !important;
border-bottom: 2px var(--ue-accent) solid !important;
}
.navbar .nav > li > a .caret { border-top-color: var(--ue-accent); }
.head_title h3, .team_head_title h3, .latest_news_title h3,
.blog_single_post_head_title h3, .typography_head_title h3,
.shortcode_head_title h3, .service_head_title h3, .porfolio_detail_title h3,
.widget_title h2, .sidebar_widget_title h2, .grid_head_title h3 {
border-bottom-color: var(--ue-accent);
}
.blog_single_post blockquote, .blog_section2 blockquote,
.span6 blockquote, .typography_coloumn blockquote {
border-left-color: var(--ue-accent);
}
.portfolio_caption:hover { border-top-color: var(--ue-accent); }
.sidebar-widget .widget-title { border-bottom-color: var(--ue-accent) !important; }
.woocommerce .star-rating span,
.woocommerce-error:before, .woocommerce-info:before,
.woocommerce-message:before { color: var(--ue-accent) !important; }
.woocommerce-error, .woocommerce-info, .woocommerce-message {
border-top-color: var(--ue-accent) !important;
}
/* */
/* --------------------------------------------------------------------------
[BLOCK:ue-nav] Навигация (кастомный хедер): навигационный #1a2447 -> бренд.
Цвет пунктов в покое оставляем нейтральным (как в теме), меняем состояния.
-------------------------------------------------------------------------- */
.header-top .slogan { color: var(--ue-accent); }
.nav-block .navbar .nav > li.active > a,
.nav-block .navbar .nav li.dropdown.open.active > .dropdown-toggle,
.nav-block .navbar .nav li.dropdown.active > .dropdown-toggle:hover,
.nav-block .navbar .nav li.dropdown.active > .dropdown-toggle,
.nav-block .navbar .nav > li > a:hover,
.nav-block .navbar .nav > li > a.dropdown-toggle:hover {
color: var(--ue-accent) !important;
border-bottom-color: var(--ue-accent) !important;
}
/* */
/* --------------------------------------------------------------------------
[BLOCK:ue-logo] Подмена логотипа без изменения разметки.
Хедер на светлом фоне (#fff) -> цветной логотип uralelectro.svg (#374A51).
content:url() заменяет изображение внутри существующего ![]()
; ширину/высоту
задаём так, чтобы сохранить пропорции брендового знака (viewBox ~3.63:1)
и не исказить его (атрибуты width=210 height=160 у ![]()
не подходят под
широкий логотип). Структура хедера не меняется.
-------------------------------------------------------------------------- */
.header-top .logo img {
content: url("images/uralelectro.svg");
width: auto !important;
height: 64px !important;
max-width: 100%;
}
/* */
/* --------------------------------------------------------------------------
[BLOCK:ue-dropdown-fix] Восстановление выпадающих подменю.
ПРИЧИНА поломки — в родительской теме: в css/bootstrap.css базовый блок
`.dropdown-menu{position:absolute;display:none}` закомментирован
(«comment by shahid»), поэтому .dropdown-menu берёт дефолт
position:static; display:block и подменю всегда раскрыты. К дочерней теме
и brand.css отношения не имеет (brand.css задавал этим узлам только цвет
границы). Чиним CSS-ом, не меняя разметку хедера.
PURPOSE: state indication (показать подменю). Без анимации — это частое
hover-взаимодействие (правило «Gate»: hover-уровень → без анимации),
чистый display-тогл. Клавиатура/клик обслуживаются через :focus-within и
.open и тоже не анимируются. Поведение только для desktop (бургер ≤980px).
-------------------------------------------------------------------------- */
@media (min-width: 981px){
.nav-block .navbar .nav > li.dropdown{ position: relative; }
.nav-block .navbar .nav li.dropdown .dropdown-menu{
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 220px;
padding: 6px 0;
margin: 0;
list-style: none;
text-align: left;
background-color: #fff;
border: 1px solid #e5e5e5;
border-top: 2px solid var(--ue-accent);
box-shadow: 0 6px 16px rgba(0,0,0,0.12);
}
/* пункты подменю: читаемый вид (в теме их типографика сброшена вместе с
закомментированным bootstrap-блоком) */
.nav-block .navbar .nav li.dropdown .dropdown-menu > li{
float: none;
display: block;
}
.nav-block .navbar .nav li.dropdown .dropdown-menu > li > a{
display: block;
padding: 8px 18px;
white-space: nowrap;
line-height: 1.4;
color: #404040;
text-transform: none;
font-weight: 400;
border: none !important;
background-color: #fff !important;
}
.nav-block .navbar .nav li.dropdown .dropdown-menu > li > a:hover,
.nav-block .navbar .nav li.dropdown .dropdown-menu > li > a:focus{
color: var(--ue-on-accent) !important;
background-color: var(--ue-accent) !important;
}
/* клавиатура (:focus-within) и клик/тач по data-toggle (класс .open) */
.nav-block .navbar .nav li.dropdown.open > .dropdown-menu,
.nav-block .navbar .nav > li.dropdown:focus-within > .dropdown-menu{
display: block;
}
/* вложенные подменю */
.nav-block .navbar .nav li.dropdown .dropdown-menu .dropdown-submenu{ position: relative; }
.nav-block .navbar .nav li.dropdown .dropdown-menu .dropdown-submenu > .dropdown-menu{
top: 0;
left: 100%;
}
.nav-block .navbar .nav li.dropdown .dropdown-menu .dropdown-submenu.open > .dropdown-menu,
.nav-block .navbar .nav li.dropdown .dropdown-menu .dropdown-submenu:focus-within > .dropdown-menu{
display: block;
}
}
/* hover-раскрытие — только для устройств с настоящим ховером (не тач) */
@media (min-width: 981px) and (hover: hover) and (pointer: fine){
.nav-block .navbar .nav > li.dropdown:hover > .dropdown-menu{ display: block; }
.nav-block .navbar .nav li.dropdown .dropdown-menu .dropdown-submenu:hover > .dropdown-menu{ display: block; }
}
/* */
/* --------------------------------------------------------------------------
[BLOCK:ue-content-blue] Небрендовые синие из so-css-rambo-pro.css
(плагин SiteOrigin CSS) -> бренд #374A51.
Источник: wp-content/uploads/so-css/so-css-rambo-pro.css грузится ПОСЛЕ
brand.css и частью правил с !important, поэтому дублируем его селекторы с
префиксом #wrapper (ID -> выше специфичность) + !important — так переопре-
деление гарантированно побеждает независимо от порядка подключения.
Меняем ТОЛЬКО цвет/фон/границу, расположение и размеры не трогаем.
Карта: #00406B = текст статей/таблиц/заголовков/strong/li -> #374A51;
#00508A = фон баннера-заголовка (.hero-unit-small) и акценты -> #374A51;
#89BEFA = светло-синяя плашка панели -> #374A51 (текст белый).
-------------------------------------------------------------------------- */
/* --- контентный текст #00406B -> графит --- */
#wrapper .pt-cv-content,
#wrapper .pt-cv-content *,
#wrapper .blog_single_post p,
#wrapper .blog_single_post a,
#wrapper .blog_single_post h1,
#wrapper .blog_single_post h2,
#wrapper .blog_single_post h3,
#wrapper .ui-widget-content a,
#wrapper .featured_port_projects h3 a:hover,
#wrapper .thumbnail .featured_service_content,
#wrapper .featured_port_title h1,
#wrapper .featured_port_title p,
#wrapper .featured_port_title a,
#wrapper .portfolio-detail-description p,
#wrapper strong,
#wrapper ul li,
#wrapper h2 {
color: var(--ue-accent) !important;
}
/* таблицы: текст и границы #00406B -> графит --- */
#wrapper table td {
color: var(--ue-accent) !important;
border-color: var(--ue-accent) !important;
}
/* --- акцентные блоки #00508A -> графит (на белом фоне) --- */
#wrapper .block1,
#wrapper .block3 {
color: var(--ue-accent) !important;
}
/* --- баннер-заголовок внутренних страниц (.hero-unit-small) --- */
#wrapper .hero-unit-small {
background-color: var(--ue-accent) !important;
}
#wrapper .hero-unit-small,
#wrapper .hero-unit-small * {
color: var(--ue-on-accent) !important; /* белый текст на графите — AAA */
}
/* явный высокоспецифичный белый для заголовка баннера («О Компании»/«Услуги») */
#wrapper .hero-unit-small h1,
#wrapper .hero-unit-small h2,
#wrapper .hero-unit-small .page_head,
#wrapper .hero-unit-small .entry-title,
#wrapper .hero-unit-small .page-title {
color: var(--ue-on-accent) !important;
}
/* --- светло-синяя плашка панели #89BEFA -> графит с белым текстом --- */
#wrapper .pt-cv-collapsible .panel > .panel-heading a {
background-color: var(--ue-accent) !important;
color: var(--ue-on-accent) !important;
}
/* */
/* --------------------------------------------------------------------------
[BLOCK:ue-royal-grid] Карточки грида Royal Elementor Addons.
ПРИНЦИП: белый текст — ТОЛЬКО там, где фон гарантированно тёмный.
Два варианта вёрстки карточек на сайте:
- главная: заголовок/дата в .wpr-grid-media-hover-bottom (абсолютный
оверлей снизу картинки) -> даём тёмный графитовый скрим + белый текст;
- КВН и т.п.: заголовок/дата в .wpr-grid-item-below-content (ПОД картинкой
на СВЕТЛОМ фоне) -> графитовый текст, НЕ белый.
Никаких `*`-правил и глобального белого — чтобы не обелять контент на свету.
Только цвет/фон, без геометрии.
-------------------------------------------------------------------------- */
/* оверлей над картинкой: фиолетово-синий (#100049/#2575FC) -> графитовый тинт */
#wrapper .wpr-grid-media-hover-bg {
background-color: rgba(55, 74, 81, 0.45) !important;
background-image: none !important;
}
/* текстовый оверлей снизу картинки: тёмный графитовый скрим-подложка */
#wrapper .wpr-grid-media-hover-bottom {
background-image: linear-gradient(
to top,
rgba(37, 56, 62, 0.97) 0%,
rgba(55, 74, 81, 0.80) 55%,
rgba(55, 74, 81, 0) 100%
) !important;
}
/* белый текст ТОЛЬКО внутри тёмного оверлея снизу */
#wrapper .wpr-grid-media-hover-bottom .wpr-grid-item-title,
#wrapper .wpr-grid-media-hover-bottom .wpr-grid-item-title a,
#wrapper .wpr-grid-media-hover-bottom .wpr-grid-item-title a:hover,
#wrapper .wpr-grid-media-hover-bottom .wpr-grid-item-date,
#wrapper .wpr-grid-media-hover-bottom .wpr-grid-item-content,
#wrapper .wpr-grid-media-hover-bottom p {
color: var(--ue-on-accent) !important;
}
/* карточки с текстом ПОД картинкой (светлый фон) — графит, читаемо на белом */
#wrapper .wpr-grid-item-below-content .wpr-grid-item-title,
#wrapper .wpr-grid-item-below-content .wpr-grid-item-title a,
#wrapper .wpr-grid-item-below-content .wpr-grid-item-title a:hover,
#wrapper .wpr-grid-item-below-content .wpr-grid-item-date,
#wrapper .wpr-grid-item-below-content .wpr-grid-item-content,
#wrapper .wpr-grid-item-below-content p {
color: var(--ue-accent) !important;
}
/* */
/* --------------------------------------------------------------------------
[BLOCK:ue-elementor-blue] Прочие небрендовые синие из Elementor/плагинов:
#2575FC — ElementsKit info-box кнопки «Подробнее» (текст/ховер/svg);
#0900FF — Royal scroll-to-top (.wpr-stt-btn);
#0020B2 — заливка секций с фоновой картинкой (fallback);
#0088CC — bootstrap .btn-primary и hover-цвет ссылок;
#538A9A — иконки полей форм wp-recall (.form-block-rcl .rcli).
Только цвет/фон/границы; #wrapper + при необходимости !important.
-------------------------------------------------------------------------- */
/* ElementsKit info-box кнопки — брендируются общим блоком ue-buttons-strong ниже
(сплошной графит + белый текст). SVG-иконка внутри тоже белая. */
/* Royal scroll-to-top */
#wrapper .wpr-stt-btn {
background-color: var(--ue-accent) !important;
}
/* секции с фоновой картинкой: синяя заливка-фолбэк -> графит (картинка сверху) */
#wrapper .elementor-element-19eb56f1,
#wrapper .elementor-element-f885cb0 {
background-color: var(--ue-accent) !important;
}
/* bootstrap .btn-primary / .label-info (на случай внутренних страниц) */
#wrapper .btn-primary,
#wrapper a.btn-primary,
#wrapper .btn-info,
#wrapper .label-info {
background-color: var(--ue-accent) !important;
border-color: var(--ue-accent) !important;
color: var(--ue-on-accent) !important;
}
/* иконки полей форм wp-recall #538A9A -> графит */
#wrapper .form-block-rcl .rcli {
color: var(--ue-accent) !important;
}
/* ховер обычных ссылок: нейтрализуем bootstrap #005580/#0088CC.
Без !important и без #wrapper — равная специфичность (0,1,0) бьёт bootstrap
порядком загрузки, но уступает более специфичным белым/брендовым правилам
(карточки, баннер, навигация, футер) — они не затрагиваются. */
a:hover,
a:focus {
color: var(--ue-accent);
}
/* Royal grid мета/пагинация/read-more (#170091, #605BE5) -> графит.
Это текст/границы на СВЕТЛОМ фоне карточек -> графит, ховер — заливка графит. */
#wrapper .wpr-grid-item-read-more .inner-block a,
#wrapper .wpr-grid-pagination a,
#wrapper .wpr-grid-pagination > div > span,
#wrapper .wpr-grid-item-author .inner-block a,
#wrapper .wpr-grid-item-comments .inner-block a,
#wrapper [class*="wpr-grid-tax"] .inner-block a {
color: var(--ue-accent) !important;
border-color: var(--ue-accent) !important;
background-color: transparent !important;
}
#wrapper .wpr-grid-item-read-more .inner-block a:hover,
#wrapper .wpr-grid-pagination a:hover,
#wrapper .wpr-grid-pagination > div > span.current,
#wrapper .wpr-grid-item-author .inner-block a:hover,
#wrapper .wpr-grid-item-comments .inner-block a:hover,
#wrapper [class*="wpr-grid-tax"] .inner-block a:hover {
background-color: var(--ue-accent) !important;
color: var(--ue-on-accent) !important;
border-color: var(--ue-accent) !important;
}
#wrapper .wpr-grid-pagination svg { fill: var(--ue-accent) !important; }
#wrapper .wpr-pointer-item:before,
#wrapper .wpr-pointer-item:after { background-color: var(--ue-accent) !important; }
/* Elementor icon-виджеты с синей заливкой (#0015CE) -> графит (точечно по id) */
#wrapper .elementor-element-54d776d7 .elementor-icon,
#wrapper .elementor-element-5a2468cc .elementor-icon,
#wrapper .elementor-element-6e2dc796 .elementor-icon {
color: var(--ue-accent) !important;
fill: var(--ue-accent) !important;
}
/* */
/* --------------------------------------------------------------------------
[BLOCK:ue-buttons-strong] Кнопки — высшая специфичность.
Все кнопки: сплошной графит #374A51, текст и вложенные элементы (span/иконки)
БЕЛЫЕ. Должно побеждать и графитовые ссылочные правила (`a{color}`), и
контентные (`#wrapper h2` и т.п.), и per-element стили Elementor/ElementsKit.
Используем `#wrapper tag.class` (1,1,1) и `#wrapper .class *` (1,1,0) + !important.
Геометрию (радиус/паддинги) НЕ трогаем — только цвет/фон/границы.
-------------------------------------------------------------------------- */
#wrapper a.elementor-button, #wrapper .elementor-button,
#wrapper a.elementskit-btn, #wrapper .elementskit-btn,
#wrapper a.button, #wrapper .button,
#wrapper a.wpr-button, #wrapper .wpr-button,
#wrapper input[type="submit"], #wrapper button[type="submit"],
#wrapper .wpcf7-submit, #wrapper .read_more, #wrapper .more-link {
background-color: var(--ue-accent) !important;
background-image: none !important;
border-color: var(--ue-accent) !important;
color: var(--ue-on-accent) !important;
}
#wrapper a.elementor-button *, #wrapper .elementor-button *,
#wrapper a.elementskit-btn *, #wrapper .elementskit-btn *,
#wrapper a.button *, #wrapper .button *,
#wrapper a.wpr-button *, #wrapper .wpr-button * {
color: var(--ue-on-accent) !important;
fill: var(--ue-on-accent) !important;
}
#wrapper a.elementor-button:hover, #wrapper .elementor-button:hover,
#wrapper a.elementskit-btn:hover, #wrapper .elementskit-btn:hover,
#wrapper a.button:hover, #wrapper .button:hover,
#wrapper a.wpr-button:hover, #wrapper .wpr-button:hover,
#wrapper input[type="submit"]:hover, #wrapper button[type="submit"]:hover,
#wrapper .wpcf7-submit:hover, #wrapper .read_more:hover, #wrapper .more-link:hover {
background-color: var(--ue-accent-hover) !important;
background-image: none !important;
color: var(--ue-on-accent) !important;
border-color: var(--ue-accent-hover) !important;
}
#wrapper a.elementor-button:active, #wrapper .elementor-button:active,
#wrapper a.elementskit-btn:active, #wrapper .elementskit-btn:active,
#wrapper .button:active {
background-color: var(--ue-accent-active) !important;
}
/* */
/* --------------------------------------------------------------------------
[BLOCK:ue-card-titles] Заголовки карточек ElementsKit info-box
(«Общепромышленные…», «Энергоэффективные…») — синий/чёрный -> графит,
единообразно, на белом фоне карточки. Только цвет.
-------------------------------------------------------------------------- */
#wrapper .elementskit-info-box-title,
#wrapper .elementskit-info-box-title a,
#wrapper .elementskit-info-box-title *,
#wrapper .elementskit-info-image-box .elementskit-box-header .elementskit-info-box-title {
color: var(--ue-accent) !important;
}
/* */
/* --------------------------------------------------------------------------
[BLOCK:ue-final-blue] Последние остатки синего.
1) Вертикальная синяя полоса слева у ElementsKit info-box (style-sideline):
это border-color:#2575FC на .ekit-image-box-body-inner -> графит.
2) Фильтры Royal-грида (кнопка «All», ссылки/пойнтеры): #71A4FF/#8EAEFF/
#21008B -> графит (текст/границы), на светлом фоне листинга читаемо.
Только цвет/границы; #wrapper + !important (ID бьёт per-element Elementor).
-------------------------------------------------------------------------- */
#wrapper .ekit-image-box.style-sideline .ekit-image-box-body-inner,
#wrapper .elementskit-info-image-box.style-sideline .ekit-image-box-body-inner {
border-color: var(--ue-accent) !important;
}
#wrapper .wpr-grid-filters li > a,
#wrapper .wpr-grid-filters li > span,
#wrapper .wpr-grid-filters li > .wpr-active-filter,
#wrapper .wpr-grid-filters-item {
color: var(--ue-accent) !important;
border-color: var(--ue-accent) !important;
}
#wrapper .wpr-grid-filters li > a:hover,
#wrapper .wpr-grid-filters li > span:hover,
#wrapper .wpr-grid-filters li > .wpr-active-filter:hover,
#wrapper .wpr-grid-filters li > a.wpr-active-filter,
#wrapper .wpr-grid-filters li > span.wpr-active-filter {
color: var(--ue-accent) !important;
border-color: var(--ue-accent) !important;
}
/* реальный элемент синей полосы карточки — .elementskit-box-content (border-left) */
#wrapper .elementskit-box-content {
border-color: var(--ue-accent) !important;
}
/* соц-иконки WPZOOM (#0088CC) -> графитовый фон */
#wrapper .zoom-social_icons-list__link,
#wrapper .zoom-social_icons-list a,
#wrapper .zoom-social_icons-list li a,
#wrapper [class*="zoom-social_icons"] a {
background-color: var(--ue-accent) !important;
}
/* фон самого контейнера списка соц-иконок (#0088CC) -> графит */
#wrapper .zoom-social_icons-list,
#wrapper ul.zoom-social_icons-list,
#wrapper [class*="zoom-social_icons-list"] {
background-color: var(--ue-accent) !important;
}
/* */
/* --------------------------------------------------------------------------
[BLOCK:ue-dark-on-light] Принцип: текст/иконки на ТЁМНОМ фоне -> белые.
Тёмные секции главной: .elementor-element-28f5165 (фон #000000, hero
«АО МЭЗ Уралэлектро»), .elementor-element-19eb56f1 и .elementor-element-f885cb0
(фоновые ФОТО). Внутри них текст/ссылки/заголовки — белые (перебиваем
графитовые `#wrapper h2`, контент- и ссылочные правила более высокой
специфичностью). Лёгкая тень на заголовках — читаемость на разных фото.
-------------------------------------------------------------------------- */
#wrapper .elementor-element-28f5165 .elementor-heading-title,
#wrapper .elementor-element-28f5165 .elementor-heading-title a,
#wrapper .elementor-element-28f5165 .elementor-widget-text-editor,
#wrapper .elementor-element-28f5165 p,
#wrapper .elementor-element-28f5165 li,
#wrapper .elementor-element-28f5165 a,
#wrapper .elementor-element-28f5165 span,
#wrapper .elementor-element-19eb56f1 .elementor-heading-title,
#wrapper .elementor-element-19eb56f1 .elementor-heading-title a,
#wrapper .elementor-element-19eb56f1 .elementor-widget-text-editor,
#wrapper .elementor-element-19eb56f1 p,
#wrapper .elementor-element-19eb56f1 li,
#wrapper .elementor-element-19eb56f1 a,
#wrapper .elementor-element-19eb56f1 span,
#wrapper .elementor-element-f885cb0 .elementor-heading-title,
#wrapper .elementor-element-f885cb0 .elementor-heading-title a,
#wrapper .elementor-element-f885cb0 .elementor-widget-text-editor,
#wrapper .elementor-element-f885cb0 p,
#wrapper .elementor-element-f885cb0 li,
#wrapper .elementor-element-f885cb0 a,
#wrapper .elementor-element-f885cb0 span {
color: var(--ue-on-accent) !important;
}
#wrapper .elementor-element-28f5165 .elementor-heading-title,
#wrapper .elementor-element-19eb56f1 .elementor-heading-title,
#wrapper .elementor-element-f885cb0 .elementor-heading-title {
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) !important;
}
/* */
/* --------------------------------------------------------------------------
[BLOCK:ue-social-text] Текст и иконки соц-кнопок (графитовый фон) -> белые.
«Мы в Одноклассниках!», «Мы в Telegram!»: сам контейнер и ссылки графитовые,
значит подпись и глиф иконки обязаны быть белыми. Инлайновый фон иконки
(#0088CC) тоже перекрываем на графит.
-------------------------------------------------------------------------- */
#wrapper .zoom-social_icons-list__link,
#wrapper .zoom-social_icons-list__link *,
#wrapper .zoom-social_icons-list a,
#wrapper .zoom-social_icons-list a *,
#wrapper [class*="zoom-social_icons"] a,
#wrapper [class*="zoom-social_icons"] a * {
color: var(--ue-on-accent) !important;
}
#wrapper .zoom-social_icons-list-span,
#wrapper .zoom-social_icons-list .social-icon,
#wrapper [class*="zoom-social_icons"] .social-icon {
background-color: var(--ue-accent) !important;
color: var(--ue-on-accent) !important;
}
/* */
/* [BLOCK:ue-search-icon] иконка поиска белой на акцентной кнопке #374A51 (тёмный background-image инвертируем) */
#wrapper .Search_btn .search-icon,
#wrapper .search-btn .search-icon {
filter: brightness(0) invert(1) !important;
}
/* */
/* [BLOCK:ue-page-head-center] вертикальное центрирование .page_head в полосе hero-unit-small */
#wrapper .hero-unit-small {
display: flex !important;
align-items: center !important;
}
#wrapper .hero-unit-small .page_head {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
/* */
/* [BLOCK:ue-search-magnifier] белая лупа прямо на кнопке .Search_btn (исходная иконка в теме отсутствует) */
#wrapper .Search_btn {
background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23ffffff'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='11'%20cy='11'%20r='7'/%3E%3Cline%20x1='21'%20y1='21'%20x2='16.65'%20y2='16.65'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: center center !important;
background-size: 18px 18px !important;
min-width: 42px !important;
}
#wrapper .Search_btn .search-icon { display: none !important; }
/* */
/* [BLOCK:ue-search-final] лупа чистым CSS на пустом span.search-icon (надёжно, без data-URI/шрифтов) */
#wrapper .Search_btn { background-image: none !important; }
#wrapper .Search_btn .search-icon {
display: inline-block !important;
position: relative !important;
width: 16px !important;
height: 16px !important;
vertical-align: middle !important;
}
#wrapper .Search_btn .search-icon::before {
content: "" !important;
position: absolute !important;
top: 0 !important; left: 0 !important;
width: 9px !important; height: 9px !important;
border: 2px solid #ffffff !important;
border-radius: 50% !important;
box-sizing: border-box !important;
}
#wrapper .Search_btn .search-icon::after {
content: "" !important;
position: absolute !important;
bottom: -1px !important; right: 0 !important;
width: 2px !important; height: 7px !important;
background: #ffffff !important;
transform: rotate(-45deg) !important;
}
/* */