/* Common Block Styles */
.pronto-block {
    position: relative;
}

/* Alignment Styles */
.pronto-block.alignwide {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.pronto-block.alignfull {
    max-width: 100%;
    width: 100%;
}

.pronto-block.alignleft {
    float: left;
    margin-right: 20px;
}

.pronto-block.alignright {
    float: right;
    margin-left: 20px;
}

.pronto-block.aligncenter {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

/*
 * Responsive section padding, shared by every Pronto Blocks block.
 *
 * Each block's template.php sets --prontoblocks-padding-{top,bottom} (and
 * the optional -tablet/-mobile tiers) inline from that block's Padding
 * fields (see prontoblocks_padding_fields() in includes/helpers.php).
 * Variable names are intentionally NOT block-prefixed - the inline `style`
 * attribute already scopes them to that element instance, so one shared
 * rule here covers every block instead of each block's own style.css
 * repeating the same two media queries.
 *
 * Tablet/mobile are optional overrides: leaving a tier blank falls through
 * to the next size up via nested var() defaults, so e.g. an unset Mobile
 * value inherits Tablet, and an unset Tablet value inherits Desktop.
 * Breakpoints match the theme's md (768px) / lg (1024px) scale.
 */
.wp-block-prontoblocks-section {
    padding-top: var(--prontoblocks-padding-top, 0);
    padding-bottom: var(--prontoblocks-padding-bottom, 0);
}

@media (max-width: 1023px) {
    .wp-block-prontoblocks-section {
        padding-top: var(--prontoblocks-padding-top-tablet, var(--prontoblocks-padding-top, 0));
        padding-bottom: var(--prontoblocks-padding-bottom-tablet, var(--prontoblocks-padding-bottom, 0));
    }
}

@media (max-width: 767px) {
    .wp-block-prontoblocks-section {
        padding-top: var(--prontoblocks-padding-top-mobile, var(--prontoblocks-padding-top-tablet, var(--prontoblocks-padding-top, 0)));
        padding-bottom: var(--prontoblocks-padding-bottom-mobile, var(--prontoblocks-padding-bottom-tablet, var(--prontoblocks-padding-bottom, 0)));
    }
}