/* Fix for Best New Casino Bonuses section centering issue */
/* The problem: .wp-block-cover.alignfull extends full-width while other content is centered */
/* Solution: Constrain the cover block content to match .space-page-content layout */

/* Override alignfull behavior for this specific cover block */
.wp-block-cover.alignfull .wp-block-cover__inner-container {
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    box-sizing: border-box !important;
}

/* Fix the alignright image */
.wp-block-cover__inner-container .wp-block-image.alignright {
    float: none !important;
    margin: 0 auto !important;
    text-align: center !important;
    padding: 0 !important;
}

.wp-block-cover__inner-container .wp-block-image.alignright figure {
    margin: 0 auto !important;
    float: none !important;
}

/* Ensure the heading and content are centered */
.wp-block-cover__inner-container .has-text-align-center {
    text-align: center !important;
}

/* Ensure paragraphs within the cover block are centered */
.wp-block-cover__inner-container > p {
    text-align: center !important;
    max-width: 100% !important;
}

/* Remove any extra padding from shortcode wrapper since parent already has padding */
.wp-block-cover__inner-container .space-shortcode-wrap {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.wp-block-cover__inner-container .space-shortcode-wrap-ins {
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ensure the bonus cards container displays as flex and fits 4 cards in one row */
.wp-block-cover__inner-container .space-offers-archive-items {
    display: flex !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    margin: 0 !important;
    width: 100% !important;
}

/* Fix the card width to ensure 4 cards fit in one row */
/* Each card is box-25 (25% width), but we need to account for margins */
.wp-block-cover__inner-container .space-offers-archive-item.box-25 {
    width: calc(25% - 30px) !important;
    margin: 0 15px 30px !important;
    flex-shrink: 0 !important;
}

/* Center the More Bonuses button */
.wp-block-cover__inner-container .wp-block-columns {
    width: 100% !important;
    margin: 0 !important;
}

/* Responsive: On smaller screens, allow wrapping */
@media (max-width: 1024px) {
    .wp-block-cover__inner-container .space-offers-archive-item.box-25 {
        width: calc(50% - 30px) !important;
    }
}

@media (max-width: 768px) {
    .wp-block-cover__inner-container .space-offers-archive-item.box-25 {
        width: calc(100% - 30px) !important;
    }
}