/* ==========================================================================
   STICKY ИЗОБРАЖЕНИЯ — курс и страница Бачинина
   ========================================================================== */

/* ------------------------------------------------------------------
   КУРС «НОВАЯ ЖИЗНЬ» — STICKY ПРОГРАММА
   ------------------------------------------------------------------ */

/* Сетка курса */
.trds-course-program__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    align-items: stretch;
}

@media (min-width: 768px) {
    .trds-course-program__grid {
        grid-template-columns: 60% 1fr;
    }
}

@media (min-width: 1600px) {
    .trds-course-program__grid {
        padding-inline: var(--trds-space-24);
    }
}

/* Обертка изображения */
.trds-course-program__image-wrapper {
    height: 100%;
    min-height: auto !important;
    position: relative;
    margin-top: 2rem;
}

/* Sticky-элемент */
.trds-course-program__image-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 10rem;
    transition: top 0.3s ease;
    z-index: var(--trds-z-sticky, 10);
}

/* Изображение */
.trds-course-program__image {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 3 / 4;
    object-fit: cover;
    border-radius: var(--trds-radius-lg);
    box-shadow: var(--trds-shadow-lg);
}

/* Отключение sticky на мобильных */
@media (max-width: 767px) {
    .trds-course-program__image-sticky {
        position: static;
    }
}

/* ------------------------------------------------------------------
   ПАРАЛЛАКС БЛОКА МЕТОДОЛОГИИ
   ------------------------------------------------------------------ */

/* Параллакс-эффект для блока методологии курса */
.trds-course-methodology {
    position: relative;
    overflow: hidden;
}

.trds-course-methodology__bg-parallax {
    position: absolute;
    top: -10%;
    left: 0;
    right: 0;
    bottom: -10%;
    z-index: 0;
    background: linear-gradient(
        135deg,
        rgba(var(--trds-primary-rgb), 0.03) 0%,
        rgba(var(--trds-secondary-rgb), 0.05) 50%,
        rgba(var(--trds-accent-rgb), 0.03) 100%
    );
    will-change: transform;
    pointer-events: none;
}

.trds-course-methodology__container {
    position: relative;
    z-index: 1;
}

@media (prefers-reduced-motion: reduce) {
    .trds-course-methodology__bg-parallax {
        transform: none !important;
    }
}

/* ------------------------------------------------------------------
   СТРАНИЦА ПРОТОИЕРЕЯ ИГОРЯ БАЧИНИНА — STICKY ИЗОБРАЖЕНИЕ
   ------------------------------------------------------------------ */

/* Контейнер должен использовать grid или flex с align-items: stretch */
.bachinin-bio-block,
.igor-bachinin__container,
.wp-block-group:has(> .igor-bachinin),
.wp-block-columns:has(.igor-bachinin) {
    align-items: stretch !important;
}

/* Обертка изображения для sticky позиционирования */
.bachinin-bio-block .wp-block-column:last-child,
.igor-bachinin__wrapper {
    height: 100%;
}

.wp-block-image.igor-bachinin {
    position: relative;
    margin: 0;
}

/* Десктоп: sticky */
@media (min-width: 768px) {
    .bachinin-bio-block {
        align-items: stretch !important;
    }

    .bachinin-bio-block > .wp-block-column {
        height: auto !important;
    }

    .bachinin-bio-block > .wp-block-column:last-child {
        height: auto !important;
        min-height: 100% !important;
        align-self: stretch !important;
    }

    .wp-block-image.igor-bachinin {
        position: -webkit-sticky !important;
        position: sticky !important;
        top: 14rem !important;
    }
}

/* Само липкое изображение */
.igor-bachinin {
    position: -webkit-sticky;
    position: sticky;
    top: 14rem;
    transition: top 0.3s ease;
    z-index: var(--trds-z-sticky, 10);
}

/* Стиль самого изображения */
.igor-bachinin img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
    object-fit: cover;
    border-radius: var(--trds-radius-lg);
    box-shadow: var(--trds-shadow-lg);
}

/* Мобильная версия */
@media (max-width: 767px) {
    .wp-block-image.igor-bachinin {
        position: static !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 1.5rem 0 !important;
        padding: 0 !important;
        float: none !important;
        left: auto !important;
        right: auto !important;
    }

    .wp-block-image.igor-bachinin img {
        max-height: 50vh !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        object-fit: contain !important;
        margin-top: 5rem;
    }

    .bachinin-bio-block {
        display: flex !important;
        flex-direction: column !important;
    }

    .bachinin-bio-block > .wp-block-column:last-child {
        order: -1 !important;
        width: 100% !important;
    }

    .bachinin-bio-block > .wp-block-column:first-child {
        order: 0 !important;
        width: 100% !important;
    }
}