/*
 * GBP Section Sizing — Gutenberg block variants.
 *
 * The greyboxpro plugin ships these max-width presets, but scoped as
 *   .elementor-section.elementor-section-boxed.section-* > .elementor-container
 * so they only apply inside Elementor sections. This file mirrors the
 * same values onto the common Gutenberg layout wrappers (group, columns,
 * column, cover, media-text) so editors can pick "Section Medium" etc.
 * from the GBP Classes panel and have it actually resize the block.
 *
 * .gbp-class-wrap is also included as a target so dynamic blocks that
 * render their own custom wrapper (e.g. gbp/testimonial-carousel) can
 * be section-sized via the same panel — those blocks emit
 * <div class="wp-block-column gbp-class-wrap section-*"> as a passthrough.
 */

/* Desktop (≥1200px) — plugin's widest values */
:is(.wp-block-group, .wp-block-columns, .wp-block-column, .wp-block-cover, .wp-block-media-text, .gbp-class-wrap).section-default,
:is(.wp-block-group, .wp-block-columns, .wp-block-column, .wp-block-cover, .wp-block-media-text, .gbp-class-wrap).section-large {
    max-width: 1670px;
    margin-left: auto;
    margin-right: auto;
}

:is(.wp-block-group, .wp-block-columns, .wp-block-column, .wp-block-cover, .wp-block-media-text, .gbp-class-wrap).section-medium {
    max-width: 1380px;
    margin-left: auto;
    margin-right: auto;
}

:is(.wp-block-group, .wp-block-columns, .wp-block-column, .wp-block-cover, .wp-block-media-text, .gbp-class-wrap).section-narrow {
    max-width: 1088px;
    margin-left: auto;
    margin-right: auto;
}

:is(.wp-block-group, .wp-block-columns, .wp-block-column, .wp-block-cover, .wp-block-media-text, .gbp-class-wrap).section-small {
    max-width: 920px;
    margin-left: auto;
    margin-right: auto;
}

:is(.wp-block-group, .wp-block-columns, .wp-block-column, .wp-block-cover, .wp-block-media-text, .gbp-class-wrap).section-xs {
    max-width: 768px;
    margin-left: auto;
    margin-right: auto;
}

/* Tablet (≤1199px) */
@media screen and (max-width: 1199px) {
    :is(.wp-block-group, .wp-block-columns, .wp-block-column, .wp-block-cover, .wp-block-media-text, .gbp-class-wrap).section-default,
    :is(.wp-block-group, .wp-block-columns, .wp-block-column, .wp-block-cover, .wp-block-media-text, .gbp-class-wrap).section-large {
        max-width: 980px;
    }

    :is(.wp-block-group, .wp-block-columns, .wp-block-column, .wp-block-cover, .wp-block-media-text, .gbp-class-wrap).section-medium {
        max-width: 850px;
    }

    :is(.wp-block-group, .wp-block-columns, .wp-block-column, .wp-block-cover, .wp-block-media-text, .gbp-class-wrap).section-narrow {
        max-width: 800px;
    }

    :is(.wp-block-group, .wp-block-columns, .wp-block-column, .wp-block-cover, .wp-block-media-text, .gbp-class-wrap).section-small {
        max-width: 750px;
    }

    :is(.wp-block-group, .wp-block-columns, .wp-block-column, .wp-block-cover, .wp-block-media-text, .gbp-class-wrap).section-xs {
        max-width: 700px;
    }
}

/* Mobile (≤768px) */
@media screen and (max-width: 768px) {
    :is(.wp-block-group, .wp-block-columns, .wp-block-column, .wp-block-cover, .wp-block-media-text, .gbp-class-wrap).section-default,
    :is(.wp-block-group, .wp-block-columns, .wp-block-column, .wp-block-cover, .wp-block-media-text, .gbp-class-wrap).section-large {
        max-width: 768px;
    }

    :is(.wp-block-group, .wp-block-columns, .wp-block-column, .wp-block-cover, .wp-block-media-text, .gbp-class-wrap).section-medium,
    :is(.wp-block-group, .wp-block-columns, .wp-block-column, .wp-block-cover, .wp-block-media-text, .gbp-class-wrap).section-narrow {
        max-width: 712px;
    }

    :is(.wp-block-group, .wp-block-columns, .wp-block-column, .wp-block-cover, .wp-block-media-text, .gbp-class-wrap).section-small,
    :is(.wp-block-group, .wp-block-columns, .wp-block-column, .wp-block-cover, .wp-block-media-text, .gbp-class-wrap).section-xs {
        max-width: 600px;
    }
}

/* Small mobile (≤767px) — all collapse to a single width */
@media screen and (max-width: 767px) {
    :is(.wp-block-group, .wp-block-columns, .wp-block-column, .wp-block-cover, .wp-block-media-text, .gbp-class-wrap):is(.section-default, .section-large, .section-medium, .section-narrow, .section-small, .section-xs) {
        max-width: 425px;
    }
}

/*
 * Default horizontal padding for GBP-class wrappers added server-side by
 * the render_block filter in functions.php (gbp_wrap_block_with_gbp_classes).
 * When the wrapper carries a section-padding-* class, defer to that class
 * instead — the :not() selector switches the default off so the plugin's
 * section-padding values can take over without specificity wars.
 */
.gbp-class-wrap:not([class*="section-padding-"]) {
    padding-left: 25px;
    padding-right: 25px;
}