/*
 * Исправления адаптивности.
 * Лежит в public/css (как swap.css), а не в resources/css: фронтенд сейчас не пересобирается
 * (resources/js/classes/editor.js импортирует пакет @groupher/editor-collapse, которого нет в package.json),
 * поэтому новые Tailwind-классы в Blade не попадут в public/build. Классы здесь с префиксом jg-.
 */

/* Подстраховка: широкий элемент (встроенное видео, таблица в статье) не должен давать
   горизонтальную прокрутку всей страницы. clip, а не hidden: не ломает position: sticky. */
html,
body {
    overflow-x: clip;
}

/* Главная: Swiper-«куб» (effect: cards) раскладывает слайды в ряд шире экрана */
.jg-clip-x {
    overflow-x: clip;
}

/* Выпадающее подменю верхнего меню: на низких экранах (iPhone SE, альбомная ориентация)
   нижние пункты уходили за экран, а fixed-блок не прокручивался */
.jg-mega-menu {
    max-height: calc(100vh - 7rem);
    max-height: calc(100dvh - 7rem);
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
}

/* Таблицы админки и модерации: прокрутка внутри блока, а не всей страницы */
.jg-table-scroll {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* Затемнение под боковым меню админки/модерации на телефоне (клик закрывает меню) */
.jg-backdrop {
    position: fixed;
    inset: 0;
    z-index: 45;
    background: rgba(17, 24, 39, 0.55);
}

@media (min-width: 768px) {
    .jg-backdrop {
        display: none !important;
    }

    /* Админка/модерация на планшете: широкая таблица сжимала боковое меню до 0px.
       Меню фиксированной ширины, колонка с контентом может сужаться (таблица прокручивается внутри) */
    .sidebar {
        flex-shrink: 0;
    }

    .sidebar ~ .flex-1 {
        min-width: 0;
    }
}

/* Панель фильтров в таблице пользователей админки: на телефоне в столбец */
@media (max-width: 767px) {
    .jg-filters {
        flex-wrap: wrap;
        row-gap: 0.75rem;
    }

    .jg-filters > * {
        margin-left: 0 !important;
        margin-right: 0 !important;
        flex: 1 1 100%;
    }
}

/* Длинные слова и ссылки без пробелов (сообщения, комментарии, текст статей) не распирают блок */
.jg-break,
.prose,
.prose a {
    overflow-wrap: anywhere;
}