/* Reboot Child: оформление записей с боковыми колонками.
 * Размеры колонок задаются в настройках темы (inc/layout.php).
 * Цвета и основные отступы можно менять здесь.
 * Для иконок IMG меняйте и HEX, и соответствующий filter.
 */
body.rbc-layout-enabled {
    --rbc-card-bg: #fff;
    --rbc-radius: 12px;
    --rbc-widget-padding: 25px 20px;

    /* Левые виджеты: общий фон, поля и расстояние от логотипа до меню */
    --rbc-left-widget-bg: #e8ecf1;
    --rbc-left-widget-padding: 20px 15px;
    --rbc-left-logo-gap: 25px;
    --rbc-image-gap: 25px;

    /* Меню: обычные иконки */
    --rbc-menu-icon: #6e7682;
    --rbc-menu-filter: brightness(0) saturate(100%) invert(48%) sepia(8%) saturate(644%) hue-rotate(177deg) brightness(93%) contrast(88%);

    /* Меню: наведение, фокус и текущая страница */
    --rbc-menu-accent: #e38617;
    --rbc-menu-accent-filter: brightness(0) saturate(100%) invert(59%) sepia(79%) saturate(971%) hue-rotate(352deg) brightness(95%) contrast(88%);
    --rbc-menu-hover-bg: #e3e7ec;
    --rbc-menu-right-hover-bg: rgba(110, 118, 130, .1);
    --rbc-menu-submenu-border: #6e768230;
}

/* 1. Колонки и карточки */
body.rbc-layout-enabled #content {
    width: calc(100% - 30px);
    max-width: var(--rbc-width) !important;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}
body.rbc-layout-enabled #content > .site-content-inner { display: block; }
body.rbc-layout-enabled .rbc-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "main" "related" "right";
    align-items: start;
    gap: var(--rbc-gap);
}
body.rbc-layout-enabled .rbc-main-column {
    grid-area: main;
    display: flex;
    flex-direction: column;
    gap: var(--rbc-gap);
    min-width: 0;
}
body.rbc-layout-enabled .rbc-article {
    min-width: 0;
    padding: 24px var(--rbc-padding) 0;
    background: var(--rbc-card-bg);
    border-radius: var(--rbc-radius);
    display: flow-root;
	padding-top: 30px;
}
body.rbc-layout-enabled #primary {
    float: none;
    width: 100%;
    max-width: none;
    min-width: 0;
    flex: none;
    padding: 0;
    margin: 0;
}
body.rbc-layout-enabled #secondary,
body.rbc-layout-enabled #rbc-left {
    display: block;
    float: none;
    width: 100%;
    max-width: none;
    min-width: 0;
    margin: 0;
    padding: 0;
    border-radius: var(--rbc-radius);
    box-sizing: border-box;
}
body.rbc-layout-enabled #secondary {
    --rbc-panel-background: var(--rbc-card-bg);
    grid-area: right;
    width: var(--rbc-right, 330px);
    max-width: 100%;
    background: transparent;
    padding: 0;
}
/* Each widget carries its own padded, rounded surface, including when fixed. */
body.rbc-layout-enabled #secondary .widget {
    box-sizing: border-box;
    width: var(--rbc-right, 330px);
    max-width: 100%;
    margin: 0 0 var(--rbc-gap);
    padding: var(--rbc-widget-padding) !important;
    border: 0;
    border-radius: var(--rbc-radius);
    background: var(--rbc-panel-background);
    box-shadow: none;
}
body.rbc-layout-enabled #secondary .widget_nav_menu,
body.rbc-layout-enabled #secondary .widget_block:has(.wp-block-navigation) {
    background: transparent;
}
/* Фон находится на виджетах, а не на неподвижном контейнере. */
body.rbc-layout-enabled #rbc-left {
    display: none;
    grid-area: left;
    background: transparent !important;
    border: 0;
    box-shadow: none;
    color: var(--rbc-color);
}
body.rbc-layout-enabled #rbc-left .widget {
    box-sizing: border-box;
    width: var(--rbc-left, 250px);
    max-width: 100%;
    margin: 0 0 var(--rbc-gap);
    padding: var(--rbc-left-widget-padding);
    background: var(--rbc-left-widget-bg);
    border: 0;
    border-radius: var(--rbc-radius);
    box-shadow: none;
}
/* Логотип добавляется внутрь того же виджета, перед меню. */
body.rbc-layout-enabled #rbc-left .rbc-menu-logo {
    display: block;
    margin: 0 0 var(--rbc-left-logo-gap);
}
body.rbc-layout-enabled #rbc-left .rbc-menu-logo img {
    display: block;
    width: 200px;
    max-width: 100%;
    height: auto;
    margin: 0;
}
body.rbc-layout-enabled #rbc-left .widget:last-child,
body.rbc-layout-enabled #secondary .widget:last-child { margin-bottom: 0; }
body.rbc-layout-enabled .single-top-block { width: 100%; }
body.rbc-layout-enabled .single-top-block > .entry-image.post-card__thumbnail {
    width: calc(100% + var(--rbc-padding) * 2);
    max-width: none;
    margin: 30px calc(0px - var(--rbc-padding)) 30px;
}
body.rbc-layout-enabled .single-top-block > .entry-image.post-card__thumbnail img { display: block; width: 100%; height: auto; }
body.rbc-layout-enabled .entry-meta { padding-right: 0; flex-wrap: wrap; }
/* Neutralize existing fixed negative margins only inside this article. */
body.rbc-layout-enabled .rbc-article .entry-content .sldr_wrapper {
    width: calc(100% + var(--rbc-padding) * 2);
    max-width: none;
    margin-left: calc(0px - var(--rbc-padding));
    margin-right: calc(0px - var(--rbc-padding));
}

