/* ========== Erişilebilirlik ========== */.skip-to-content{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;z-index:99999}.skip-to-content:focus{position:fixed;top:8px;left:50%;transform:translateX(-50%);width:auto;height:auto;padding:10px 24px;background:var(--primary, #D4AF37);color:#fff;font-weight:700;font-size:.9rem;border-radius:6px;text-decoration:none;box-shadow:0 4px 12px rgba(0,0,0,.5)}/* ========== Tema / renk değişkenleri (eski variables.css) ========== */:root{/* Ana renkler */ --primary:#D4AF37;--secondary:#FCAC00;/* secondary */ --secondary-rgb:252, 172, 0;/* secondary için rgba() kullanımı */ --primary-rgb:rgba(212, 175, 55, 0.9);--primary-rgb2:rgba(212, 175, 55, 0.5);--primary-rgb3:rgba(212, 175, 55, 0.3);--hover-color:#c9a42e;/* hover efekti için */ /* Genel arka plan ve metin */ --darkBG:#000000;/* tam siyah arka plan */ --body-bg:#000000;--white-color:#ffffff;--black-color:#000000;--darkGray:#1e1e1e;--textwhite:255, 255, 255;/* Header ve menü */ --headerBG:#000000;--menuBG:#121212;--menu-text:#e9c40a;/* Sidebar ve footer */ --sidebarBG:#0d0d0d;--footer-bg:var(--body-bg);--mobileFootIcon:#e9c40a;/* Butonlar ve giriş paneli */ --login-button-bg:#e9c40a;--login-button-text:#000;--btntText:#000;/* Game ve bahis kutuları */ --betSlipBG:#111111;--gameBox:rgba(233, 196, 10, 0.07);/* hafif altın dokunuşlu siyah */ --oddBox:#e9c40a;--oddBoxHover:#cfa708;/* Diğer metinler */ --dropdown-text:#ffffff;--tabText:#ffffff;/* Layout */ --max-width:1440px;--base-con:#2a2a2a;/* Yalnızca Casino Royal'de kullanılan font:BetConstruct-Icons. Metin için sistem fontu. */ --font-sans:Arial, Helvetica, sans-serif;--font-icons:BetConstruct-Icons, sans-serif}/* ========== Base stiller ========== */*{box-sizing:border-box}/* Dikey scroll — alan tutmaz, overlay (kaydırma sırasında görünür) */html{scrollbar-gutter:auto;scrollbar-width:none;-ms-overflow-style:none;overflow-x:hidden}body{-ms-overflow-style:none;overflow-x:hidden}::-webkit-scrollbar{width:0;height:0;display:none}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:transparent}a{text-decoration:none;cursor:pointer;transition:all 0.3s}a:hover{text-decoration:none}img{max-width:100%;height:auto}ul{list-style:none;margin:0;padding:0}h1, h2, h3, h4, h5, h6, p, ul, li{margin:0;padding:0}h1{font-size:34px;font-weight:600}h2{font-size:28px;font-weight:600}h3{font-size:24px;font-weight:600}h4{font-size:20px;font-weight:600}h5{font-size:18px;font-weight:600}h6{font-size:16px;font-weight:600}.btn{font-weight:400;font-size:14px}button:focus:not(:focus-visible){box-shadow:none;outline:none}button:focus-visible{outline:2px solid var(--secondary, #fcac00);outline-offset:2px;box-shadow:none}.close{font-size:2rem;font-weight:400;padding:0.5rem 1rem !important;margin:-0.6rem -1rem -1rem auto !important}.container{max-width:var(--max-width, 2620px)}body{background-color:var(--body-bg);background-image:radial-gradient(ellipse 80% 50% at 50% -20%, rgba(212, 175, 55, 0.15), transparent), radial-gradient(circle at 100% 100%, rgba(252, 172, 0, 0.06), transparent 40%), url("data:image/svg+xml,%3Csvg width='28' height='28' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='14' cy='14' r='1' fill='%23ffffff' fill-opacity='0.06'/%3E%3C/svg%3E"), repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(255, 255, 255, 0.015) 2px, rgba(255, 255, 255, 0.015) 3px), repeating-linear-gradient(90deg, transparent, transparent 2px, rgba(255, 255, 255, 0.015) 2px, rgba(255, 255, 255, 0.015) 3px);background-size:100% 100%, 100% 100%, 28px 28px, 28px 28px, 28px 28px;background-position:0 0, 0 0, 0 0, 0 0, 0 0;line-height:20px;font-family:var(--font-sans);font-size:14px;font-weight:400;direction:ltr;min-height:100vh}.bg-primary, .badge-primary{background:var(--primary) !important}.btn-primary{background:var(--primary) !important;border-color:var(--primary) !important;color:var(--btntText);box-shadow:none !important}.btn-outline-primary{border-color:var(--primary) !important;color:var(--white-color)}.btn-outline-primary:hover{background:var(--primary) !important}.active{background:var(--hover-color)}.form-group{position:relative}.badge{padding:.25em .4em .10em;line-height:14px}.backBtn{background:var(--darkBG)!important;padding:11px 16px;color:var(--white-color);margin:-4px 10px 0 0}.breadcrumb{background:var(--darkBG);align-items:center;display:inline-block}.breadcrumb .breadcrumb-item{color:var(--primary);font-size:15px;display:inline-block}.breadcrumb .breadcrumb-item:first-child::before{display:none}.breadcrumb .breadcrumb-item::before{content:'|';font-size:20px;font-weight:100;color:var(--white-color)}.breadcrumb .breadcrumb-item a{color:var(--white-color);opacity:0.7}.daterangepicker .ranges li.active,.daterangepicker td.active,.daterangepicker td.active:hover{background:var(--primary)!important}/* ========== /base stiller ========== */.btn-primary-bc.loading .btn-text{opacity:0}.btn-primary-bc.loading .loading{display:block !important}/* ----- Form / input ortak yapısı (floating label) ----- */label{margin-bottom:0.3rem}.form-group{margin-bottom:20px}.form-control-label-bc.inputs{display:block;position:relative;width:100%;cursor:text}.form-control-input-bc{width:100%;height:50px;padding:24px 20px 8px 20px;font-size:13px;text-indent:0;color:rgba(245, 240, 255, 0.95);background:var(--menuBG);border:1px solid rgba(255, 255, 255, 0.15);border-radius:3px;box-sizing:border-box;transition:border-color 0.2s ease, background 0.2s ease}.form-control-input-bc:focus:not(:focus-visible){outline:none;border-color:var(--secondary);background:rgba(212, 175, 55, 0.08)}.form-control-input-bc:focus-visible{border-color:var(--secondary);background:rgba(212, 175, 55, 0.08);outline:2px solid var(--secondary, #fcac00);outline-offset:2px}.form-control-input-bc::placeholder{color:transparent}select.form-control-input-bc{padding:10px 20px}.form-control-input-stroke-bc{display:none}.form-control-title-bc{position:absolute;left:20px;top:50%;transform:translateY(-50%);font-size:13px;color:rgba(255, 255, 255, 0.5);transition:top 0.22s ease-out, transform 0.22s ease-out, color 0.2s ease;pointer-events:none;white-space:nowrap;line-height:1.3;will-change:transform}.form-control-label-bc.focused .form-control-title-bc,.form-control-label-bc.has-value .form-control-title-bc{top:8px;transform:translateY(0);color:rgba(255, 255, 255, 0.75)}.form-control-label-bc.focused select.form-control-input-bc,.form-control-label-bc.has-value select.form-control-input-bc{padding:10px 20px}/* Hata durumu (input) */.form-control-input-bc.error,.form-input.error{border-color:#dc3545 !important;background-color:rgba(220, 53, 69, 0.08) !important}/* Input altı hata metni – login ve register aynı stil (global) */.field-error-text,.login-error-text,.register-error-text{display:none;margin-top:0.3rem;padding:4px 10px 4px 6px;font-size:12px;color:#ffffff;background-color:#2a2a2a;border-radius:4px;border:1px solid rgba(220, 53, 69, 0.4)}@media (max-width:576px){.form-group{margin-bottom:10px}.form-control-input-bc{font-size:14px;padding:24px 10px 8px 10px}}