/**
 * Grid Layout for Casino, Bonus, Games blocks
 * Simple 15px margin on all sides
 */

/* Grid Container */
.cbu-casino-grid,
.cbu-bonus-card,
.cbu-games-grid {
    width: 100% !important;
    max-width: 320px !important;
    display: inline-block !important;
    vertical-align: top !important;
    margin: 15px !important;
    box-sizing: border-box !important;
}

/* Parent container styling - centers the grid ONLY for CBU blocks */
.entry-content > .cbu-casino-grid,
.entry-content > .cbu-bonus-card,
.entry-content > .cbu-games-grid,
.post-content > .cbu-casino-grid,
.post-content > .cbu-bonus-card,
.post-content > .cbu-games-grid,
main > .cbu-casino-grid,
main > .cbu-bonus-card,
main > .cbu-games-grid {
    /* Blocks are centered via display: inline-block */
}

/* Reset text alignment for block content */
.cbu-casino-grid *,
.cbu-bonus-card *,
.cbu-games-grid * {
    text-align: left;
}

/* Tablet - slightly bigger cards */
@media (max-width: 1024px) {
    .cbu-casino-grid,
    .cbu-bonus-card,
    .cbu-games-grid {
        max-width: 350px !important;
    }
}

/* Mobile - full width */
@media (max-width: 768px) {
    .cbu-casino-grid,
    .cbu-bonus-card,
    .cbu-games-grid {
        max-width: 100% !important;
        display: block !important;
        margin: 15px auto !important;
    }
}