body.rbc-layout-enabled .rbc-article .alignwide,
body.rbc-layout-enabled .rbc-article .alignfull { width: 100%; max-width: 100%; margin-left: 0; margin-right: 0; }
body.rbc-layout-enabled .rbc-article > .entry-image {
    width: calc(100% + var(--rbc-padding) * 2) !important;
    max-width: none;
    margin: -30px calc(0px - var(--rbc-padding)) 30px !important;
    min-height: 350px;
    height: auto;
    flex: none;
    transform: none;
    border-radius: var(--rbc-radius) var(--rbc-radius) 0 0;
}
body.rbc-layout-enabled .rbc-article > .entry-image .entry-image__body { padding: 100px 24px 24px; }
body.rbc-layout-enabled .rbc-comments-panel,
body.rbc-layout-enabled .rbc-related-panel {
    min-width: 0;
    padding: 24px var(--rbc-padding);
    background: var(--rbc-card-bg);
    border-radius: var(--rbc-radius);
}
body.rbc-layout-enabled .rbc-related-panel { grid-area: related; }
body.rbc-layout-enabled .rbc-comments-panel .comments-area { margin: 0; padding: 0; }
body.rbc-layout-enabled .rbc-related-panel .related-posts {
    width: 100%;
    max-width: 100% !important;
    margin: 0;
    padding: 0;
    background: transparent;
}
body.rbc-layout-enabled .rbc-related-panel .related-posts__head { margin-top: 0; }
@media print {
    body.rbc-layout-enabled #content { width: 100%; max-width: none !important; }
    body.rbc-layout-enabled .rbc-layout { display: block; }
    body.rbc-layout-enabled #rbc-left, body.rbc-layout-enabled #secondary { display: none; }
}
/* Advertising outside the grid must not inherit the old full-card offsets. */
body.rbc-layout-enabled #content > .b-r { margin: 0 0 24px; max-width: 100%; }

/* Wide cover: intrinsic image height, no cover-cropping or fixed height. */
body.rbc-layout-enabled .rbc-article > .entry-image.rbc-wide-natural {
    display: block;
    position: relative;
    min-height: 0 !important;
    max-height: none !important;
    height: auto !important;
    background: none;
}
body.rbc-layout-enabled .rbc-wide-natural > .rbc-wide-image {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto !important;
    min-height: 0;
    max-height: none !important;
    object-fit: contain;
    margin: 0;
    border-radius: inherit;
}
body.rbc-layout-enabled .rbc-article > .rbc-wide-natural > .entry-image__body {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 20px;
}
/* Phone layout: edge-to-edge cards, readable internal text padding. */
@media (max-width: 767px) {
    body.rbc-layout-enabled { --rbc-padding: 15px !important; }
    body.rbc-layout-enabled #content {
        width: 100%;
        max-width: none !important;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
    }
    body.rbc-layout-enabled #secondary,
    body.rbc-layout-enabled #secondary .widget {
        width: 100% !important;
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}

