/* BOC 2026-07-27 — deltas shared by ALL migrated /<cc>/ pages (de/dk/es/ro), loaded after the merged
   ROOT theme modules by ig-includes/ig-boc-locale-css-overrides.php. Rules here restore behaviour that
   every pre-merge locale theme had but the root theme does not. */

/* redesign/boxes-slider.css — the root module sizes slides with a FIXED, non-shrinking basis
   (flex: 0 0 16.66%, first-child 33.32%), which only adds up to 100% for a 5-slide slider. Every
   pre-merge locale module instead used proportional growth, so the row always filled the wrapper.
   With the root rule, /de/ (6 slides) overflows by 105px and its last slide is clipped, while
   /dk/, /es/ and /ro/ (5 slides) fall 90px short of the wrapper. Restore proportional sizing. */
@media (min-width: 1024px) {
    .boxes-slider .swiper-slide,
    .boxes-slider .swiper-slide:first-child { flex: 1 1 auto; }
}
@media (min-width: 1100px) {
    .boxes-slider .swiper-slide:first-child { flex-grow: 4; max-width: none; }
}

/* BOC 2026-07-28 — 1x fallbacks for casino logos that the merged root critical CSS declares ONLY
   inside the retina media query (min-device-pixel-ratio: 2). On a normal 1x display no rule matches
   at all, so the logo is simply absent — e.g. ._casino.baumbet and ._casino.pokerstars-v2 on
   /ro/metode-de-plata/mastercard/ and /ro/recenzii/. Each rule below re-declares the same logo
   outside any media query, preferring the 1x asset where one exists at root. */
._casino.admiral { background-image: url(/style/casino/admiral.png); }
._casino.baumbet { background-image: url(/style/casino/baumbet.png); }
._casino.bingbong { background-image: url(/style/casino/bingbong.png); }
._casino.efbet { background-image: url(/style/casino/efbet.png); }
._casino.jackpotpiraten { background-image: url(/style/casino/jackpotpiraten.png); }
._casino.jokerstar { background-image: url(/style/casino/jokerstar.png); }
._casino.lord-lucky { background-image: url(/style/casino/lord-lucky.png); }
._casino.lowenplay { background-image: url(/style/casino/loewen-play@2x.png); }
._casino.magicjackpot { background-image: url(/style/casino/magicjackpot.png); }
._casino.maxbet-serbia { background-image: url(/style/casino/maxbet-serbia.png); }
._casino.maxbet-serbia-v2 { background-image: url(/style/casino/maxbet-serbia-v2.png); }
._casino.mobilebet { background-image: url(/style/casino/mobilebet.png); }
._casino.mrbit { background-image: url(/style/casino/mr-bit.png); }
._casino.playfina { background-image: url(/style/casino/playfina.png); }
._casino.playfina-v2 { background-image: url(/style/casino/playfina-v2.png); }
._casino.pokerstars-v2 { background-image: url(/style/casino/pokerstars-casino-v2.png); }
._casino.pribet-v2 { background-image: url(/style/casino/pribet-v2.png); }
._casino.slotv { background-image: url(/style/casino/slotv-casino.png); }
._casino.spinamba { background-image: url(/style/casino/spinamba.png); }
._casino.spinamba-v2 { background-image: url(/style/casino/spinamba-v2.png); }
._casino.superbet { background-image: url(/style/casino/superbet.png); }
._casino.superbet-v2 { background-image: url(/style/casino/superbet-v2.png); }
._casino.uniquecasino { background-image: url(/style/casino/uniquecasino.png); }
._casino.vlad { background-image: url(/style/casino/vlad-cazino.png); }
._casino.zodiac-bet { background-image: url(/style/casino/zodiac-bet.png); }

/* ==========================================================================
   BOC 2026-07-28 — _l casino logos whose ROOT file is a DIFFERENT image than the
   locale one under the same name (e.g. /style/logo/casino/karamba.png is the parrot
   mark, 11198 b, while /dk/.../karamba.png is the 3581 b wordmark — root's rule also
   crops it to max-width 118px, so /dk/anmeldelser/karamba/ showed a clipped parrot).
   The locale image is copied into ROOT under /style/logo-<cc>/ and the locale rule is
   restored verbatim, scoped by the boc-<cc> body class. Root/UK is untouched.
   ========================================================================== */

