/* ==========================================================================
   Мобильная версия списка фотографий (/photo)
   Подключается только на странице каталога фотографий.
   Специфичность body.photo-list-page — чтобы перебивать стили из style.css
   и инлайн-стили самого шаблона.
   ПК-версия этим файлом не затрагивается: все правила внутри
   @media (max-width: 1000px), кроме блока .photo-tools-box — он скрыт
   на ПК отдельным правилом.
   ========================================================================== */

/* ------------------------------------------------------------------
   Сортировка и категории — свёрнутый блок наверху страницы.
   На ПК эти блоки остаются в сайдбаре, поэтому дубликат скрыт.
   ------------------------------------------------------------------ */
body.photo-list-page .photo-tools-box {
    margin: 0 0 14px;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
    overflow: hidden;
}

body.photo-list-page .photo-tools-box > summary {
    cursor: pointer;
    list-style: none;
    padding: 10px 14px;
    color: #3d439b;
    font-size: 15px;
    font-weight: 700;
}

body.photo-list-page .photo-tools-box > summary::-webkit-details-marker {
    display: none;
}

body.photo-list-page .photo-tools-box > summary::before {
    content: "▸";
    display: inline-block;
    width: 16px;
}

body.photo-list-page .photo-tools-box[open] > summary::before {
    content: "▾";
}

body.photo-list-page .photo-tools-box__cols {
    display: flex;
    flex-wrap: wrap;
    gap: 0 24px;
    padding: 2px 14px 12px;
    border-top: 1px solid #e5e7eb;
}

body.photo-list-page .photo-tools-box h5 {
    background: none;
    color: #111827;
    font-size: 13px;
    font-weight: 700;
    padding: 0;
    margin: 10px 0 4px;
}

/* На ПК страница остаётся прежней: сортировка и категории — в сайдбаре */
@media (min-width: 1001px) {
    body.photo-list-page .photo-tools-box {
        display: none;
    }
}

