/* LuckyDays Casino Quebec — light teal theme (replaces template theme) */
:root{
  --page:#ffffff;
  --soft:#eef5f6;
  --panel:#ffffff;
  --edge:#cfe3e6;
  --edge-s:#dcebed;
  --ink:#0c2e33;
  --muted:#4f6d72;
  --brand:#00515d;
  --brand2:#003a44;
  --cta:#03829a;
  --cta-d:#02697e;
  --accent:#03829a;
}
html,body{background:#ffffff!important;color:#0c2e33!important}
main,.header,.footer,.section,.luk-games,.luk-faq,.luk-signin{
  background:#ffffff!important;background-image:none!important;
}
/* alternating soft sections */
.luk-band,.luk-voices{
  background:#eef5f6!important;background-image:none!important;border-color:#dcebed!important;
}
/* HERO = dark teal band, white text */
.luk-stage{
  background:linear-gradient(135deg,#00515d 0%,#003a44 100%)!important;
  background-image:linear-gradient(135deg,#00515d 0%,#003a44 100%)!important;
  border-bottom:1px solid #d7e7e9!important;color:#ffffff!important;
}
.luk-stage h1,.luk-stage-copy>p,.luk-stage-copy small{color:#ffffff!important}
.luk-stage .luk-eyebrow{color:#7fd8e4!important}
.luk-stage-side{background:transparent!important;background-image:none!important}
/* light content panels/cards */
.luk-deal,.luk-deal-art,.luk-merit,.reviews-grid>article,.luk-faq details,.luk-signin-panel,
.luk-post .form,.luk-tile>a,.luk-tile img,.luk-gcard,.luk-facts table,.luk-facts td,.luk-facts th{
  background:#ffffff!important;background-image:none!important;border-color:#cfe3e6!important;
}
.luk-deal,.luk-merit,.reviews-grid>article,.luk-faq details,.luk-signin-panel,.luk-gcard,.luk-tile>a{
  box-shadow:0 6px 20px rgba(0,60,68,.06)!important;
}
/* headings + body text dark */
body,.section h2,.section h3,.luk-post h1,.luk-post h2,.luk-post h3,.luk-faq summary,
.luk-signin-copy,.luk-signin-panel h2,.form label,.luk-signin-form label,
.luk-tile-name,.luk-pay-name,.luk-voice-head h3,.luk-longform-head h2,.luk-longform-body h2{
  color:#0c2e33!important;
}
.luk-lead,.luk-intro,.luk-longform-lead,.luk-longform-body p,.luk-deal-copy p,.luk-merit p,
.reviews-grid>article>p,.luk-faq details p,.luk-signin-copy p,.luk-signin-panel p,.luk-post p,.luk-center-head p{
  color:#4f6d72!important;
}
.luk-eyebrow,.luk-deal-copy>span,.luk-btag,.luk-head>a,.luk-longform-body h3,
.reviews-grid strong,.luk-tile-name{
  color:#03829a!important;
}
.luk-facts th[scope=row]{color:#00515d!important}
/* header */
.header{background:#ffffff!important;border-color:#dcebed!important;box-shadow:0 1px 0 #eef2f2}
.header .nav.open{background:#ffffff!important}
.nav a{color:#0c2e33!important}
.nav a:hover{color:#03829a!important}
.brand img{width:auto!important;height:34px!important;object-fit:contain}
.footer .brand img{width:auto!important;height:30px!important}
/* primary / play buttons = teal, white text */
.header .actions .play-btn,.primary-btn,.luk-deal-copy .primary-btn,.luk-bcontent .btn,
.luk-games-foot .primary-btn,.luk-games-foot .btn,.luk-signin-form .primary-btn,.form>.btn,
.luk-cats li:first-child,.luk-cats li:hover,.review-dot.active,.luk-social a{
  background:#03829a!important;background-image:none!important;border-color:#03829a!important;
  color:#ffffff!important;filter:none!important;box-shadow:none!important;
}
.header .actions .play-btn:hover,.primary-btn:hover,.luk-deal-copy .primary-btn:hover,
.form>.btn:hover,.primary-btn:focus-visible,.header .actions .play-btn:focus-visible{
  background:#02697e!important;border-color:#02697e!important;color:#ffffff!important;
}
:focus-visible{outline:2px solid #03829a!important;outline-offset:2px}
/* secondary / sign-in = white with teal border */
.header .actions .luk-signin-btn,.secondary-btn,.menu.btn.alt,.luk-cats li{
  background:#ffffff!important;background-image:none!important;border-color:#9fd0d8!important;color:#03829a!important;
}
.lang{width:60px;height:38px!important;padding:0 8px!important;background:#ffffff!important;border:1px solid #9fd0d8!important;color:#0c2e33!important;box-shadow:none!important}
/* fleur / province */
.luk-prov-badge{filter:none!important}
/* studio tiles = dark teal so white logos + names read clearly; payment tiles stay white */
.luk-studios li{background:#00515d!important;border:1px solid #013a44!important;box-shadow:0 6px 18px rgba(0,60,68,.16)!important}
.luk-pays li{background:#ffffff!important;border:1px solid #c3dbdf!important;box-shadow:0 5px 16px rgba(0,60,68,.07)!important}
.luk-studios li{flex-direction:column;gap:10px;text-align:center}
.luk-studios li span{display:block;width:100%;color:#ffffff!important;font-weight:800!important;font-size:.95rem;line-height:1.25}
.luk-pays li span,.luk-pay-name{color:#0c2e33!important}
.footer .luk-pays li span,.footer .luk-pay-name{color:#cfe3e6!important}
.luk-studios img,.luk-pays img,.luk-merit img{filter:none!important}
.luk-tile>a,.luk-gcard{border-color:#cfe3e6!important}
.luk-tile-play{background:#03829a!important;color:#ffffff!important}
.luk-voices-arrow,.review-dot{border-color:#03829a!important;color:#03829a!important;background:#ffffff!important}
.luk-voice-head .luk-avatar{background:#00515d!important;color:#ffffff!important}
.luk-faqgrid{align-items:start}
.luk-faq details{align-self:start}
.luk-geo iframe{border:1px solid #cfe3e6!important;background:#eef5f6!important}
/* facts table */
.luk-facts table{width:100%;border-collapse:collapse;background:#ffffff;color:#0c2e33}
.luk-facts caption{padding:12px;color:#0c2e33;font-weight:800;text-align:left}
.luk-facts th,.luk-facts td{padding:10px 12px;border:1px solid #cfe3e6;text-align:left;vertical-align:top}
/* registration figure */
.luk-figure{margin:22px 0;border:1px solid #cfe3e6;border-radius:12px;overflow:hidden;background:#ffffff;box-shadow:0 6px 20px rgba(0,60,68,.06)}
.luk-figure img{display:block;width:100%;height:auto}
.luk-figure figcaption{padding:10px 14px;color:#4f6d72;font-size:.9rem}
.luk-signin-copy h1{font-size:clamp(1.85rem,3.2vw,2.9rem)!important;line-height:1.12!important;letter-spacing:-.025em!important;color:#0c2e33!important}
.luk-links{margin-top:34px}
.luk-links a,.luk-post a{color:#03829a}
.luk-post a:hover,.luk-links a:hover{color:#02697e}
/* FOOTER = dark teal, white text, white logo */
.footer,.footer.footer-home{background:#00515d!important;background-image:none!important;color:#ffffff!important}
.footer h2,.footer .luk-eyebrow{color:#ffffff!important}
.footer .luk-eyebrow{color:#7fd8e4!important}
.footer p,.luk-foot-bottom,.footer .luk-pay-name{color:#cfe3e6!important}
.footer strong,.footer b{color:#ffffff!important}
.footer a{color:#bfe6ec!important}
.footer a:hover{color:#ffffff!important}
.luk-paystrip{padding-bottom:52px;background:transparent!important;border-top:0!important;border-bottom:1px solid rgba(255,255,255,.16)!important}
.luk-paystrip + .luk-foot-grid{margin-top:52px}
.footer-home{padding-top:0!important;border-top:0!important}
.footer-home>.luk-paystrip{border-top:0!important}
.luk-paystrip h2{color:#ffffff}
.footer .luk-pays li{background:#013d47!important;border-color:rgba(255,255,255,.14)!important}
.footer .luk-pays img{filter:none!important}
.luk-foot-bottom{border-top:1px solid rgba(255,255,255,.16)}
.app-page .luk-topact{display:flex;flex-wrap:wrap;gap:12px}
/* badges */
.luk-badges{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:22px}
.luk-badges>a{display:inline-flex;align-items:center;justify-content:center;width:112px;margin:0;background:transparent!important;border:0!important}
.luk-badges img{display:block;object-fit:contain;background:transparent!important}
.luk-social a{display:inline-flex!important;align-items:center;justify-content:center;width:42px;height:42px;margin:8px 8px 0 0!important;border-radius:8px}
.luk-social img{width:20px;height:20px}
@media(max-width:700px){
  .brand img{height:30px!important;width:auto!important}
  .footer .brand img{height:28px!important;width:auto!important}
}
@media(max-width:560px){
  .luk-signin-copy h1{font-size:clamp(1.7rem,8vw,2.25rem)!important}
  .header .lang{display:block!important;width:54px;height:36px!important}
  .header .actions{gap:6px}
  .header .actions .play-btn{padding:0 10px!important}
}

/* Header robustness — long French labels must never push the buttons onto a second line */
.header .row{flex-wrap:nowrap!important}
.header .actions{flex:0 0 auto!important;flex-wrap:nowrap!important}
.header .nav{flex-wrap:nowrap!important}
.nav a{white-space:nowrap}
.header .actions .btn{white-space:nowrap!important}
/* Collapse the centred nav into the hamburger a bit earlier so French never crowds the row */
@media(max-width:1200px){
  .header .nav:not(.open){display:none!important}
  .header .menu{display:inline-flex!important;margin-left:auto}
}

/* Hero CTA — keep both buttons on one row on desktop (French labels run longer) */
@media(min-width:701px){
  .luk-stage-cta{flex-wrap:nowrap!important}
  .luk-stage-cta .btn{white-space:nowrap!important;padding:0 18px!important}
}