/* ==========================================================================
   САЙДБАР — Mobile First
   ========================================================================== */

.trds-sidebar-wrap {
    width: 100%;
    max-width: none;
    margin: var(--trds-space-4xl) 0;
    background: transparent;
    padding: 0;
    overflow: hidden!important;
    z-index: 1;
    transform: translateY(-7%);
}

body:not(.home) .trds-sidebar-wrap {
    z-index: 10;
}

/* ==========================================================================
   ГЛАВНАЯ СТРАНИЦА — сайдбар
   ========================================================================== */

body.home .trds-sidebar-wrap {
    max-width: 320px;
    padding: var(--trds-space-lg);
    margin: 0;
}

body.home .trds-sidebar-wrap .widget {
    border-radius: var(--trds-radius-lg);
    display: flex;
    align-items: center;
    flex-direction: column;
}

/* ==========================================================================
   СПЕЦИАЛЬНЫЕ СТРАНИЦЫ
   ========================================================================== */

/* Страница ID 387 — скрываем сайдбар */
.page-id-387 .trds-sidebar-wrap {
    display: none !important;
}

/* Архивы, блог, поиск — показываем сайдбар */
.archive .trds-sidebar-wrap,
.blog .trds-sidebar-wrap,
.search .trds-sidebar-wrap {
    display: block !important;
}

.wp-singular .trds-sidebar-wrap.col-lg-4.col-12 {
    top: 355px !important;
}



/* ==========================================================================
   СКРОЛЛБАР САЙДБАРА
   ========================================================================== */

.trds-sidebar-wrap {
    scrollbar-width: thin;
    scrollbar-color: var(--trds-primary) #f1f1f1;
    position: sticky;
}

.trds-sidebar-wrap::-webkit-scrollbar {
    width: 2px;
}

.trds-sidebar-wrap::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

.trds-sidebar-wrap::-webkit-scrollbar-thumb {
    background: var(--trds-primary);
    border-radius: 4px;
    border: 1px solid #f1f1f1;
}

.trds-sidebar-wrap::-webkit-scrollbar-thumb:hover {
    background: var(--trds-secondary);
}

/* ==========================================================================
   АНИМАЦИЯ ПОЯВЛЕНИЯ САЙДБАРА
   ========================================================================== */

@media (prefers-reduced-motion: no-preference) {
    .trds-sidebar-wrap {
        opacity: 0;
        animation: fadeInSidebar 0.5s ease forwards;
        animation-delay: 0.3s;
    }

    @keyframes fadeInSidebar {
        to {
            opacity: 1;
        }
    }
}