/*
 * Boreal skin for juegos-banners brand surfaces.
 * Overrides the plugin's amber/orange accents with the theme palette
 * (--red #D80621), Manrope font, and fits the block to the content column.
 * Loaded LAST (depends on je-brand-card + je-brand-formats) so it wins.
 */

/* ---- Font ---- */
.je-brand-slot, .je-brand-table, .je-hero-card, .je-end-cta,
.je-intent-offer, .je-brand-card, .je-sticky-mobile {
    font-family: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
}

/* ---- Width: match the boreal content column in EVERY context ----
 * Boreal container = max 1200px with 24px side padding => content width 1152px.
 * Capping to 1152 + auto margins lines the block up with the theme content edge
 * both inside .brl-container (guide/review) and on full-width parents (home). */
.je-brand-slot,
.je-brand-table {
    max-width: 1152px !important;
    width: 100%;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box;
}
.je-brand-table { margin-top: 1.5rem; margin-bottom: 1.5rem; }
.je-brand-table__desktop { overflow-x: auto; }
.je-brand-table__tbl { width: 100%; }

/* ---- CTA buttons -> Boreal red ---- */
.je-brand-table__cta, .je-hero-card__cta, .je-end-cta__cta, .je-intent-offer__cta,
.je-sticky-mobile__cta, .je-brand-card__cta,
.je-brand-card__cta--orange, .je-brand-card__cta--red,
.je-brand-card__cta--green, .je-brand-card__cta--blue {
    background: #D80621 !important;
    background-image: none !important;
    color: #fff !important;
    border-radius: 8px !important;
    font-weight: 700;
}
.je-brand-table__cta:hover, .je-hero-card__cta:hover, .je-end-cta__cta:hover,
.je-brand-card__cta:hover, .je-intent-offer__cta:hover {
    background: #B00519 !important;
}

/* ---- Badges / #1 pill -> red ---- */
.je-brand-table__badge, .je-brand-card__badge, .je-hero-card__badge,
.je-end-cta__badge, .je-intent-offer__eyebrow {
    background: #D80621 !important;
    background-image: none !important;
    color: #fff !important;
}

/* ---- #1 row wash + stars -> theme tints ---- */
.je-brand-table__row--top { background: #FCEBED !important; }
.je-brand-table__stars, .je-rating-star--full, .je-brand-card__rating { color: #D80621 !important; }

/* ---- Hide empty columns (no license / no rating data yet) ---- */
/* header cells */
.je-brand-table__col-license, .je-brand-table__col-rating { display: none; }
/* body cells: # (1) Casino (2) Licence (3) Bonus (4) Rating (5) CTA (6) */
.je-brand-table__tbl tbody td:nth-child(3),
.je-brand-table__tbl tbody td:nth-child(5) { display: none; }