/**
 * ICD Sticky Extension - CSS
 *
 * Mirrors WDP's sticky CSS and keeps WDP class names available when WDP is off.
 *
 * @icd-plugin
 */

/* ============================================
   SECTION STICKY — mirrors WDP .wdp-sticky-section--yes
   position:fixed makes it stick to viewport top/bottom
   ============================================ */

.wdp-sticky-section--yes,
.wdp-sticky-section-yes,
.icd-sticky-section--yes {
    position: fixed !important;
    z-index: 99;
    width: 100%;
    left: 0;
}

.wdp-sticky-section-positon--top,
.icd-sticky-section--top {
    top: 0 !important;
    position: fixed !important;
    z-index: 99;
    width: 100%;
    left: 0;
}

.wdp-sticky-section-positon--bottom,
.icd-sticky-section--bottom {
    bottom: 0 !important;
    position: fixed !important;
    z-index: 99;
    width: 100%;
    left: 0;
}

/* Clear transition glitches on sticky */
.wdp-sticky-section--yes,
.wdp-sticky-section-yes,
.wdp-sticky-section-positon--default,
.wdp-sticky-section-positon--top,
.wdp-sticky-section-positon--bottom,
.icd-sticky-section--yes,
.icd-sticky-section--top,
.icd-sticky-section--bottom {
    transition: none !important;
}

/* ============================================
   COLUMN STICKY — mirrors WDP .wdp-column-sticky
   Uses jQuery stickySidebar library
   ============================================ */

.wdp-column-sticky .inner-wrapper-sticky,
.icd-sticky-column .inner-wrapper-sticky {
    width: 100%;
}

.wdp-column-sticky .elementor-widget-wrap,
.icd-sticky-column .elementor-widget-wrap {
    display: flex !important;
    flex-direction: column;
}