/* Qoolbet responsive and account screens, 2026-10-12 */
*,*::before,*::after{box-sizing:border-box}
html,body{max-width:100%;overflow-x:clip}
img,svg,video,iframe{max-width:100%}
#main-panel,#main-center,#qpro-feed,.qool-footer{min-width:0}
#qpro-feed.is-detail .qpro-detail-hero,#qpro-feed.is-detail .qpro-detail-scoreboard{height:auto!important;min-height:0!important;max-height:none!important}
#qpro-feed.is-detail .qpro-detail-scoreboard{display:block!important;padding:9px 12px 10px!important}
#qpro-feed.is-detail .qpro-detail-score-table{width:100%;grid-template-columns:minmax(0,1fr) repeat(3,minmax(32px,48px));align-items:center}
#qpro-feed.is-detail .qpro-detail-score-cell{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#qpro-feed.is-detail .qpro-detail-score-cell:nth-child(4n + 1){text-align:left}
#qpro-feed.is-detail .qpro-detail-score-note{display:block;line-height:1.35;margin-top:5px}
#qpro-feed.is-detail .qpro-detail-tabs{position:relative;z-index:1;clear:both;margin-top:8px!important}
@media(max-width:1500px){#main-panel.qpro-sports-layout #main-center,#main-panel.qpro-sports-layout #qpro-feed{min-width:0!important}}
@media(max-width:740px){
#main-panel.qpro-sports-layout,#main-panel.qpro-sports-layout #main-center,#main-panel.qpro-sports-layout #qpro-feed{width:100%!important;max-width:100%!important;min-width:0!important;margin-left:0!important;margin-right:0!important}
#qpro-feed.is-detail .qpro-feed-columns,#qpro-feed.is-detail .qpro-detail-markets{display:grid!important;grid-template-columns:minmax(0,1fr)!important;margin-left:0!important}
#qpro-feed.is-detail .qpro-detail-board{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important}
#qpro-feed.is-detail .qpro-detail-team{overflow-wrap:anywhere}
#qpro-feed.is-detail .qpro-detail-line-row,#qpro-feed.is-detail .qpro-detail-line-head{grid-template-columns:minmax(0,1fr) 52px minmax(0,1fr)!important}
#qpro-feed.is-detail .qpro-detail-line-cell{min-width:0}
.qool-footer__columns{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.qool-footer__columns>section{min-width:0}
body:has(#rocksLoginForm),body:has(#signupForm){background-color:#080b12!important}
#rocksLoginForm,#signupForm{width:min(calc(100% - 28px),540px)!important;max-width:540px!important;margin:22px auto 44px!important;color:#f7f3e8}
#rocksLoginForm .center-container,#signupForm .center-container{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}
#rocksLoginForm .panel,#signupForm .panel,#signupForm .row-reg{background:linear-gradient(150deg,#1d2430 0%,#121722 58%,#0d1018 100%)!important;border:1px solid rgba(232,188,88,.38)!important;border-radius:25px!important;box-shadow:0 22px 70px rgba(0,0,0,.45),inset 0 1px rgba(255,255,255,.07)!important;overflow:hidden}
#rocksLoginForm .panel{padding:24px 22px 26px!important}
#rocksLoginForm .row,#signupForm .row{margin-left:0!important;margin-right:0!important}
#rocksLoginForm .col,#signupForm .col-md-4,#signupForm [class^=col-]{width:100%!important;max-width:100%!important;float:none!important;padding:0!important}
#rocksLoginForm h2,#signupForm h2{font-family:Inter,'Segoe UI',sans-serif!important;font-weight:800!important;letter-spacing:-.04em!important;line-height:1.12!important;color:#fff9e9!important;text-shadow:none!important}
#rocksLoginForm h2{font-size:clamp(28px,8vw,38px)!important;margin:0 0 25px!important}
#signupForm h2{font-size:22px!important;margin:0 0 20px!important}
#rocksLoginForm .form-group,#signupForm .form-group{margin:0 0 20px!important}
#rocksLoginForm label,#signupForm label{display:block!important;color:#d5deec!important;font-size:12px!important;font-weight:700!important;letter-spacing:.04em!important;margin-bottom:8px!important}
#rocksLoginForm input:not([type=checkbox]),#signupForm input:not([type=checkbox]),#signupForm select{width:100%!important;min-height:48px!important;border:1px solid #3a4658!important;border-radius:12px!important;padding:11px 14px!important;background:#101722!important;color:#fff!important;box-shadow:inset 0 1px 2px rgba(0,0,0,.28)!important;outline:none!important;font-size:16px!important}
#rocksLoginForm input:focus,#signupForm input:focus,#signupForm select:focus{border-color:#edc66b!important;box-shadow:0 0 0 3px rgba(232,188,88,.17)!important}
#rocksLoginForm a,#signupForm a{color:#f3d58a!important;text-decoration:none}
#rocksLoginForm .panel-footer{background:transparent!important;border:0!important;padding:12px 0 0!important}
#rocksLoginForm .rocks-login-button,#signupForm button[type=submit]{min-height:51px!important;width:100%!important;border:0!important;border-radius:13px!important;background:linear-gradient(135deg,#ffe2a0,#d5a63e)!important;color:#19170f!important;font-size:14px!important;font-weight:900!important;letter-spacing:.06em!important;box-shadow:0 9px 24px rgba(203,151,44,.2)!important}
#signupForm{padding:20px!important}
#signupForm .row-reg{padding:23px 20px!important;margin-bottom:18px!important}
#signupForm .form-group:has(input[type=checkbox]){display:flex;align-items:flex-start;gap:9px}
#signupForm input[type=checkbox]{flex:none;width:18px;height:18px;accent-color:#dfb552}
}
@media(max-width:380px){.qool-footer__columns{grid-template-columns:minmax(0,1fr)!important}#qpro-feed.is-detail .qpro-detail-score-cell{font-size:9px}}

/* Tablet match listings: show every market in paired cards. */
@media(min-width:741px) and (max-width:1000px){
#qpro-feed.qpro-feed:not(.is-detail) .qpro-feed-market-head{display:none!important}
#qpro-feed.qpro-feed:not(.is-detail) .qpro-feed-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;max-width:100%;padding:11px!important}
#qpro-feed.qpro-feed:not(.is-detail) .qpro-feed-match,#qpro-feed.qpro-feed:not(.is-detail) .qpro-feed-score{grid-column:1/-1!important;grid-row:auto!important;width:auto!important;min-width:0!important}
#qpro-feed.qpro-feed:not(.is-detail) .qpro-feed-group[data-market-slot]{grid-column:auto!important;grid-row:auto!important;width:auto!important;min-width:0!important}
#qpro-feed.qpro-feed:not(.is-detail) .qprobet-expand-odds,#qpro-feed.qpro-feed:not(.is-detail) .qpro-extra-markets{grid-column:1/-1!important;grid-row:auto!important}
#qpro-feed.qpro-feed:not(.is-detail) .qpro-feed-columns,#qpro-feed.qpro-feed:not(.is-detail) .qpro-feed-center,#qpro-feed.qpro-feed:not(.is-detail) .qpro-feed-table,#qpro-feed.qpro-feed:not(.is-detail) .qpro-league{min-width:0!important;max-width:100%!important}
}

@media(min-width:741px) and (max-width:1000px){#main-panel.qpro-sports-layout #qpro-feed.qpro-feed:not(.is-detail) #qpro-feed-list .qpro-feed-market-head{display:none!important}#main-panel.qpro-sports-layout #qpro-feed.qpro-feed:not(.is-detail) #qpro-feed-list .qpro-feed-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:11px!important;max-width:100%!important}#main-panel.qpro-sports-layout #qpro-feed.qpro-feed:not(.is-detail) #qpro-feed-list .qpro-feed-row>.qpro-feed-match,#main-panel.qpro-sports-layout #qpro-feed.qpro-feed:not(.is-detail) #qpro-feed-list .qpro-feed-row>.qpro-feed-score{grid-column:1/-1!important;grid-row:auto!important;width:auto!important;min-width:0!important}#main-panel.qpro-sports-layout #qpro-feed.qpro-feed:not(.is-detail) #qpro-feed-list .qpro-feed-row>.qpro-feed-group[data-market-slot]{grid-column:auto!important;grid-row:auto!important;width:auto!important;min-width:0!important}#main-panel.qpro-sports-layout #qpro-feed.qpro-feed:not(.is-detail) #qpro-feed-list .qpro-feed-row>.qprobet-expand-odds{grid-column:1/-1!important;grid-row:auto!important}}

@media(min-width:741px) and (max-width:1000px){#main-panel.qpro-sports-layout #qpro-feed.qpro-feed:not(.is-detail) #qpro-feed-list .qpro-feed-row{height:auto!important;min-height:0!important;overflow:visible!important;align-items:stretch!important}}
/* Home game art matches the Slotlar card treatment. */
#fx-grid .qool-slot-card{isolation:isolate!important}
#fx-grid .qool-slot-open{position:relative!important;z-index:1!important;box-shadow:inset 8px 8px 15px rgba(255,255,255,.12),inset -14px -18px 25px rgba(0,0,0,.72),0 14px 24px rgba(0,0,0,.68),0 0 10px rgba(241,190,72,.16),0 0 18px rgba(132,215,54,.1)!important}
#fx-grid .qool-slot-open img{width:100%!important;height:140px!important;flex:0 0 140px!important;object-fit:fill!important;border-radius:0!important;box-shadow:0 8px 16px rgba(0,0,0,.6),0 0 14px rgba(243,198,82,.2)!important}
#fx-grid .qool-slot-open strong{color:#fff7ea!important}
#fx-grid .qool-slot-open small{color:#e1ba6b!important}
@media(max-width:650px){#fx-grid .qool-slot-open img{height:104px!important;flex-basis:104px!important}}
/* Match the Slotlar orb geometry on homepage game rails. */ #fx-grid .qool-slot-row{grid-auto-columns:227px!important;gap:16px!important;padding-top:16px!important} #fx-grid .qool-slot-card{width:227px!important;height:227px!important;position:relative!important;isolation:isolate!important;border-radius:50%!important;overflow:visible!important} #fx-grid .qool-slot-card::before{content:""!important;display:block!important;position:absolute!important;inset:-8px!important;z-index:0!important;pointer-events:none!important;border-radius:50%!important;background:radial-gradient(circle at 1% 28%,#fff6c2 0 2px,transparent 4px),radial-gradient(circle at 97% 72%,#abef84 0 2px,transparent 4px),radial-gradient(circle at 68% 1%,#ffe798 0 2px,transparent 4px),conic-gradient(from 20deg,transparent 0 14deg,#ffe69a 16deg,transparent 19deg,transparent 80deg,#a7e96b 83deg,transparent 86deg,transparent 180deg,#ffe69a 184deg,transparent 187deg)!important;filter:blur(1px) drop-shadow(0 0 5px #ffd67b)!important;opacity:.85!important} #fx-grid .qool-slot-open{width:100%!important;height:100%!important;padding:0 14px 10px!important;border:0!important;box-shadow:inset 8px 8px 15px rgba(255,255,255,.12),inset -14px -18px 25px rgba(0,0,0,.72),0 14px 24px rgba(0,0,0,.68),0 0 10px rgba(241,190,72,.16),0 0 18px rgba(132,215,54,.1)!important} #fx-grid .qool-slot-open::after{content:""!important;display:block!important;position:absolute!important;inset:3px!important;z-index:1!important;pointer-events:none!important;border-radius:50%!important;background:radial-gradient(circle at 24% 15%,rgba(255,247,208,.15),transparent 38%),radial-gradient(circle at 78% 88%,rgba(226,164,74,.094),transparent 50%)!important;box-shadow:inset 0 12px 19px rgba(0,0,0,.66),inset 0 -9px 18px rgba(0,0,0,.66),inset 0 2px 4px rgba(255,255,255,.33)!important} #fx-grid .qool-slot-open img{width:100%!important;height:152px!important;flex:0 0 152px!important;object-fit:fill!important;object-position:center!important;margin:0!important;border-radius:0!important} #fx-grid .qool-slot-open strong,#fx-grid .qool-slot-open small{position:relative!important;z-index:2!important} @media(max-width:650px){#fx-grid .qool-slot-row{grid-auto-columns:164px!important;gap:10px!important}#fx-grid .qool-slot-card{width:164px!important;height:164px!important}#fx-grid .qool-slot-open{padding:0 10px 7px!important}#fx-grid .qool-slot-open img{height:104px!important;flex-basis:104px!important}} 
/* Fill homepage orb edges with artwork. */ #fx-grid .qool-slot-open>img{width:calc(100% + 28px)!important;max-width:none!important;height:160px!important;flex:0 0 160px!important;margin-left:-14px!important;margin-right:-14px!important;object-fit:fill!important} @media(max-width:650px){#fx-grid .qool-slot-open>img{width:calc(100% + 20px)!important;height:115px!important;flex-basis:115px!important;margin-left:-10px!important;margin-right:-10px!important}}
/* 20261016 final sports detail containment */
#main-panel.qpro-sports-layout #qpro-feed.qpro-feed{box-sizing:border-box!important;width:calc(100% - 250px)!important;max-width:calc(100% - 250px)!important;min-width:0!important;}
#main-panel.qpro-sports-layout #qpro-feed.qpro-feed.is-detail .qpro-feed-columns{width:100%!important;max-width:100%!important;margin-left:0!important;grid-template-columns:minmax(190px,240px) minmax(0,1fr)!important;}/* 20261017 remove decorative corridor background beneath coupon/statistics */
#main-right1 .right-container,#main-right1 .nano-content{background:#0b0f15!important;background-image:none!important;}

/* Final live-list score placement; this stylesheet loads after the feed styles. */
#main.sportbook-theme #main-panel.qpro-sports-layout #qpro-feed:not(.is-detail) #qpro-feed-list .qpro-feed-row > .qpro-feed-score {
  position: relative !important;
  left: -36px !important;
  transform: none !important;
}
@media (max-width: 600px) {
  #main.sportbook-theme #main-panel.qpro-sports-layout #qpro-feed:not(.is-detail) #qpro-feed-list .qpro-feed-row > .qpro-feed-score {
    left: -8px !important;
  }
}

/* 2026-10-28: sports and live pages use the available width once for the coupon. */
@media (min-width: 1001px) {
  #main.sportbook-theme #main-panel.qpro-sports-layout {
    width: 100% !important;
    max-width: 100% !important;
    grid-template-columns: minmax(0, 1fr) 272px !important;
    column-gap: 14px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  #main.sportbook-theme #main-panel.qpro-sports-layout #main-center,
  #main.sportbook-theme #main-panel.qpro-sports-layout #qpro-feed.qpro-feed {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
  #main.sportbook-theme #main-panel.qpro-sports-layout > #main-right1 {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }
}

/* The sportsbook coupon must not cover the live support panel. */
#qool-live-support { z-index: 1200 !important; }

/* Account panels blend into the dark page instead of ending in grey blocks. */
#main.qool-myaccount-page .panel,
#main.qool-myaccount-page .panel-default,
#main.qool-myaccount-page .panel-heading,
#main.qool-myaccount-page .panel-body,
#main.qool-myaccount-page .panel-footer {
  background-color: #101827 !important;
  background-image: none !important;
  border-color: #263349 !important;
}

/* Keep the other-market count clear of the first odds button. */
#main.sportbook-theme #main-panel.qpro-sports-layout #qpro-feed:not(.is-detail) #qpro-feed-list .qpro-feed-row > .qprobet-expand-odds {
  position: relative !important;
  left: -12px !important;
}
@media (max-width: 600px) {
  #main.sportbook-theme #main-panel.qpro-sports-layout #qpro-feed:not(.is-detail) #qpro-feed-list .qpro-feed-row > .qprobet-expand-odds {
    left: -5px !important;
  }
}


/* 20261026: restore full feed width on narrow screens */
@media (max-width: 1000px) {
  #main-panel.qpro-sports-layout #qpro-feed.qpro-feed,
  #qpro-feed.qpro-feed {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
}


/* Mobile sportsbook header height aligned with the home page. */
@media (max-width: 991px) {
  body.welcome-theme:has(#main.sportbook-theme) {
    padding-top: 0 !important;
  }
  body.welcome-theme:has(#main.sportbook-theme) .navbar-title.visible-sm.visible-xs {
    display: none !important;
  }
  body.welcome-theme #main.sportbook-theme {
    padding-top: 0 !important;
  }
}

@media (max-width: 600px) {
  #main.sportbook-theme #main-panel.qpro-sports-layout #qpro-feed-list.qpro-feed-table .qpro-feed-row {
    grid-template-columns: minmax(82px,1fr) 24px 18px 18px minmax(150px,50%) !important;
  }
  #main.sportbook-theme #main-panel.qpro-sports-layout #qpro-feed-list.qpro-feed-table .qpro-feed-row .qpro-feed-group[data-market-slot="result"] .qpro-feed-odd {
    height: 50px !important;
    min-height: 50px !important;
    padding: 4px 3px !important;
    font-size: 10px !important;
  }
}


