/* Колонки внутри старого дизайна (ширины — в процентах, без 12-колоночных классов) */

.wp-block-columns.deza-columns {
    display: flex;
    flex-wrap: wrap !important;
    gap: 0 !important;
}

.wp-block-columns.deza-columns > .wp-block-column {
    box-sizing: border-box;
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
    max-width: none !important;
    min-width: 0;
}

/* ≥1240: как в старом дизайне — отступы 20px */
@media only screen and (min-width: 1240px) {
    .wp-block-columns.deza-columns {
        margin: 0 -20px;
    }

    .wp-block-columns.deza-columns > .wp-block-column {
        padding: 0 20px 50px !important;
    }
}

/* ≤1239: планшет — все колонки в одну, отступы 30px */
@media only screen and (max-width: 1239px) {
    body:not(.block-editor-iframe__body) .wp-block-columns.deza-columns {
        margin: 0 -10px;
    }

    body:not(.block-editor-iframe__body) .wp-block-columns.deza-columns > .wp-block-column {
        padding: 0 30px 25px !important;
        width: 100% !important;
        flex-basis: 100% !important;
    }
}

/* ≤767: мобильный — уменьшенный нижний отступ */
@media only screen and (max-width: 767px) {
    body:not(.block-editor-iframe__body) .wp-block-columns.deza-columns > .wp-block-column {
        padding-bottom: 15px !important;
    }
}

/* Кейсы с внешней обёрткой b-cols--effect: дополнительный отрицательный отступ */
@media only screen and (min-width: 1240px) {
    body:not(.block-editor-iframe__body) .wp-block-columns.deza-columns.deza-columns--effect {
        margin-left: -40px;
        margin-right: -40px;
    }
}

@media only screen and (max-width: 1239px) {
    body:not(.block-editor-iframe__body) .wp-block-columns.deza-columns.deza-columns--effect {
        margin-left: -20px;
        margin-right: -20px;
    }
}

/* В редакторе всегда показываем десктопную сетку */
.editor-styles-wrapper .is-root-container .wp-block-columns.deza-columns {
    margin: 0 -20px !important;
}

.editor-styles-wrapper .is-root-container .wp-block-columns.deza-columns > .wp-block-column {
    padding: 0 20px 50px !important;
}

/* Картинки-блоки не должны добавлять свои отступы */
.wp-block-image,
figure.wp-block-image {
    margin: 0 !important;
}

.wp-block-image img {
    max-width: 100%;
    height: auto;
}

/* Видео-блок */
.wp-block-column .b-video-embed,
.wp-block-column .deza-video-empty {
    max-width: 100%;
}

/* Внутри колонки первый блок не должен раздувать отступ сверху */
.wp-block-column > *:first-child {
    margin-top: 0;
}

/* Заголовки, созданные блоками: сохраняем отступ снизу как в старом дизайне */
.wp-block-heading {
    margin-top: 0 !important;
    margin-bottom: 0.5em !important;
}

/* Блок «Фоновое видео»: превью не перехватывает клики, чтобы блок выделялся */
.deza-video-preview {
    position: relative;
}

.deza-video-preview .b-video-embed iframe {
    pointer-events: none;
}

.deza-video-badge,
.deza-video-hint {
    position: absolute;
    pointer-events: none;
    color: #fff;
    background: rgba(0, 0, 0, 0.62);
    border-radius: 4px;
    font: 12px/1.5 Montserrat, sans-serif;
    padding: 5px 10px;
    z-index: 2;
}

.deza-video-badge {
    top: 12px;
    left: 12px;
}

.deza-video-hint {
    left: 12px;
    right: 12px;
    bottom: 12px;
    text-align: center;
    opacity: 0;
}

.wp-block.is-selected .deza-video-hint {
    opacity: 1;
}

.deza-video-empty {
    padding: 28px;
    border: 1px dashed #c3c4c7;
    border-radius: 6px;
    text-align: center;
}