@media (max-width: 1000px) {
    /* ------------------------------------------------------------------
       Раскладка: одна колонка.
       Сначала галерея, потом боковые блоки.
       ------------------------------------------------------------------ */
    body.photo-list-page .wrap1 {
        display: flex;
        flex-direction: column;
    }

    body.photo-list-page .inWrap1 {
        float: none;
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    body.photo-list-page .wrap_l {
        float: none;
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    body.photo-list-page .content1 {
        order: 1;
        float: none;
        width: 100%;
        box-sizing: border-box;
        border-left: 0;
        border-right: 0;
        margin: 0;
        padding: 0 8px 16px;
    }

    body.photo-list-page .sidebar_l {
        order: 2;
        float: none;
        width: 100%;
        box-sizing: border-box;
        border-right: 0;
        margin-right: 0;
        padding: 0 12px 20px;
    }

    body.photo-list-page .sidebar_r {
        order: 3;
        float: none;
        width: 100%;
        box-sizing: border-box;
        margin-top: 0;
        padding: 0 12px 20px;
    }

    /* Заголовок страницы */
    body.photo-list-page .content1 h2 {
        font-size: 16px;
        padding: 10px 6px;
    }

    /* ------------------------------------------------------------------
       Галерея: две фотографии в ряд, карточки одинаковой высоты
       ------------------------------------------------------------------ */
    body.photo-list-page .photos {
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        padding: 0 2px;
    }

    body.photo-list-page .photos li {
        display: flex;
        flex-direction: column;
        width: 50% !important;
        height: auto !important;
        padding: 8px 6px 12px;
        box-sizing: border-box;
    }

    body.photo-list-page .photos .photo-card-wrapper {
        display: flex;
        flex-direction: column;
        flex: 1 1 auto;
        height: auto !important;
        min-height: 200px;
        overflow: visible !important;
        box-sizing: border-box;
        padding: 4px 6px;
    }

    body.photo-list-page .photos .photo-card-wrapper > a {
        display: block;
    }

    body.photo-list-page .photos .photo-card-wrapper img {
        max-width: 100% !important;
        max-height: 118px !important;
        width: auto !important;
        height: auto !important;
        object-fit: contain;
    }

    body.photo-list-page .photos .photo-card-wrapper p {
        padding: 6px 0 0;
        font-size: 13px;
        line-height: 1.3;
    }

    body.photo-list-page .photos .photo-card-wrapper em {
        font-size: 12px;
    }

    /* Счётчики (баллы, комментарии) — прижаты к низу карточки */
    body.photo-list-page .photos .photo-card-wrapper > div {
        margin-top: auto;
        padding: 6px 2px 2px !important;
        font-size: 11px !important;
        text-align: left;
    }

    /* Значки мест — чуть меньше, чтобы не наезжали на снимок */
    body.photo-list-page .photos .winner-badge-corner {
        font-size: 20px;
        top: 4px;
        left: 4px;
    }

    body.photo-list-page .photos .medal-badge-corner {
        top: 4px;
        left: 4px;
    }

    /* ------------------------------------------------------------------
       Пагинация
       ------------------------------------------------------------------ */
    body.photo-list-page .pagination-wrapper {
        gap: 6px !important;
        margin: 20px 0 !important;
    }

    body.photo-list-page .pagination-btn {
        padding: 9px 12px !important;
        font-size: 14px !important;
    }

    /* ------------------------------------------------------------------
       Боковые блоки
       ------------------------------------------------------------------ */
    /* Вход, общий поиск и контакты на телефоне живут в выдвижном меню */
    body.photo-list-page .photo-login,
    body.photo-list-page .photo-search,
    body.photo-list-page .photo-contacts {
        display: none;
    }

    /* Сортировка и категории — в свёрнутом блоке наверху страницы,
       поиск по тегам не нужен: общий поиск есть в выдвижном меню */
    body.photo-list-page .photo-sort,
    body.photo-list-page .photo-categories,
    body.photo-list-page .photo-tag-search {
        display: none;
    }

    body.photo-list-page .sidebar_l h5,
    body.photo-list-page .sidebar_r h5 {
        font-size: 15px;
    }

    /* Сортировка — «таблетки» в несколько рядов */
    body.photo-list-page .photo-sort-list {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        margin: 0;
        padding: 10px 12px 14px;
        list-style: none;
    }

    body.photo-list-page .photo-sort-list li {
        padding: 0;
        list-style: none;
    }

    body.photo-list-page .photo-sort-list li::before {
        content: none;
    }

    body.photo-list-page .photo-sort-link {
        display: block;
        padding: 8px 12px;
        border: 1px solid #d7dbe6;
        border-radius: 999px;
        background: #fff;
        color: #3d439b !important;
        font-size: 13px;
        text-decoration: none;
    }

    body.photo-list-page .photo-sort-link.is-active {
        background: #3d439b;
        border-color: #3d439b;
        color: #fff !important;
    }

    /* Фильтр по тегам — крупнее, чтобы попадать пальцем */
    body.photo-list-page .photo-tags a {
        padding: 7px 10px !important;
        font-size: 13px !important;
    }

    /* Поиск по тегам: поле во всю ширину */
    /* Категории фотографий — в свёрнутом блоке наверху */
    body.photo-list-page .photo-tools-box .cat th,
    body.photo-list-page .photo-tools-box .cat td {
        padding: 6px 4px;
    }

    body.photo-list-page .photo-tools-box .cat th a {
        font-size: 13px;
    }

    /* Рейтинги и прочее в правой колонке */
    body.photo-list-page .sidebar_r .ul1 li {
        font-size: 14px;
    }

    body.photo-list-page .sidebar_r .ph1 {
        padding: 16px 12px;
    }

    body.photo-list-page .sidebar_r .ph1 img {
        max-width: 70% !important;
    }
}