/* =============================================================================
   WestDevice-Service | responsive.css
   Адаптивные стили
   ============================================================================= */

/* ─── 1440px ─────────────────────────────────────────────────────────────── */
@media (max-width: 1440px) {
    .wd-container { padding-left: 24px; padding-right: 24px; }
}

/* ─── 1280px ─────────────────────────────────────────────────────────────── */
@media (max-width: 1280px) {
    :root {
        --wd-gap-lg: 32px;
    }
}

/* ─── 1024px (Планшет горизонтальный) ───────────────────────────────────── */
@media (max-width: 1024px) {
    :root {
        --wd-gap: 20px;
        --wd-gap-lg: 28px;
    }

    h1 { font-size: 2rem; }
    h2 { font-size: 1.65rem; }
    h3 { font-size: 1.35rem; }

    .wd-header-inner { gap: var(--wd-gap-sm); }

    /* Показываем тоггл на 1024- */
    .wd-nav-toggle { display: flex; }

    .wd-menu-wrap {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: var(--wd-menu-bg);
        border-top: 2px solid var(--wd-primary);
        box-shadow: 0 8px 24px rgba(0,0,0,0.25);
        overflow: hidden;
        max-height: 0;
        transition: max-height 0.35s ease;
        z-index: 400;
    }
    .wd-menu-wrap.wd-open { max-height: 600px; }

    .wd-pos-menu .nav {
        flex-direction: column;
    }
    .wd-pos-menu .nav > li > a {
        padding: 0.85em 1.25em;
        border-bottom: 1px solid rgba(255,255,255,0.06);
    }
    .wd-pos-menu .nav > li > a::after { display: none; }
    .wd-pos-menu .nav > li > ul,
    .wd-pos-menu .nav > li > .dropdown-menu {
        position: static;
        opacity: 1;
        visibility: visible;
        transform: none;
        box-shadow: none;
        border-top: none;
        border-left: 3px solid var(--wd-primary);
        margin-left: 1em;
        display: none;
    }
    .wd-pos-menu .nav > li.open > ul,
    .wd-pos-menu .nav > li.open > .dropdown-menu { display: block; }

    /* 3-колонки → 2 */
    .wd-row-3 > .wd-col { flex: 1 1 calc(50% - var(--wd-gap)); }

    /* Сайдбар-раскладка: right уходит вниз */
    .col-main-both .wd-sidebar-right {
        flex: 1 1 100%;
        order: 3;
    }
    .col-main-both .wd-sidebar-left  { flex: 0 0 28%; }
    .col-main-both .wd-component     { flex: 1; }

    /* Футер колонки */
    .wd-footer-cols-4 .wd-pos-footer > .wd-module-wrap { flex: 1 1 calc(50% - var(--wd-gap)); }
}

/* ─── 768px (Планшет вертикальный) ──────────────────────────────────────── */
@media (max-width: 768px) {
    :root {
        --wd-font-size: 15px;
        --wd-gap: 16px;
        --wd-gap-sm: 12px;
        --wd-gap-lg: 24px;
    }

    h1 { font-size: 1.75rem; }
    h2 { font-size: 1.45rem; }
    h3 { font-size: 1.2rem; }

    .wd-topbar-inner {
        flex-direction: column;
        gap: 0.5em;
        text-align: center;
        padding: 0.5em 0;
    }

    .wd-header-inner {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--wd-gap-sm);
    }
    .wd-header-logo1,
    .wd-header-logo2 {
        display: block;
        flex: 1 1 100%;
        width: 100%;
    }

    /* Основная раскладка — столбик */
    .wd-content-layout {
        flex-direction: column;
    }
    .wd-sidebar,
    .col-main-both .wd-sidebar-left,
    .col-main-both .wd-sidebar-right,
    .col-main-one  .wd-sidebar {
        flex: 1 1 100%;
        width: 100%;
    }
    .wd-component { flex: 1 1 100%; }

    /* 3 колонки → 1 */
    .wd-row-3 > .wd-col { flex: 1 1 100%; }
    .wd-row-2 > .wd-col { flex: 1 1 100%; }
    .wd-row-4 > .wd-col { flex: 1 1 calc(50% - var(--wd-gap)); }

    /* Слайдер */
    .wd-slideshow { --wd-slideshow-height: 260px; }
    .wd-slideshow img { height: 260px; }

    /* Кнопка наверх */
    .wd-back-top { width: 40px; height: 40px; bottom: 20px; right: 16px; }

    /* Футер колонки */
    .wd-footer-columns { flex-direction: column; }
    .wd-footer-cols-2 .wd-pos-footer > .wd-module-wrap,
    .wd-footer-cols-3 .wd-pos-footer > .wd-module-wrap,
    .wd-footer-cols-4 .wd-pos-footer > .wd-module-wrap { flex: 1 1 100%; }

    /* Новости */
    .wd-news-grid { grid-template-columns: 1fr; }

    /* Пагинация */
    .pagination .page-item .page-link { min-width: 34px; height: 34px; font-size: 0.8rem; }

    /* Поиск в топ-баре */
    .wd-pos-search input { width: 130px; }

    /* Таблицы */
    table { font-size: 0.85rem; }
    th, td { padding: 0.5em 0.65em; }
}

/* ─── 480px (Мобильный) ──────────────────────────────────────────────────── */
@media (max-width: 480px) {
    :root {
        --wd-font-size: 14px;
        --wd-border-radius: 3px;
    }

    .wd-container { padding-left: 12px; padding-right: 12px; }

    h1 { font-size: 1.5rem; }
    h2 { font-size: 1.3rem; }

    .wd-topbar { display: none; } /* убираем топбар на совсем маленьких */

    .wd-brand-text { font-size: 1.3rem; }
    .wd-brand-icon { width: 40px; height: 40px; font-size: 0.95rem; }

    .wd-slideshow { --wd-slideshow-height: 200px; }
    .wd-slideshow img { height: 200px; }

    .wd-main { padding: var(--wd-gap) 0; }
    .wd-main-row, .wd-cont-row { padding: var(--wd-gap) 0; }

    .wd-row-4 > .wd-col { flex: 1 1 100%; }

    .wd-module-body { padding: var(--wd-gap-sm); }

    article.item-page { padding: var(--wd-gap-sm); }

    .btn { padding: 0.6em 1.1em; font-size: 0.82rem; }

    .wd-news-card-img img { height: 160px; }

    blockquote { padding: 0.75em 1em; }

    .wd-back-top { bottom: 12px; right: 12px; }
}

/* ─── ПЕЧАТЬ ──────────────────────────────────────────────────────────────── */
@media print {
    .wd-topbar,
    .wd-nav,
    .wd-back-top,
    .wd-preloader,
    .wd-slideshow,
    .wd-new,
    .wd-sidebar,
    .wd-footer,
    .wd-copyright,
    .wd-debug,
    .wd-breadcrumbs,
    #wd-nav,
    #wd-topbar { display: none !important; }

    body { background: white; color: black; font-size: 12pt; }
    .wd-container { max-width: 100%; padding: 0; }
    .wd-content-layout { display: block; }
    a { color: black; }
    a[href]::after { content: " (" attr(href) ")"; font-size: 9pt; }
}