/**
 * Block context overrides
 *
 * The hub stylesheet (pley-major-hub.css) is designed for the
 * [pley_major_hub] shortcode's specific container layout — section
 * children use negative margins (-22px) to extend to the section's
 * edges. When a section is dropped inside an arbitrary post column,
 * those bleed-outs overflow the post width.
 *
 * These rules scope each block so it stays within its parent column
 * width without giving up the visual feel of the major hub section.
 */

.pley-block-upcoming-matches.pley-major-hub {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    margin: 0 0 24px;
}

.pley-block-upcoming-matches .pley-hub-section {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 18px 20px;
}

/* Cancel the major-hub-overview's reach-out behaviour for headers and
   match rows when inside a block. Children align to the section edge
   without poking past it. */
.pley-block-upcoming-matches .pley-matches-day-header,
.pley-block-upcoming-matches .pley-hub-result-row,
.pley-block-upcoming-matches .pley-section-header {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
}

/* Re-add a small inset for separators on row edges so they read as
   distinct rows without looking flush with the card border. */
.pley-block-upcoming-matches .pley-hub-result-row {
    padding: 10px 0;
}