/**
 * Inkora Default Sidebar Block - Frontend Styles
 */
:root {
  --inkora-primary: #2398bc;
}
/* Base sidebar styles */
.wp-block-inkora-default-sidebar {
    transition: all 0.3s ease;
}

/* Sticky sidebar styles */
.wp-block-inkora-default-sidebar.is-sticky {
    will-change: transform;
}

.wp-block-inkora-default-sidebar.is-stuck {
    position: fixed !important;
    backface-visibility: hidden;
    transform: translateZ(0);
}
/* Ensure container has relative positioning */
.wp-block-inkora-default-sidebar {
    position: relative;
}

/* Sticky ke time z-index high rakhein */
.wp-block-inkora-default-sidebar.is-stuck {
    z-index: 1000;
    background: inherit;
}
/* Spacer element */
.inkora-sticky-spacer {
    transition: all 0.3s ease;
}

.wp-block-columns {
  position: relative;
}

.wp-block-inkora-default-sidebar {
  position: relative;
}

.wp-block-inkora-default-sidebar.is-stuck {
  position: fixed !important;
  z-index: 99;
}

.inkora-sticky-spacer {
  width: 100%;
}

/* Responsive: Disable sticky on mobile */
@media (max-width: 768px) {
    .wp-block-inkora-default-sidebar.is-sticky {
        position: relative !important;
        top: auto !important;
        width: 100% !important;
    }
    
    .inkora-sticky-spacer {
        display: none !important;
    }
    
    .wp-block-inkora-default-sidebar.is-stuck {
        position: relative !important;
    }
}

/* Optional: Add smooth transition for better UX */
.wp-block-inkora-default-sidebar.is-sticky {
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Ensure sidebar doesn't overflow on small screens */
@media (max-width: 782px) {
    .wp-block-inkora-default-sidebar {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}