/* Match rows follow the dark reference; odds remain white cards. */
body.welcome-theme #main.sportbook-theme #main-panel.qpro-sports-layout #qpro-feed.qpro-feed:not(.is-detail) #qpro-feed-list.qpro-feed-table .qpro-feed-row > .qpro-feed-match {
  background: transparent !important;
  border: 0 !important;
  border-right: 1px solid #303a4b !important;
  border-radius: 0 !important;
  color: #f6f7fa !important;
}
body.welcome-theme #main.sportbook-theme #main-panel.qpro-sports-layout #qpro-feed.qpro-feed:not(.is-detail) #qpro-feed-list.qpro-feed-table .qpro-feed-row > .qpro-feed-match * {
  color: #f6f7fa !important;
}
body.welcome-theme #main.sportbook-theme #main-panel.qpro-sports-layout #qpro-feed.qpro-feed:not(.is-detail) #qpro-feed-list.qpro-feed-table .qpro-feed-row .qpro-feed-group-cells > .qpro-feed-odd:not(.is-selected):not([aria-pressed="true"]) {
  background: #f7f8fb !important;
  border-color: #dce3ed !important;
  color: #18243a !important;
}
body.welcome-theme #main.sportbook-theme #main-panel.qpro-sports-layout #qpro-feed.qpro-feed:not(.is-detail) #qpro-feed-list.qpro-feed-table .qpro-feed-row .qpro-feed-group-cells > .qpro-feed-odd:not(.is-selected):not([aria-pressed="true"]) small,
body.welcome-theme #main.sportbook-theme #main-panel.qpro-sports-layout #qpro-feed.qpro-feed:not(.is-detail) #qpro-feed-list.qpro-feed-table .qpro-feed-row .qpro-feed-group-cells > .qpro-feed-odd:not(.is-selected):not([aria-pressed="true"]) .qpro-odd-value {
  color: #18243a !important;
}
body.welcome-theme #main.sportbook-theme #main-panel.qpro-sports-layout #qpro-feed.qpro-feed:not(.is-detail) #qpro-feed-list.qpro-feed-table .qpro-feed-row .qpro-feed-group-cells > .qpro-feed-odd.is-selected,
body.welcome-theme #main.sportbook-theme #main-panel.qpro-sports-layout #qpro-feed.qpro-feed:not(.is-detail) #qpro-feed-list.qpro-feed-table .qpro-feed-row .qpro-feed-group-cells > .qpro-feed-odd[aria-pressed="true"] {
  background: #198a45 !important;
  background-image: none !important;
  border-color: #28bd65 !important;
  color: #fff !important;
  box-shadow: inset 0 0 0 1px #28bd65, 0 0 8px rgba(40, 189, 101, .28) !important;
}
body.welcome-theme #main.sportbook-theme #main-panel.qpro-sports-layout #qpro-feed.qpro-feed:not(.is-detail) #qpro-feed-list.qpro-feed-table .qpro-feed-row .qpro-feed-group-cells > .qpro-feed-odd.is-selected *,
body.welcome-theme #main.sportbook-theme #main-panel.qpro-sports-layout #qpro-feed.qpro-feed:not(.is-detail) #qpro-feed-list.qpro-feed-table .qpro-feed-row .qpro-feed-group-cells > .qpro-feed-odd[aria-pressed="true"] * {
  color: #fff !important;
}