/* 2. Меню обоих сайдбаров: общие состояния и иконки */
body.rbc-layout-enabled :is(#rbc-left, #secondary) :is(.rbc-menu, .menu, .wp-block-navigation) {
    border: 0;
    background: transparent;
}
body.rbc-layout-enabled :is(#rbc-left, #secondary) :is(.rbc-menu, .menu, .wp-block-navigation) :is(a, .removed-link) {
    --rbc-item-icon: var(--rbc-menu-icon);
    --rbc-item-filter: var(--rbc-menu-filter);
    border-radius: var(--rbc-radius);
    background: transparent;
    transition: background-color .15s ease, color .15s ease;
}
body.rbc-layout-enabled :is(#rbc-left, #secondary) :is(.rbc-menu, .menu, .wp-block-navigation) :is(a, .removed-link):is(:hover, :focus-visible),
body.rbc-layout-enabled #rbc-left :is(.current-menu-item, .current_page_item) > :is(a, .removed-link) {
    --rbc-item-icon: var(--rbc-menu-accent);
    --rbc-item-filter: var(--rbc-menu-accent-filter);
    color: var(--rbc-menu-accent) !important;
    background: var(--rbc-menu-hover-bg);
}
body.rbc-layout-enabled #secondary :is(.rbc-menu, .menu, .wp-block-navigation) :is(a, .removed-link):is(:hover, :focus-visible) {
    background: var(--rbc-menu-right-hover-bg);
}
body.rbc-layout-enabled :is(#rbc-left, #secondary) :is(.rbc-menu, .menu, .wp-block-navigation) :is(a, .removed-link) :is(i, svg, ._mi) {
    color: var(--rbc-item-icon) !important;
}
body.rbc-layout-enabled :is(#rbc-left, #secondary) :is(.rbc-menu, .menu, .wp-block-navigation) :is(a, .removed-link) :is(img, ._mi._svg) {
    filter: var(--rbc-item-filter) !important;
}
body.rbc-layout-enabled :is(#rbc-left, #secondary) :is(.rbc-menu, .menu, .wp-block-navigation) svg,
body.rbc-layout-enabled :is(#rbc-left, #secondary) :is(.rbc-menu, .menu, .wp-block-navigation) svg [fill]:not([fill="none"]) {
    fill: currentColor;
}
body.rbc-layout-enabled :is(#rbc-left, #secondary) :is(.rbc-menu, .menu, .wp-block-navigation) svg [stroke]:not([stroke="none"]) {
    stroke: currentColor;
}
body.rbc-layout-enabled :is(#rbc-left, #secondary) :is(.rbc-menu, .menu, .wp-block-navigation) a:focus-visible {
    outline: 2px solid var(--rbc-menu-accent);
    outline-offset: 2px;
}

/* Левое меню: геометрия и шрифт */
body.rbc-layout-enabled #rbc-left :is(.widget_nav_menu, .wp-block-navigation) :is(ul, .menu) {
    list-style: none;
    padding: 0;
    margin: 0;
    border: 0;
}
body.rbc-layout-enabled #rbc-left :is(.menu, .wp-block-navigation) li {
    margin: 4px 0;
    padding: 0;
    position: relative;
}
body.rbc-layout-enabled #rbc-left :is(.menu, .wp-block-navigation) :is(a, .removed-link) {
    display: flex;
    align-items: center;
    min-height: 35px;
    padding: 8px 5px;
    border: 0;
    color: var(--rbc-color, #111);
    font-family: 'Stratum2', sans-serif !important;
    font-weight: 700 !important;
    font-size: 16px;
    line-height: 1.25;
    text-transform: uppercase;
    text-decoration: none;
    overflow-wrap: anywhere;
}
body.rbc-layout-enabled #rbc-left :is(.menu, .wp-block-navigation) :is(a, .removed-link) > :is(._mi, img, svg, i) {
    flex-shrink: 0;
    margin-right: .7em !important;
    margin-bottom: 3px;
}
body.rbc-layout-enabled #rbc-left :is(.menu .sub-menu, .wp-block-navigation__submenu-container) {
    margin-left: 15px;
    padding-left: 8px;
    border-left: 1px solid var(--rbc-menu-submenu-border);
}
@media (prefers-reduced-motion: reduce) {
    body.rbc-layout-enabled :is(#rbc-left, #secondary) :is(a, .removed-link) {
        transition: none;
    }
}

/* 3. Изображения в тексте.
 * Класс rbc-full-image добавляет существующий скрипт из functions.php.
 */
/* Картинки внутри текста без растягивания */
body.rbc-layout-enabled .rbc-article .entry-content p img:not(:only-child) {
    width: auto;
    max-width: 100%;
    height: auto;
    display: inline;
    margin-left: 0;
    margin-right: 0;
}

/* Обтекание слева и расстояние до текста */
body.rbc-layout-enabled .rbc-article .entry-content p img.alignleft {
    float: left;
    margin: 0 var(--rbc-image-gap) 15px 0;
}

/* Обтекание справа и расстояние до текста */
body.rbc-layout-enabled .rbc-article .entry-content p img.alignright {
    float: right;
    margin: 0 0 15px var(--rbc-image-gap);
}

/* Большие изображения — на всю ширину карточки */
body.rbc-layout-enabled .rbc-article .entry-content p img.rbc-full-image {
    display: block;
    width: calc(100% + var(--rbc-padding) * 2);
    max-width: none;
    height: auto;
    margin-left: calc(0px - var(--rbc-padding));
    margin-right: calc(0px - var(--rbc-padding));
}

/* Картинка по центру без растягивания */
body.rbc-layout-enabled .rbc-article .entry-content p img.aligncenter {
    float: none;
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 0 auto 15px;
}