/* ig-events — the few bits the event galleries add on top of the existing card modules.
   The galleries render one of four wrappers, all carrying .ig-events-gallery except the
   table, which carries .ig-events-table:

     .info-boxes-dates-v2  special, framed (heading + Demnächst/Aktuell buttons)
     .info-boxes-dates     special scoped to one casino — same cards, no frame
     .info-boxes-v2        recurring — no frame, no dates
     .table-stats-v3       poker across several casinos — casino / Turniertag / Buy-in ab

   Anything that changes an existing element's layout is scoped to that marker. The site
   already has hand-written .info-boxes-v2, .info-boxes-dates and .table-stats-v3 blocks
   and they must keep rendering exactly as they do now. */

/* Casino badge — sits between the date bubble and the title. Hidden by the shortcode
   itself on a narrowed gallery, or with badge="no". */
.sbox-badge { display: table; margin: 0 0 10px; padding: 3px 12px; background: #ffffff; border: 1px solid #dfe9e0; border-radius: 30px; font-family: 'Raleway', sans-serif; font-size: 12px; line-height: 1.4; font-weight: 700; color: #2a8c4b; }
.sbox-badge a { color: inherit; text-decoration: none; }
.sbox-badge a:hover, .sbox-badge a:focus { color: #0a6e2c; text-decoration: underline; }
/* Centred on both date elements, which centre their date and title; left on the
   recurring cards, which do not. */
.info-boxes-dates-v2 .sbox-badge, .info-boxes-dates .sbox-badge { margin-left: auto; margin-right: auto; }

/* .info-boxes-v2 has no category pill of its own — the recurring cards introduce one,
   and it is pinned to the card foot so the pills line up across a row of mixed heights,
   exactly as the two date elements already do it.

   That needs the card to be a flex column, and box-sizing with it: .info-boxes-v2 .sbox
   already carries height:100%, and without border-box the card's padding and borders are
   added on top of the row height (see the note in info-boxes-dates-v2.css). Both are
   scoped to .ig-events-gallery so no existing .info-boxes-v2 block is reflowed. */
.info-boxes-v2.ig-events-gallery .sbox { box-sizing: border-box; display: flex; flex-direction: column; }
.info-boxes-v2.ig-events-gallery .sbox-tags { margin-top: auto; }
.info-boxes-v2 .sbox-tags { padding-top: 14px; }
.info-boxes-v2 .sbox-tag { display: inline-block; padding: 4px 11px; background: #f4f7f4; border: 1px solid #dfe9e0; border-radius: 30px; font-family: 'Raleway', sans-serif; font-size: 11px; line-height: 1.45; font-weight: 700; letter-spacing: 0.3px; color: #4f6b55; }

/* Same height:100% trap on the unframed date element. It already flexes and pins its
   pill, so border-box is all it is missing. */
.info-boxes-dates.ig-events-gallery .sbox { box-sizing: border-box; }

/* show= on the poker table hides the rows past the count, the same way
   info-boxes-shown.css hides the boxes past it on a gallery. Two class names deep so it
   beats .table-stats-v3 tr, which is what turns a row into the flex card and would
   otherwise keep a hidden row on screen. */
.ig-events-table tr.hidden { display: none; }

/* The toggle .ib-total injects is styled by info-boxes-shown.css, but its spacing is
   set for a card grid standing on the page. Here it sits inside the tinted tray, under
   a row that already carries its own bottom margin, so the gap is tightened to keep the
   button from floating in the middle of the padding. */
.ig-events-table .ib-total { margin: 0; padding: 12px 0 6px; }

/* Shown instead of an empty special gallery. */
.ig-events-empty { clear: both; margin: 25px 0 35px; padding: 22px 20px; background: #f7f9f7; border: 1px dashed #dfe9e0; border-radius: 12px; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 1.5; color: #595959; text-align: center; }