/* Quatro Casino Quebec — dark navy theme, green CTA (replaces template theme) */
:root{
  --page:#0b1322;
  --soft:#101a2f;
  --panel:#16203a;
  --edge:#2b3c5e;
  --edge-s:#22304c;
  --ink:#eef2f8;
  --muted:#a7b4cd;
  --brand:#112f84;
  --brand2:#254397;
  --blue:#6f8ff2;
  --cta:#609334;
  --cta-d:#52802c;
}
html,body{background:#0b1322!important;color:#eef2f8!important}
main,.header,.footer,.section,.qtr-games,.qtr-faq,.qtr-signin{
  background:#0b1322!important;background-image:none!important;
}
/* alternating deeper sections */
.qtr-band,.qtr-voices{
  background:#101a2f!important;background-image:none!important;border-color:#22304c!important;
}
/* HERO = navy-blue gradient, white text */
.qtr-stage{
  background:linear-gradient(135deg,#112f84 0%,#0d1b4d 60%,#16215c 100%)!important;
  background-image:linear-gradient(135deg,#112f84 0%,#0d1b4d 60%,#16215c 100%)!important;
  border-bottom:1px solid #24356a!important;color:#ffffff!important;
}
.qtr-stage h1,.qtr-stage-copy>p,.qtr-stage-copy small{color:#ffffff!important}
.qtr-stage .qtr-eyebrow{color:#a9c14e!important}
.qtr-stage-side{background:transparent!important;background-image:none!important}
/* dark content panels/cards */
.qtr-deal,.qtr-deal-art,.qtr-merit,.reviews-grid>article,.qtr-faq details,.qtr-signin-panel,
.qtr-post .form,.qtr-tile>a,.qtr-tile img,.qtr-gcard,.qtr-facts table,.qtr-facts td,.qtr-facts th{
  background:#16203a!important;background-image:none!important;border-color:#2b3c5e!important;
}
.qtr-deal,.qtr-merit,.reviews-grid>article,.qtr-faq details,.qtr-signin-panel,.qtr-gcard,.qtr-tile>a{
  box-shadow:0 10px 26px rgba(0,0,0,.34)!important;
}
/* headings + body text light */
body,.section h2,.section h3,.qtr-post h1,.qtr-post h2,.qtr-post h3,.qtr-faq summary,
.qtr-signin-copy,.qtr-signin-panel h2,.form label,.qtr-signin-form label,
.qtr-tile-name,.qtr-voice-head h3,.qtr-longform-head h2,.qtr-longform-body h2{
  color:#eef2f8!important;
}
.qtr-lead,.qtr-intro,.qtr-longform-lead,.qtr-longform-body p,.qtr-deal-copy p,.qtr-merit p,
.reviews-grid>article>p,.qtr-faq details p,.qtr-signin-copy p,.qtr-signin-panel p,.qtr-post p,.qtr-center-head p{
  color:#a7b4cd!important;
}
/* navy-blue accent for eyebrows, links, sub-headings, tile names */
.qtr-eyebrow,.qtr-deal-copy>span,.qtr-btag,.qtr-head>a,.qtr-longform-body h3,
.reviews-grid strong,.qtr-tile-name,.qtr-pay-name{
  color:#6f8ff2!important;
}
.qtr-facts th[scope=row]{color:#8aa6ff!important}
/* header */
.header{background:#0a1120!important;border-color:#22304c!important;box-shadow:0 1px 0 #16213b}
.header .nav.open{background:#0a1120!important}
.nav a{color:#dfe6f4!important}
.nav a:hover{color:#a9c14e!important}
.brand img{width:auto!important;height:48px!important;object-fit:contain}
.footer .brand img{width:auto!important;height:42px!important}
/* primary / play buttons = green, white text */
.header .actions .play-btn,.primary-btn,.qtr-deal-copy .primary-btn,.qtr-bcontent .btn,
.qtr-games-foot .primary-btn,.qtr-games-foot .btn,.qtr-signin-form .primary-btn,.form>.btn,
.qtr-cats li:first-child,.qtr-cats li:hover,.review-dot.active,.qtr-social a{
  background:#609334!important;background-image:none!important;border-color:#609334!important;
  color:#ffffff!important;filter:none!important;box-shadow:none!important;
}
.header .actions .play-btn:hover,.primary-btn:hover,.qtr-deal-copy .primary-btn:hover,
.form>.btn:hover,.primary-btn:focus-visible,.header .actions .play-btn:focus-visible{
  background:#52802c!important;border-color:#52802c!important;color:#ffffff!important;
}
:focus-visible{outline:2px solid #609334!important;outline-offset:2px}
/* secondary / sign-in = dark with navy border */
.header .actions .qtr-signin-btn,.secondary-btn,.menu.btn.alt,.qtr-cats li{
  background:#16203a!important;background-image:none!important;border-color:#3a4d78!important;color:#cdd8f2!important;
}
.lang{width:60px;height:38px!important;padding:0 8px!important;background:#16203a!important;border:1px solid #3a4d78!important;color:#eef2f8!important;box-shadow:none!important}
/* fleur / province */
.qtr-prov-badge{filter:none!important}
/* studios + payments tiles = dark navy, template white/colour logos show fine */
.qtr-studios li{background:#16203a!important;border:1px solid #2b3c5e!important;box-shadow:0 8px 20px rgba(0,0,0,.28)!important}
.qtr-pays li{background:#16203a!important;border:1px solid #2b3c5e!important}
.qtr-studios li{flex-direction:column;gap:10px;text-align:center}
.qtr-studios li span{display:block;width:100%;color:#eef2f8!important;font-weight:800!important;font-size:.95rem;line-height:1.25}
.qtr-pays li span,.qtr-pay-name{color:#a7b4cd!important}
.qtr-studios img,.qtr-pays img,.qtr-merit img{filter:none!important}
.qtr-tile>a,.qtr-gcard{border-color:#2b3c5e!important}
.qtr-tile-play{background:#609334!important;color:#ffffff!important}
.qtr-voices-arrow,.review-dot{border-color:#3a4d78!important;color:#8aa6ff!important;background:#16203a!important}
.qtr-voice-head .qtr-avatar{background:#254397!important;color:#ffffff!important}
.qtr-faqgrid{align-items:start}
.qtr-faq details{align-self:start}
.qtr-geo iframe{border:1px solid #2b3c5e!important;background:#101a2f!important}
/* facts table */
.qtr-facts table{width:100%;border-collapse:collapse;background:#16203a;color:#eef2f8}
.qtr-facts caption{padding:12px;color:#eef2f8;font-weight:800;text-align:left}
.qtr-facts th,.qtr-facts td{padding:10px 12px;border:1px solid #2b3c5e;text-align:left;vertical-align:top}
/* registration figure */
.qtr-figure{margin:22px 0;border:1px solid #2b3c5e;border-radius:12px;overflow:hidden;background:#16203a;box-shadow:0 10px 26px rgba(0,0,0,.34)}
.qtr-figure img{display:block;width:100%;height:auto}
.qtr-figure figcaption{padding:10px 14px;color:#a7b4cd;font-size:.9rem}
.qtr-signin-copy h1{font-size:clamp(1.85rem,3.2vw,2.9rem)!important;line-height:1.12!important;letter-spacing:-.025em!important;color:#eef2f8!important}
.qtr-links{margin-top:34px}
.qtr-links a,.qtr-post a{color:#8aa6ff}
.qtr-post a:hover,.qtr-links a:hover{color:#a9c14e}
/* FOOTER = deep navy, white text */
.footer,.footer.footer-home{background:#0a1120!important;background-image:none!important;color:#eef2f8!important}
.footer h2,.footer .qtr-eyebrow{color:#ffffff!important}
.footer .qtr-eyebrow{color:#a9c14e!important}
.footer p,.qtr-foot-bottom,.footer .qtr-pay-name{color:#a7b4cd!important}
.footer strong,.footer b{color:#ffffff!important}
.footer a{color:#b9c6ea!important}
.footer a:hover{color:#a9c14e!important}
.qtr-paystrip{padding-bottom:52px;background:transparent!important;border-top:0!important;border-bottom:1px solid rgba(255,255,255,.12)!important}
.qtr-paystrip + .qtr-foot-grid{margin-top:52px}
.footer-home{padding-top:0!important;border-top:0!important}
.footer-home>.qtr-paystrip{border-top:0!important}
.qtr-paystrip h2{color:#ffffff}
.footer .qtr-pays li{background:#111a2e!important;border-color:#22304c!important}
.qtr-foot-bottom{border-top:1px solid rgba(255,255,255,.12)}
.app-page .qtr-topact{display:flex;flex-wrap:wrap;gap:12px}
/* badges */
.qtr-badges{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:22px}
.qtr-badges>a{display:inline-flex;align-items:center;justify-content:center;width:112px;margin:0;background:transparent!important;border:0!important}
.qtr-badges img{display:block;object-fit:contain;background:transparent!important}
.qtr-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}
.qtr-social img{width:20px;height:20px}
/* header robustness — long French labels never push buttons to 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}
@media(min-width:701px){
  .qtr-stage-cta{flex-wrap:nowrap!important}
  .qtr-stage-cta .btn{white-space:nowrap!important;padding:0 18px!important}
}
@media(max-width:1200px){
  .header .nav:not(.open){display:none!important}
  .header .menu{display:inline-flex!important;margin-left:auto}
}
@media(max-width:700px){
  .brand img{height:42px!important;width:auto!important}
  .footer .brand img{height:36px!important;width:auto!important}
}
@media(max-width:560px){
  .qtr-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}
}