/* Sticky wrapper styles - applies to both left and right columns */
.sticky-wrapper {
transition: none;
}
.sticky-wrapper.sticky {
position: fixed;
top: 60px;
z-index: 1000;
}
/* Placeholder to prevent layout jump - applies to both columns */
.sticky-placeholder {
display: none;
height: 0;
margin: 0;
padding: 0;
}
.sticky-placeholder.active {
display: block;
}
/* Disable sticky behavior on screens below 992px */
@media (max-width: 991px) {
.sticky-wrapper.sticky {
position: static !important;
}
.sticky-placeholder.active {
display: none !important;
}
}

/* ============================================
STICKY STYLES - BASE
============================================ */

/* Left column sticky */
.sticky-wrapper {
transition: none;
}

.sticky-wrapper.sticky {
position: fixed;
top: 60px;
z-index: 1000;
}

.sticky-placeholder {
display: none;
height: 0;
margin: 0;
padding: 0;
width: 100%;
}

.sticky-placeholder.active {
display: block;
}

/* Booking overview sticky */
.sticky-wrapper-booking {
transition: none;
}

.sticky-wrapper-booking.sticky {
position: fixed;
top: 60px; /* Default 60px */
z-index: 1000;
}

.sticky-placeholder-booking {
display: none;
height: 0;
margin: 0;
padding: 0;
width: 100%;
}

.sticky-placeholder-booking.active {
display: block;
}

/* ============================================
ABOVE 900px HEIGHT - Disable booking sticky, enable combined
============================================ */

@media (min-width: 992px) and (min-height: 900px) {

/* DISABLE booking overview independent sticky */
.sticky-wrapper-booking.sticky {
position: static !important;
}

.sticky-placeholder-booking.active {
display: none !important;
}

/* ENABLE right column sticky (beide sections together) */
#stickyWrapperRight.sticky {
position: fixed !important;
top: 60px;
z-index: 1000;
}

#stickyPlaceholderRight.active {
display: block !important;
}
}

/* ============================================
BELOW 900px HEIGHT - Special behavior
============================================ */

@media (min-width: 992px) and (max-height: 899px) {

/* Disable LEFT column sticky */
#stickyWrapperLeft.sticky {
position: static !important;
}

#stickyPlaceholderLeft.active {
display: none !important;
}

/* Disable RIGHT column (Weitere Daten) sticky */
#stickyWrapperRight.sticky {
position: static !important;
}

#stickyPlaceholderRight.active {
display: none !important;
}

/* ENABLE Booking Overview sticky at 60px (not 40px) with higher z-index */
.sticky-wrapper-booking.sticky {
position: fixed !important;
top: 40px !important; /* Changed from 40px to 60px */
z-index: 1001 !important; /* Higher than menu so it doesn't slide under */
}

.sticky-placeholder-booking.active {
display: block !important;
}

/* Remove top border-radius when booking is sticky */
.sticky-wrapper-booking.sticky section.ba-tile {
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
}
}