@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap'); /* =============================================================== MINIMAL THEME — GENEL TEMA RENGİ + SAYFA DÜZENİ --------------------------------------------------------------- Bu sürüm şunları KALDIRIR: - Modal/popup tasarımları - Scrollbar özelleştirmesi - Buton override’ları - Ana sayfa UI kartları / oyun görselleri (ui1..ui4, gates.webp vb.) - Öne çıkan maç / event kart özelleştirmeleri --------------------------------------------------------------- Bu sürüm şunları KORUR: - Genel renk paleti (kırmızı tema) - Body arka plan / font - Sayfa genişliği / temel header & nav görünümü - Footer temel görünümü =============================================================== */ :root{ --red:#e02020; --red-dark:#b81515; --red-glow:rgba(224,32,32,.35); --dark-bg:#111111; --border:rgba(224,32,32,.18); --text-main:#ffffff; --text-muted:#aaaaaa; } html, body{ margin:0 !important; padding:0 !important; overflow-x:hidden !important; font-family:'Poppins', sans-serif !important; color:var(--text-main) !important; background-color:#111111 !important; background-image:url('https://cdn.servicescdn21.xyz/betekip/bgekip.png') !important; background-repeat:repeat !important; background-size:auto !important; background-attachment:fixed !important; } .layout-bc, .layout-content-holder-bc, .layout-footer-holder-bc, .betslip-bc, .bs-wrapper-bc, .betslip-wrapper{ overflow-x:hidden !important; } /* ================================================= */ /* HEADER / NAV — TEMEL */ /* ================================================= */ .hdr-main-content-bc{ width:100% !important; background:#181818 !important; min-height:56px !important; height:auto !important; display:flex !important; align-items:center !important; padding:0 32px !important; margin:0 !important; border:none !important; border-bottom:2px solid var(--red-dark) !important; box-shadow:0 2px 20px rgba(224,32,32,.15) !important; position:relative !important; z-index:100 !important; box-sizing:border-box !important; } .hdr-main-content-bc::after{ content:""; position:absolute; bottom:-3px; left:0; width:100%; height:1px; background:linear-gradient(90deg, transparent, var(--red), transparent); pointer-events:none; } /* Üst navigasyon şeridi */ .nav-menu-container.header-navigation:first-child{ width:100% !important; background:#141414 !important; padding:0 32px !important; margin:0 !important; border:none !important; border-bottom:1px solid rgba(224,32,32,.12) !important; box-shadow:0 3px 12px rgba(0,0,0,.45) !important; box-sizing:border-box !important; } /* Linkler — default gri, hover/active kırmızı */ .nav-menu-container.header-navigation:first-child .nav-link, .nav-menu-container.header-navigation:first-child > ul > li > a, .nav-menu-container.header-navigation:first-child .navigation-link-bc, .nav-menu-container.header-navigation a.nav-menu-item{ color:var(--text-muted) !important; font-size:12px !important; font-weight:600 !important; text-transform:uppercase !important; letter-spacing:.05em !important; padding:10px 14px !important; border-bottom:2px solid transparent !important; text-decoration:none !important; display:inline-flex !important; align-items:center !important; gap:6px !important; background:none !important; } .nav-menu-container.header-navigation:first-child .nav-link:hover, .nav-menu-container.header-navigation:first-child > ul > li > a:hover, .nav-menu-container.header-navigation:first-child .navigation-link-bc:hover, .nav-menu-container.header-navigation a.nav-menu-item:hover{ color:var(--red) !important; border-color:var(--red) !important; } .nav-menu-container.header-navigation:first-child .nav-link.active, .nav-menu-container.header-navigation:first-child .navigation-link-bc.active, .nav-menu-container.header-navigation a.nav-menu-item.active{ color:var(--red) !important; border-color:var(--red) !important; } /* Logo ufak glow */ .hdr-logo-holder-bc img, .hdr-logo-holder-bc svg{ filter:drop-shadow(0 0 6px rgba(224,32,32,.4)) !important; } /* ================================================= */ /* SAYFA GENİŞLİĞİ */ /* ================================================= */ /* Genel sayfalarda max-width */ .layout-bc:not(.page-full-size):not(.prematch):not(.sportsbook) .layout-content-holder-bc{ max-width:1400px !important; margin:0 auto !important; padding:0 30px !important; } /* Sports / Prematch tam genişlik */ .layout-bc.page-full-size.prematch .layout-content-holder-bc, .layout-bc.page-full-size.sportsbook .layout-content-holder-bc{ max-width:100% !important; width:100% !important; margin:0 !important; padding:0 20px !important; } .layout-content-holder-bc, .layout-footer-holder-bc{ max-width:100% !important; padding:0 !important; margin:0 !important; } /* ================================================= */ /* FOOTER — TEMEL */ /* ================================================= */ .layout-footer-holder-bc, .footer-bc, .footer-content-bc, .footer-blocks-bc, .ftr-bc, footer{ background:#0e0e0e !important; background-image:none !important; border-top:1px solid rgba(224,32,32,.18) !important; position:relative !important; z-index:10 !important; } .footer-bc, .footer-content-bc{ padding:40px 40px 0 !important; } .footer-bc .footer-col-title-bc, .footer-blocks-bc .footer-col-title-bc, .footer-bc h4, .footer-bc h3{ color:#ffffff !important; font-size:11px !important; font-weight:700 !important; letter-spacing:.1em !important; text-transform:uppercase !important; margin-bottom:16px !important; padding-bottom:10px !important; border-bottom:1px solid rgba(224,32,32,.3) !important; } .footer-bc a, .footer-blocks-bc a{ color:#777777 !important; font-size:13px !important; font-weight:400 !important; text-decoration:none !important; transition:color .2s !important; display:block !important; margin-bottom:8px !important; } .footer-bc a:hover, .footer-blocks-bc a:hover{ color:var(--red) !important; } .footer-copyright-bc, .ftr-copyright-bc{ background:#0a0a0a !important; color:#444444 !important; font-size:12px !important; border-top:1px solid rgba(255,255,255,.05) !important; padding:14px 40px !important; margin-top:24px !important; } /* ================================================= */ /* RESPONSIVE */ /* ================================================= */ @media (max-width:1200px){ .hdr-main-content-bc, .nav-menu-container.header-navigation:first-child{ padding:0 20px !important; } .footer-bc, .footer-content-bc{ padding:32px 24px 0 !important; } } @media (max-width:600px){ .hdr-main-content-bc{ padding:0 12px !important; min-height:50px !important; } .footer-bc, .footer-content-bc{ padding:24px 16px 0 !important; } } /* ================================================= */ /* ANA SAYFA — ÖNE ÇIKAN ETKİNLİKLER / CASINO / CANLI CASINO KALDIR */ /* ================================================= */ .is-home-page .ftr-games-bc, .is-home-page .ftr-g-content-bc, .is-home-page .ftr-games-holder-bc, .is-home-page [class*="ftr-game"], .is-home-page [class*="ftr-games"]{ display:none !important; } .is-home-page #home-casino, .is-home-page [id*="home-casino"], .is-home-page [class*="home-casino"]{ display:none !important; } .is-home-page #home-live, .is-home-page #home-livecasino, .is-home-page #home-live-casino, .is-home-page [id*="home-live"], .is-home-page [id*="livecasino"], .is-home-page [class*="live-casino"], .is-home-page [class*="livecasino"]{ display:none !important; } /* ================================================= */ /* (EKLENDİ) /CASINO — OYUN KARTLARI KARE (1:1) */ /* DevTools: .casinoGameItem + img.casinoGameItemImage */ /* ================================================= */ .casinoGameItem{ position:relative !important; aspect-ratio: 1 / 1 !important; width:100% !important; height:auto !important; overflow:hidden !important; border-radius:14px !important; } .casinoGameItem img.casinoGameItemImage{ width:100% !important; height:100% !important; object-fit:cover !important; display:block !important; } /* kartın iç wrapper’ı da kare kalsın */ .casinoGameItemContent{ aspect-ratio: 1 / 1 !important; } /* ================================================= */ /* (EKLENDİ) HEADER — “PARA YATIR” BUTONU KIRMIZI */ /* ================================================= */ /* En yaygın: header içindeki primary/cta butonu */ .hdr-main-content-bc .btn, .hdr-main-content-bc a.btn, .hdr-main-content-bc button.btn{ /* diğer butonlara dokunmamak için alttaki daha spesifik kurallar esas */ } /* Para yatır butonunu yakalamak için: text yerine class/role bazlı geniş hedef */ .hdr-main-content-bc [class*="deposit"], .hdr-main-content-bc [class*="payin"], .hdr-main-content-bc [class*="pay-in"], .hdr-main-content-bc [class*="cashier"], .hdr-main-content-bc .btn-prim, .hdr-main-content-bc .btn-primary, .hdr-main-content-bc .btn-action, .hdr-main-content-bc [class*="btn-primary"], .hdr-main-content-bc [class*="btn-prim"], .hdr-main-content-bc [class*="btn-action"]{ background: linear-gradient(135deg, var(--red), var(--red-dark)) !important; background-color: var(--red) !important; color:#fff !important; border:0 !important; box-shadow:0 6px 18px rgba(224,32,32,.35) !important; } /* hover */ .hdr-main-content-bc [class*="deposit"]:hover, .hdr-main-content-bc [class*="payin"]:hover, .hdr-main-content-bc [class*="pay-in"]:hover, .hdr-main-content-bc [class*="cashier"]:hover, .hdr-main-content-bc .btn-prim:hover, .hdr-main-content-bc .btn-primary:hover, .hdr-main-content-bc .btn-action:hover, .hdr-main-content-bc [class*="btn-primary"]:hover, .hdr-main-content-bc [class*="btn-prim"]:hover, .hdr-main-content-bc [class*="btn-action"]:hover{ background: linear-gradient(135deg, #ff3333, #cc1a1a) !important; box-shadow:0 8px 24px rgba(224,32,32,.55) !important; } /* Sarı background/border kalıntısı varsa temizle */ .hdr-main-content-bc [style*="background: rgb(255"], .hdr-main-content-bc [style*="background-color: rgb(255"], .hdr-main-content-bc [style*="#ffd"], .hdr-main-content-bc [style*="#ff0"]{ background: linear-gradient(135deg, var(--red), var(--red-dark)) !important; background-color: var(--red) !important; color:#fff !important; border:0 !important; } /* ========================================================= SPORTS / PREMATCH FULL HEIGHT FIX ========================================================= */ /* Ana layout full ekran olsun */ .layout-bc.page-full-size.prematch, .layout-bc.page-full-size.sportsbook{ min-height: 100vh !important; height: 100vh !important; } /* İç content alanı da full uzasın */ .layout-bc.page-full-size.prematch .layout-content-holder-bc, .layout-bc.page-full-size.sportsbook .layout-content-holder-bc{ min-height: calc(100vh - 120px) !important; height: auto !important; } /* Grid yüksekliği zorla */ .layout-bc.page-full-size.prematch{ display: grid !important; grid-auto-rows: 1fr !important; } /* Arka planın görünmesini engelle */ .layout-bc.page-full-size.prematch{ background: #111111 !important; }