/**
 * Split Calendar & Reserve Card Styles
 * File: assets/css/split-calendar.css
 * 
 * Styles for calendar and reserve card when used separately
 */

/* Calendar Only Container */
.rrs-calendar-only-container {
    max-width: 100%;
    margin: 0 auto 40px auto;
}

/* Reserve Card Container */
.rrs-reserve-card-container {
    max-width: 100%;
    margin: 0 auto 40px auto;
}

/* Sticky Reserve Card (Desktop Only) */
@media (min-width: 1024px) {
    .rrs-booking-summary-section.rrs-sticky {
        position: sticky;
        top: 100px;
        z-index: 10;
    }
}

/* Editor Preview Badge */
.rrs-editor-preview .rrs-calendar-wrapper,
.rrs-editor-preview .rrs-booking-summary {
    position: relative;
}

/* Responsive: Side by Side on Desktop */
@media (min-width: 1024px) {
    /* When both widgets are in 2-column layout */
    .elementor-column:has(.rrs-calendar-only-container) + .elementor-column:has(.rrs-reserve-card-container) .rrs-booking-summary-section,
    .elementor-column:has(.rrs-reserve-card-container) + .elementor-column:has(.rrs-calendar-only-container) .rrs-booking-summary-section {
        position: sticky;
        top: 100px;
    }
}

/* Mobile: Stack Vertically */
@media (max-width: 768px) {
    .rrs-calendar-only-container,
    .rrs-reserve-card-container {
        margin-bottom: 24px;
    }
    
    .rrs-booking-summary-section.rrs-sticky {
        position: static !important;
    }
}

/* Integration Note in Editor */
.rrs-editor-preview .rrs-editor-calendar-placeholder {
    min-height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
}