/* zip-id.ru: правки темы для Bootstrap 5 и капчи гексагона */

/* Пагинация гексагона (geksagon/pagination.html) в виде пагинации темы: без рамок, активная — цветом темы */
.pagination-block-results {
    margin: 10px 0 20px;
}

.pagination-block {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin: 0;
    list-style: none;
}

.pagination-block .page-item {
    list-style: none;
}

.pagination-block .page-link {
    display: block;
    min-width: 34px;
    margin: 0 5px;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.42857143;
    text-align: center;
    color: #627aad;
    background-color: transparent;
    border: none;
    border-radius: 3px;
    text-decoration: none;
}

.pagination-block .page-item.active .page-link,
.pagination-block a.page-link:hover,
.pagination-block a.page-link:focus {
    color: #fff;
    background-color: #627aad;
    box-shadow: none;
}

/* Адаптивность: длинные слова без пробелов (артикулы, «Ethernet/Ser./USB/Cutter») переносятся внутри блока */
.block td,
.block h1,
.block h4,
.block .text-muted,
.block li {
    overflow-wrap: anywhere;
}

/* подписи контактов («Телефон:», «Адреса:») целиком, без переноса по буквам */
.zip-contacts td:nth-child(-n+2) {
    overflow-wrap: normal;
    white-space: nowrap;
}

/* 768–1199px: контакты, корзина и просмотренные под контентом — по краям блока контента */
@media (min-width: 768px) and (max-width: 1199.98px) {
    .col-xl-4 > .row > .block {
        width: calc(100% - 30px);
        margin-left: 15px;
        margin-right: 15px;
    }
}

/* Телефон: шапка в две строки не накрывает начало страницы */
@media (max-width: 767.98px) {
    /* float-элементы шапки (логотип, поиск, телефон) остаются внутри неё: clearfix, который давал BS3 */
    header.navbar-fixed-top {
        position: static;
        display: flow-root;
    }

    #page-container.header-fixed-top #page-content {
        padding-top: 10px;
    }

    /* блоки прямо в .row (меню, контакты, корзина, просмотренные, подвал) не выходят за экран: поля строки −15px, отступ страницы 5px */
    .row > .block {
        width: calc(100% - 30px);
        margin-left: 15px;
        margin-right: 15px;
    }

    /* подвал в один столбик по центру: копирайт, почта, телефон, политика — каждый с новой строки */
    .zip-footer p {
        text-align: center;
    }

    .zip-footer .zip-footer-line {
        display: block;
    }

    .zip-footer .zip-footer-gap,
    .zip-footer br {
        display: none;
    }
}