/* Reference row rhythm for both Sports and Live; keep the existing market actions. */
@media (min-width: 1001px) {
  body.welcome-theme #main.sportbook-theme #main-panel.qpro-sports-layout #qpro-feed.qpro-feed:not(.is-detail) #qpro-feed-list.qpro-feed-table .qpro-feed-row {
    height: 66px !important;
    min-height: 66px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    border-bottom: 1px solid #28303e !important;
  }
  body.welcome-theme #main.sportbook-theme #main-panel.qpro-sports-layout #qpro-feed.qpro-feed:not(.is-detail) #qpro-feed-list.qpro-feed-table .qpro-feed-row > .qpro-feed-match {
    height: 50px !important;
    min-height: 50px !important;
  }
  body.welcome-theme #main.sportbook-theme #main-panel.qpro-sports-layout #qpro-feed.qpro-feed:not(.is-detail) #qpro-feed-list.qpro-feed-table .qpro-feed-row .qpro-feed-group-cells > .qpro-feed-odd {
    height: 50px !important;
    min-height: 50px !important;
    border-radius: 4px !important;
  }
}
@media (min-width: 1001px) {
  body.welcome-theme #main.sportbook-theme #main-panel.qpro-sports-layout #qpro-feed.qpro-feed:not(.is-detail) #qpro-feed-list.qpro-feed-table .qpro-feed-row > .qpro-feed-group,
  body.welcome-theme #main.sportbook-theme #main-panel.qpro-sports-layout #qpro-feed.qpro-feed:not(.is-detail) #qpro-feed-list.qpro-feed-table .qpro-feed-row > .qpro-feed-group .qpro-feed-group-cells {
    height: 50px !important;
    min-height: 50px !important;
    overflow: visible !important;
  }
}