/* Tema inspirado no layout Zeroum, aplicado à interface e aos dados já existentes da BetFiver. */
:root{color-scheme:dark}
html,body{min-height:100%;margin:0;background:#0e1118!important;color:#f6f7f9}
body{overflow-x:hidden}
#app{width:100%;min-height:100vh;min-height:100dvh;margin:0 auto;overflow-x:clip;background:#10131a;color:#f6f7f9}
html.green-dark body div#app{--theme-color-700:#65bf59;--theme-color-800:#4da844;--theme-color-900:#368b36;--ion-color-primary:#4da844;--ion-background-color:#10131a;--color-bg-100:#252d38;--color-bg-200:#171e29;--color-bg-300:#10131a;--color-bg-400:#0d1017;--color-card-bg-100:#252d38;--color-card-bg-200:#171e29;--color-card-bg-300:#10131a;--color-card-bg-400:#0d1017;--color-line:#2d3541;--color-border:#2d3541;--color-line-200:#394250;--line-color:#2d3541;--color-nav-bg:#171e29;--navigation-bar-bg:#171e29;--skin-ion-toolbar-bg:#171e29;--menu-bar-bg:#171e29;--menu-card-bg:#171e29;--color-success:#4da844;--color-primary-btn-active:#4da844}
#app ion-app,#app .ion-page{min-height:100vh;min-height:100dvh;background:#10131a!important;color:#f6f7f9}
#app ion-content{--background:#10131a!important;--color:#f6f7f9;background:#10131a!important;color:#f6f7f9}
#app ion-header,#app ion-footer,#app ion-tab-bar,#app ion-toolbar{--background:#171e29;background:#171e29;border-color:#2d3541}
#app ion-toolbar{--color:#f6f7f9}
#app ion-list{background:transparent}
#app .category-container,#app .category-sport-container{background:#10131a}
#app .category-container .container #main .tab-bar{--background:transparent}
#app .category-container .container #main .tab-bar ion-segment-button{--color:#aeb6c2;--color-checked:#fff;--indicator-color:#4da844;border-color:#303a47}
#app .category-container .container #main .tab-bar .segment-button-checked{color:#fff}
#app .category-container .container #main ion-list ion-grid{padding-inline:8px}
#app .category-container .container #main ion-list ion-grid .card-col{flex:0 0 33.3333%!important;width:33.3333%!important;max-width:33.3333%!important;padding:5px}
#app .game-card{position:relative;display:block;width:100%;aspect-ratio:3/4;min-height:0;border-radius:14px;overflow:hidden;background:#171e29}
#app .game-card .game-img{width:100%;height:100%;object-fit:cover!important}
#app .game-card .game-img::part(image){width:100%;height:100%;object-fit:cover!important}
#app .game-card .game-img.error-img{width:42%;height:auto;object-fit:contain!important}
#app .game-card .platform-icon{max-width:38%;max-height:22%;object-fit:contain}
#app .sports-card,#app .game-item,#app .game-box{border-radius:14px;overflow:hidden}
#app .sports-card{width:calc(100% - 24px);max-width:1180px;margin:12px auto}
#app .banner{width:calc(100% - 24px);max-width:1180px;margin:12px auto;border-radius:16px;overflow:hidden}
#app .banner img,#app .banner ion-img::part(image){object-fit:cover}
#app .home-section,#app .game-section,#app .main-tab{border-color:#2d3541}
#app .game-section-title,#app .home-section-title{color:#f6f7f9}
#app ion-button{--border-radius:10px}
#betfiver-menu-overlay .bf-menu-panel{background:linear-gradient(180deg,#1b2430 0%,#151c26 62%,#10151d 100%)!important}
#betfiver-menu-overlay .bf-menu-item{background:#1b2430!important;border-color:#303a47!important;border-radius:12px!important}
#betfiver-menu-overlay .bf-menu-item:active{background:rgba(77,168,68,.18)!important}
#betfiver-menu-overlay .bf-menu-icon{background:rgba(255,255,255,.08)!important}
#betfiver-menu-overlay .bf-menu-arrow{color:#83d47a!important}
#betfiver-menu-overlay .bf-menu-close{border-radius:10px!important}
#bf-sports-shortcut{right:max(10px,calc((100vw - min(100vw,24.375rem))/2 + 10px))!important;bottom:calc(78px + env(safe-area-inset-bottom))!important;padding:10px 14px!important;border:1px solid #35404e!important;border-left:3px solid #4da844!important;border-radius:12px!important;background:#171e29!important;color:#f6f7f9!important;box-shadow:0 8px 22px rgba(0,0,0,.35)!important}
#bf-sports-shortcut:hover{filter:brightness(1.12)}
#bf-sports-shortcut .bf-ball{color:#71c768}
@media(min-width:768px){
 #app{max-width:1220px;border-left:1px solid #222a35;border-right:1px solid #222a35;box-shadow:0 16px 50px rgba(0,0,0,.25)}
 #app .category-container .container #main ion-list ion-grid .card-col{padding:7px}
 #bf-sports-shortcut{right:max(10px,calc((100vw - min(100vw,24.375rem))/2 + 10px))!important;bottom:calc(78px + env(safe-area-inset-bottom))!important}
}
@media(max-width:360px){
 #app .category-container .container #main ion-list ion-grid .card-col{padding:3px}
 #app .sports-card{width:calc(100% - 16px)}
}

/* Alinha o atalho esportivo à coluna do app em telas largas. */
@media(min-width:768px){#bf-sports-shortcut{right:max(10px,calc((100vw - min(100vw,24.375rem))/2 + 10px))!important;bottom:calc(78px + env(safe-area-inset-bottom))!important}}