body.boc-de ._l.cb.allslots>span,
body.boc-de ._l.cb.allslots:before,
body.boc-de ._l.cb.allslots:after { background-image: url(/style/logo-de/allslots.png); max-width: 174px }
body.boc-de ._l.cb.betsson>span,
body.boc-de ._l.cb.betsson:before,
body.boc-de ._l.cb.betsson:after { background-image: url(/style/logo-de/betsson.png); max-width: 256px }
body.boc-de ._l.cb.betway>span,
body.boc-de ._l.cb.betway:before,
body.boc-de ._l.cb.betway:after { background-image: url(/style/logo-de/betway.png); max-width: 155px }
body.boc-de ._l.cb.cherry>span,
body.boc-de ._l.cb.cherry:before,
body.boc-de ._l.cb.cherry:after { background-image: url(/style/logo-de/cherry.png); max-width: 171px }
body.boc-de ._l.cb.eg>span,
body.boc-de ._l.cb.eg:before,
body.boc-de ._l.cb.eg:after { background-image: url(/style/logo-de/eg.png); max-width: 182px }
body.boc-de ._l.cb.eight>span,
body.boc-de ._l.cb.eigth:before,
body.boc-de ._l.cb.eigth:after { background-image: url(/style/logo-de/888.png); max-width: 100px }
body.boc-de ._l.cb.jpc>span,
body.boc-de ._l.cb.jpc:before,
body.boc-de ._l.cb.jpc:after { background-image: url(/style/logo-de/jpc.png); max-width: 163px }
body.boc-de ._l.cb.karamba>span,
body.boc-de ._l.cb.karamba:before,
body.boc-de ._l.cb.karamba:after { background-image: url(/style/logo-de/karamba.png); max-width: 150px }
body.boc-de ._l.cb.lad>span,
body.boc-de ._l.cb.lad:before,
body.boc-de ._l.cb.lad:after { background-image: url(/style/logo-de/lad.png); max-width: 200px }
body.boc-de ._l.cb.lucky-days>span,
body.boc-de ._l.cb.lucky-days:before,
body.boc-de ._l.cb.lucky-days:after { background-image: url(/style/logo-de/lucky-days.png); max-width: 133px }
body.boc-de ._l.cb.ovo>span,
body.boc-de ._l.cb.ovo:before,
body.boc-de ._l.cb.ovo:after { background-image: url(/style/logo-de/ovo.png); max-width: 257px }
body.boc-de ._l.cb.scasino>span,
body.boc-de ._l.cb.scasino:before,
body.boc-de ._l.cb.scasino:after { background-image: url(/style/logo-de/scasino.png); max-width: 173px }
body.boc-de ._l.cb.wh>span,
body.boc-de ._l.cb.wh:before,
body.boc-de ._l.cb.wh:after { background-image: url(/style/logo-de/wh.png); max-width: 201px }
body.boc-de ._l.cb.winner>span,
body.boc-de ._l.cb.winner:before,
body.boc-de ._l.cb.winner:after { background-image: url(/style/logo-de/winner.png); max-width: 209px }
body.boc-de ._l.gb.backgammon>span,
body.boc-de ._l.gb.backgammon:before,
body.boc-de ._l.gb.backgammon:after { background-image: url(/style/logo-de/backgammon.png) }
body.boc-de ._l.gb.bingo>span,
body.boc-de ._l.gb.bingo:before,
body.boc-de ._l.gb.bingo:after { background-image: url(/style/logo-de/bingo.png) }
body.boc-de ._l.gb.book-of-ra-deluxe>span,
body.boc-de ._l.gb.book-of-ra-deluxe:before,
body.boc-de ._l.gb.book-of-ra-deluxe:after { background-image: url(/style/logo-de/book-of-ra-deluxe.png) }
body.boc-de ._l.gb.romme>span,
body.boc-de ._l.gb.romme:before,
body.boc-de ._l.gb.romme:after { background-image: url(/style/logo-de/romme.png) }
body.boc-de ._l.softb.evo>span,
body.boc-de ._l.softb.evo:before,
body.boc-de ._l.softb.evo:after { width: 151px; height: 52px; background-image: url(/style/logo-de/evolution.png) }
body.boc-dk ._l.cb.karamba>span,
body.boc-dk ._l.cb.karamba:before,
body.boc-dk ._l.cb.karamba:after { background-image: url(/style/logo-dk/karamba.png); max-width: 150px }
body.boc-dk ._l.cb.leo>span,
body.boc-dk ._l.cb.leo:before,
body.boc-dk ._l.cb.leo:after { background-image: url(/style/logo-dk/leovegas.png); max-width: 220px }
body.boc-dk ._l.cb.unibet>span,
body.boc-dk ._l.cb.unibet:before,
body.boc-dk ._l.cb.unibet:after { background-image: url(/style/logo-dk/unibet.png); max-width: 200px }
body.boc-dk .geopopup .geopopup-offer-logo._l.first:before { background: linear-gradient(135deg, #2b81b7 10%, #2b81b7 8%, #2b81b7 8%, rgba(255, 255, 255, 0) 8%, rgba(255, 255, 255, 0) 100%); max-width: none; }
body.boc-dk .geopopup .geopopup-offer-logo._l.first:hover:before { background: linear-gradient(135deg, #53b5f3 10%, #53b5f3 8%, #53b5f3 8%, rgba(255, 255, 255, 0) 8%, rgba(255, 255, 255, 0) 100%); }
body.boc-dk .geopopup .geopopup-offer-logo._l.first>span { background-image: none; }
body.boc-es ._l.gb.bingo>span,
body.boc-es ._l.gb.bingo:before,
body.boc-es ._l.gb.bingo:after { background-image: url(/style/logo-es/bingo.png) }
body.boc-es ._l.gb.scratch>span,
body.boc-es ._l.gb.scratch:before,
body.boc-es ._l.gb.scratch:after { background-image: url(/style/logo-es/rasca-y-gana.png) }
body.boc-ro ._l.cb.circus>span,
body.boc-ro ._l.cb.circus:before,
body.boc-ro ._l.cb.circus:after { background-image: url(/style/logo-ro/circus.png); max-width: 180px }
body.boc-ro ._l.cb.elite>span,
body.boc-ro ._l.cb.elite:before,
body.boc-ro ._l.cb.elite:after { background-image: url(/style/logo-ro/eliteslots.png); width: 150px; }
body.boc-ro ._l.cb.million>span,
body.boc-ro ._l.cb.million:before,
body.boc-ro ._l.cb.million:after { background-image: url(/style/logo-ro/million-casino-ro.png); width: 150px; }
body.boc-ro ._l.cb.mr-bit>span,
body.boc-ro ._l.cb.mr-bit:before,
body.boc-ro ._l.cb.mr-bit:after { background-image: url(/style/logo-ro/mr-bit.png); width: 150px;text-indent:0; }
body.boc-ro ._l.gb.bingo>span,
body.boc-ro ._l.gb.bingo:before,
body.boc-ro ._l.gb.bingo:after { background-image: url(/style/logo-ro/bingo.png) }

/* ==========================================================================
   BOC 2026-07-28 — .blt._2.authorlinks styling for the [author_linkslist] output.
   Root's modules/default/blt.css already contains these rules verbatim, but the DK
   author pages are assigned stylesheets that do not include blt.css at all
   (/dk/om-os/michael-holm/ -> main "style-sensepublishers-com-default", atf
   "atf-ro-usab-ro-default"), so the list rendered as a bare browser <ul>. Those
   stylesheet posts are SHARED with other pages, so adding a module to them would
   affect unrelated pages — the rules are carried here instead. Copied verbatim from
   root blt.css; the wrong-stylesheet assignment itself is logged as a separate issue.
   ========================================================================== */
ul.blt._2.authorlinks { list-style: none; font: normal 12px/14px Arial, sans-serif; color: #7a7a7a; padding: 0; margin: 0; border: 1px solid #dfdfdf; background: #fcfdfd; width: 100% }
ul.blt._2.authorlinks:first-child { margin-top: 0 }
ul.blt._2.authorlinks li { padding: 0 25px; text-indent: 0 }
ul.blt._2.authorlinks li:before { display: none }
ul.blt._2.authorlinks li.title { padding: 7px 25px; margin-bottom: 20px; background: #dfebee; color: #144078; font: bold 16px/16px 'roboto slab', sans-serif }
ul.blt._2.authorlinks li.subtitle { padding: 4px 25px 14px; font: 600 14px/14px 'roboto slab', sans-serif; margin-top: 10px }
ul.blt._2.authorlinks a { color: #23a0c9; display: block; padding: 4px 0 4px 20px; text-indent: -21px }
ul.blt._2.authorlinks a:before { content: ""; display: inline-block; width: 6px; height: 6px; margin: -1px 15px 0 0; vertical-align: middle; background: #535353; border-radius: 3px }
ul.blt._2.authorlinks a:hover { text-decoration: none }
ul.blt._2.authorlinks:after { content: ""; height: 20px; display: block; background: white; margin: 20px -1px -1px; border-top: 1px solid #ddd }
ul.blt._2.authorlinks .children li { padding-left: 0; text-indent: 0 }

ul.blt._2.authorlinks ul { list-style: none; }  /* nested .children lists showed a browser marker on top of the a:before bullet */
