/**
 * Tourseta Blocks Responsive Spacing
 * 
 * Global responsive spacing for all Tourseta blocks
 * Applied to blocks within .wp-block-post-content containers
 * 
 * Breakpoints:
 * - Desktop: Default (no media query)
 * - Tablet: max-width: 1024px
 * - Mobile: max-width: 768px
 */

/* ==========================================================================
   Tablet Spacing
   ========================================================================== */

@media screen and (max-width: 1024px) {
    .wp-block-post-content .wp-block-tourseta-image-text,
    .wp-block-post-content .wp-block-tourseta-stats,
    .wp-block-post-content .wp-block-tourseta-sticky-overview-tour,
    .wp-block-post-content .wp-block-tourseta-tour-faqs,
    .wp-block-post-content .wp-block-tourseta-tour-itinerary,
    .wp-block-post-content .wp-block-tourseta-tour-inclusion,
    .wp-block-post-content .wp-block-tourseta-tour-cards,
    .wp-block-post-content .wp-block-tourseta-tour-gallery,
    .wp-block-post-content .wp-block-tourseta-featured-tour,
    .wp-block-post-content .wp-block-tourseta-media-gallery,
    .wp-block-post-content .wp-block-tourseta-reviews,
    .wp-block-post-content .wp-block-tourseta-tour-details,
    .wp-block-post-content .wp-block-tourseta-tour-search-results {
        padding-left: var(--wp--preset--spacing--40, 1.5rem) !important;
        padding-right: var(--wp--preset--spacing--40, 1.5rem) !important;
        box-sizing: border-box;
    }
}

/* ==========================================================================
   Mobile Spacing
   ========================================================================== */

@media screen and (max-width: 768px) {
    .wp-block-post-content .wp-block-tourseta-image-text,
    .wp-block-post-content .wp-block-tourseta-stats,
    .wp-block-post-content .wp-block-tourseta-sticky-overview-tour,
    .wp-block-post-content .wp-block-tourseta-tour-faqs,
    .wp-block-post-content .wp-block-tourseta-tour-itinerary,
    .wp-block-post-content .wp-block-tourseta-tour-inclusion,
    .wp-block-post-content .wp-block-tourseta-tour-cards,
    .wp-block-post-content .wp-block-tourseta-tour-gallery,
    .wp-block-post-content .wp-block-tourseta-featured-tour,
    .wp-block-post-content .wp-block-tourseta-media-gallery,
    .wp-block-post-content .wp-block-tourseta-reviews,
    .wp-block-post-content .wp-block-tourseta-tour-details,
    .wp-block-post-content .wp-block-tourseta-tour-search-results {
        padding-left: var(--wp--preset--spacing--30, 1rem) !important;
        padding-right: var(--wp--preset--spacing--30, 1rem) !important;
    }
}



/* ==========================================================================
   Custom Properties for Easy Customization
   ========================================================================== */

:root {
    /* Desktop spacing */
    --tourseta-block-padding-x: var(--wp--preset--spacing--50, 2rem);
    --tourseta-block-margin-x: var(--wp--preset--spacing--40, 1.5rem);
    
    /* Tablet spacing */
    --tourseta-block-padding-x-tablet: var(--wp--preset--spacing--40, 1.5rem);
    --tourseta-block-margin-x-tablet: var(--wp--preset--spacing--30, 1rem);
    
    /* Mobile spacing */
    --tourseta-block-padding-x-mobile: var(--wp--preset--spacing--30, 1rem);
    --tourseta-block-margin-x-mobile: var(--wp--preset--spacing--20, 0.75rem);
}