/*
 * KD — кастомные стили сайта krasivydom-spb.ru
 *
 * До 2026-08-11 эти правила дописывались в конец assets/css/frontend.min.css самой темы.
 * В Bricks 2.x появилась настройка каскадных слоёв (disableBricksCascadeLayer), и по
 * умолчанию тема грузит frontend-LAYER.min.css — то есть старый файл перестал
 * подключаться вовсе, а стили молча пропадали. Поэтому вынесены в отдельный файл и
 * подключаются из functions.php с зависимостью от bricks-frontend.
 * Правила намеренно вне @layer — так они перебивают слоевые стили Bricks.
 */


.brxe-container.layout-default{max-width:1100px;}
#chaty-widget-0 .chaty-widget {
    bottom:95px !important;
}
@media(max-width:768px) {
    #brx-content {padding:15px;}
}
.brxe-jet-listing .brxe-wshzla.brxe-block {
        flex-direction: column !important;
}
.brxe-jet-listing .brxe-wztmmn.brxe-text-basic {
display:none}
.price-secondary {
    font-size: .9em !important;
    text-align: center;
    /* width: 100%; */
    display: block;
}
form.cart .quantity, form.woocommerce-cart-form .quantity {
    margin:0 !important;
}
/* --------------------------------------------------------------------------
   Выпадающее подменю в шапке (Bricks nav-menu).
   Историческая правка сайта была вписана ПРЯМО В СЕРЕДИНУ assets/css/frontend.min.css
   темы, поэтому при обновлении 1.12.2 -> 2.3.9 (2026-08-11) не перенеслась вместе с
   дописанным в конец блоком — подменю стало чёрным.
   В стоковом 2.3.9 фон задан как var(--bricks-bg-dark); ниже возвращены наши значения.
   -------------------------------------------------------------------------- */
:where(.brxe-nav-menu) .bricks-nav-menu .sub-menu {
    background-color: #8bc34a;
    margin-top: 15px;
    line-height: 40px;
    font-size: .8em;
    font-weight: 600;
}
/* --------------------------------------------------------------------------
   Центрирование изображений в статьях (<figure class="article-image">).
   Колонка контента статьи — 1160px (#brx-content.wordpress), а у многих фото
   (особенно портретных) интринсик-ширина меньше — картинка «прилипала» к
   левому краю, т.к. глобального центрирования не было.
   img:only-of-type — намеренное ограничение: правило срабатывает только если
   в figure ровно одна картинка. Блоки с двумя изображениями сразу (общая
   figure на пару img, либо будущая вёрстка «до/после») не задеваются —
   выравнивание таких блоков остаётся на совести их собственной разметки.
   -------------------------------------------------------------------------- */
figure.article-image img:only-of-type {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
/* --------------------------------------------------------------------------
   Архив статей по рубрике (шаблон "Разделы статей", bricks_template 96109).
   На мобильном сайдбар рубрик (#brxe-75f4eb: position:sticky, width:300px)
   не переключался в обычный блок — у секции #brxe-516a46 не было брейкпоинта
   на flex-direction:column, поэтому сайдбар наезжал на контент статей.
   Сетка статей (#brxe-0df84e) была жёстко на 2 колонки (--columns:2) без
   адаптива вообще. Разворачиваем сайдбар над контентом и переводим сетку в 1
   колонку на мобильном.
   -------------------------------------------------------------------------- */
@media(max-width:768px) {
    #brxe-516a46 { flex-direction: column !important; }
    #brxe-75f4eb {
        position: static !important;
        width: 100% !important;
        height: auto !important;
        top: auto !important;
    }
    #brxe-66f4a2 { margin-left: 0 !important; max-width: 100% !important; }
    #brxe-0df84e .bricks-layout-wrapper { --columns: 1 !important; }
}