/* ================================================================ DESKTOP CUSTOM CSS — Nora Bahis ================================================================ Dosya: parent/desktop.custom.css Platform: BetConstruct Marka: Nora Bahis Tasarim Renkleri: - Arkaplan: #18181b / #242427 / #1e1e21 - Altin Accent: #f0c959 / #fdbb01 - Metin: #b7b7b7 / #ffffff - Telegram: #29b6f6 ================================================================ ICINDEKILER ---------------------------------------------------------------- §1 GLOBAL OVERRIDES §2 LAYOUT — Max Width & Full Width §3 GLASSMORPHISM — Header §4 GLASSMORPHISM — Navigation §5 GLASSMORPHISM — Popups, Overlays & Profile Panel §6 GLASSMORPHISM — Betslip, Search & Left Sidebar §7 HEADER — Custom Buttons (Enterprise Grade) §8 HEADER — Balance, Avatar & Dropdowns §9 AUTH BUTTONS (Giris / Kayit) §10 NAVIGATION OVERRIDES (SVG Icons + Badge Gizle) A. Badge'leri Gizle B. Nav Item Padding & Layout C. More Dropdown Düzeltmeleri D. SVG İkon Temel Stili E. SVG İkon Tanımları (19 menü) F. Alt Çizgi Degrade §11 BRAND COLOR OVERRIDES (Gold Accent) §12 CASINO & GAMES §13 SPORTS BETTING & BONUS (+ Öne Çıkan Etkinlikler) A. Öne Çıkan Etkinlikler (Featured Games) B. Genel Sports Betting & Bonus §14 PROMOTIONS §15 FOOTER §16 DESKTOP CUSTOM SLIDER §17 MISCELLANEOUS §18 SKELETON LOADING & LOADERS §19 CATEGORY BUTTONS WIDGET (Desktop Premium) §20 CASINO LOBBY — Game Sections (Desktop Premium) §21 PARA YATIR / DEPOSIT PAGE ================================================================ */ /* ================================================================ §1. GLOBAL OVERRIDES ---------------------------------------------------------------- Base: a { color: rgba(var(--b-sc), 1) } ================================================================ */ a { color: white !important; } .horizontalSliderElem { background-color: rgb(255 255 255 / 0%) !important; padding: 0px !important; margin-left: 2px !important; margin-right: 2px !important; } /* Home page — full-screen background image */ .is-home-page::before { content: ""; background: url(https://cmsbetconstruct.com/content/images/e25ef097f2d7ec72e7bae85a4d995cc6_1877082_media.jpg) !important; width: 100% !important; height: 100% !important; position: fixed !important; top: 0 !important; left: 0 !important; background-size: cover !important; background-position: center !important; z-index: -1 !important; } /* ================================================================ §2. LAYOUT — Max Width & Full Width ================================================================ */ /* Ana content + footer max genislik */ .layout-content-holder-bc, .layout-footer-holder-bc { max-width: 1600px !important; margin-left: auto !important; margin-right: auto !important; height: 100% !important; } /* Content holder flex column — order property çalışsın diye (nora-category-buttons order:-99, slider order:-100 → slider üstte, category buttons hemen altında) */ .layout-content-holder-bc { display: flex !important; flex-direction: column !important; } /* Slider satırını en üstte tut (category buttons order:-99'dan önce) */ .layout-content-holder-bc > .hm-row-bc.has-slider { order: -100 !important; margin-top: 12px !important; margin-bottom: 8px !important; } /* Side panel — Nora glassmorphism override */ .sidePanel-holder { height: auto !important; background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, transparent 50%, rgba(240,201,89,0.02) 100%), rgba(18, 18, 21, 0.85) !important; -webkit-backdrop-filter: saturate(200%) blur(60px) brightness(0.9) !important; backdrop-filter: saturate(200%) blur(60px) brightness(0.9) !important; border-left: 1px solid rgba(255, 255, 255, 0.10) !important; box-shadow: -8px 0 32px rgba(0, 0, 0, 0.4), inset 1px 0 0 rgba(255, 255, 255, 0.08) !important; } /* Side panel — header bar */ .sidePanel-holder .overlay-header { background: rgba(24, 24, 27, 0.95) !important; border-bottom: 1px solid rgba(240, 201, 89, 0.15) !important; padding: 16px 20px !important; color: #ffffff !important; font-weight: 600 !important; letter-spacing: 0.5px !important; } .sidePanel-holder .overlay-header span { color: #f0c959 !important; font-size: 14px !important; font-weight: 700 !important; } .sidePanel-holder .overlay-header .bc-i-close-remove { color: rgba(255, 255, 255, 0.5) !important; transition: color 0.2s ease !important; } .sidePanel-holder .overlay-header .bc-i-close-remove:hover { color: #f0c959 !important; } /* Side panel — notification container */ .sidePanel-holder .notification-new-container { background: transparent !important; padding: 12px !important; } .sidePanel-holder .notification-new-header { display: flex !important; justify-content: space-between !important; align-items: center !important; padding: 8px 4px !important; margin-bottom: 8px !important; } .sidePanel-holder .notification-new-header time { color: rgba(255, 255, 255, 0.45) !important; font-size: 12px !important; } .sidePanel-holder .notification-new-header span { color: rgba(240, 201, 89, 0.7) !important; font-size: 12px !important; cursor: pointer !important; transition: color 0.2s ease !important; } .sidePanel-holder .notification-new-header span:hover { color: #f0c959 !important; } /* Side panel — notification items */ .sidePanel-holder .notification-new-item { background: rgba(240, 201, 89, 0.08) !important; border: 1px solid rgba(240, 201, 89, 0.15) !important; border-radius: 10px !important; padding: 12px 14px !important; color: #ffffff !important; margin-bottom: 8px !important; transition: background 0.2s ease, border-color 0.2s ease !important; } .sidePanel-holder .notification-new-item:hover { background: rgba(240, 201, 89, 0.14) !important; border-color: rgba(240, 201, 89, 0.3) !important; } .sidePanel-holder .notification-new-item[data-status="unread"] { border-left: 3px solid #f0c959 !important; } .sidePanel-holder .notification-new-item-info { color: rgba(255, 255, 255, 0.9) !important; font-size: 13px !important; flex: 1 !important; } .sidePanel-holder .notification-new-item-icon { color: #f0c959 !important; margin-right: 10px !important; font-size: 16px !important; } .sidePanel-holder .notification-new-item .bc-i-close-remove { color: rgba(255, 255, 255, 0.3) !important; font-size: 12px !important; margin-left: 8px !important; transition: color 0.2s ease !important; } .sidePanel-holder .notification-new-item .bc-i-close-remove:hover { color: #ff3449 !important; } /* Spor & E-Spor & Canli — tam genislik */ [class*="is-sport"] .layout-content-holder-bc, [class*="is-esport"] .layout-content-holder-bc, [class*="is-live"] .layout-content-holder-bc { max-width: 100% !important; } /* ================================================================ §3. GLASSMORPHISM — Header ================================================================ */ /* Parent container — solid bg kaldir, glass alti gorunsun */ .layout-header-holder-bc { background: transparent !important; box-shadow: none !important; } /* Ana header container — glass efekt */ .header-bc { background: linear-gradient(135deg, rgba(255,255,255,0.04) 0%, transparent 50%, rgba(240,201,89,0.02) 100%), rgba(16, 16, 19, 0.55) !important; -webkit-backdrop-filter: saturate(180%) blur(40px) !important; backdrop-filter: saturate(180%) blur(40px) !important; border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important; box-shadow: 0 16px 48px rgba(0, 0, 0, 0.3), 0 4px 16px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.08), inset 0 -0.5px 0 rgba(0, 0, 0, 0.2) !important; } /* Header ic alanlar — parent blur gorunsun */ .header-bc .hdr-main-content-bc, .header-bc .hdr-user-bc, .header-bc .hdr-user-info-bc { background: transparent !important; } /* Nav menu container — transparent */ .header-bc .nav-menu-container, .header-bc .nav-menu-container.header-navigation, .header-bc .nav-menu, .header-bc .nav-menu-other { background: transparent !important; } /* Hizli islemler bandı (product banner) */ .header-bc .hdr-dynamic-content, .header-bc .hdr-additional-info { background: linear-gradient(180deg, rgba(255,255,255,0.02) 0%, transparent 100%), rgba(16, 16, 19, 0.65) !important; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5) !important; } /* Hizli islemler transition */ .header-bc .hdr-additional-info, .header-bc .hdr-navigation-scrollable-bc-holder { transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease !important; } /* Navigation scroll alanlari — transparent */ .header-bc .hdr-navigation-scrollable-bc, .header-bc .hdr-navigation-scrollable-content, .header-bc .hdr-navigation-link-bc { background: transparent !important; } /* Scroll shadow gradient kaldır */ .header-bc .hdr-navigation-scrollable-bc::before, .header-bc .hdr-navigation-scrollable-bc::after { background: transparent !important; background-image: none !important; } /* Logo boyutu */ .hdr-logo-bc { max-width: 200px !important; height: 3.75rem !important; } /* Toggle Button (Hizli Islemler) */ .hdr-toggle-button-bc { width: 30px !important; height: 30px !important; border-radius: 4px !important; background: rgba(255, 255, 255, 0.08) !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; color: #f0c959 !important; font-size: 0 !important; } /* Toggle ikon (3 nokta yerine grid) */ .hdr-toggle-button-bc::before { content: '' !important; display: block !important; width: 16px !important; height: 16px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f0c959' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7'/%3E%3Crect x='14' y='3' width='7' height='7'/%3E%3Crect x='14' y='14' width='7' height='7'/%3E%3Crect x='3' y='14' width='7' height='7'/%3E%3C/svg%3E") !important; background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; } /* Smart Panel */ .hdr-smart-panel-holder-arrow-bc { background: rgba(24, 24, 27, 0.9) !important; border: 1px solid rgba(255, 255, 255, 0.05) !important; box-shadow: 0 8px 32px rgba(0, 0, 0, 1) !important; } .hdr-smart-panel-holder-arrow-bc::before, .hdr-smart-panel-holder-arrow-bc::after { border-color: transparent transparent rgba(24, 24, 27, 0.98) !important; } .hdr-smart-panel-holder-bc { background: transparent !important; gap: 4px !important; } .sp-button-bc { background: transparent !important; border-radius: 0 !important; color: #b7b7b7 !important; transition: all 0.2s ease !important; } .sp-button-bc:hover, .sp-button-bc:active { background: rgba(240, 201, 89, 0.15) !important; color: #f0c959 !important; } .sp-button-icon-bc { color: inherit !important; } /* Smart Panel badge — altin renk */ .sp-button-bc .count-odd-animation, .sp-button-bc [data-badge]:not([data-badge=""]) { background: #f0c959 !important; color: #18181b !important; } /* Countdown Banner */ .countdown-banner-content { top: 4.5rem !important; background: rgb(24 24 27 / 0%) !important; border: none !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; box-shadow: 0 0 0px #00000000 !important; justify-content: flex-end !important; right: 2rem !important; } .countdown-banner-date { font-size: 32px !important; } .countdown-banner-names { font-size: 18px !important; } .countdown-banner-counter:not(:last-child) { padding-inline-end: 25px !important; } /* ================================================================ §4. GLASSMORPHISM — Navigation ================================================================ */ /* Nav bar container — tamamen transparan, border/radius/shadow yok */ .nav-menu-container.header-navigation:first-child { background: transparent !important; border: none !important; border-radius: 0 !important; box-shadow: none !important; outline: none !important; } /* Nav bar ic elemanlar — border-radius temizle */ .nav-menu-container.header-navigation:first-child .nav-menu, .nav-menu-container.header-navigation:first-child .nav-menu > li:first-child > .nav-menu-item, .nav-menu-container.header-navigation:first-child .nav-menu-other, .nav-menu-container.header-navigation:first-child .nav-menu-other > li, .nav-menu-container.header-navigation:first-child .nav-menu-other:hover > .nav-menu-item { border-radius: 0 !important; } /* Ikinci nav bar — solid kaldir */ .nav-menu-container.header-navigation:nth-child(2) { background: transparent !important; border: none !important; border-radius: 0 !important; box-shadow: none !important; } /* Nav content wrapper — solid kaldir */ .nav-content-bc { background: transparent !important; } /* Nav content dropdown — glass */ .nav-content-bc .nav-menu-container .nav-menu-sub { background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, transparent 100%), rgba(18, 18, 21, 0.85) !important; -webkit-backdrop-filter: saturate(180%) blur(30px) !important; backdrop-filter: saturate(180%) blur(30px) !important; } /* Nav content dropdown item — transparent */ .nav-content-bc .nav-menu-container .nav-menu-sub .nav-menu-item { color: rgba(255, 255, 255, 0.75) !important; background: transparent !important; } /* Nav item — default text */ .nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item, .nav-menu-container.header-navigation:first-child .nav-menu-other > .nav-menu-item { color: rgba(255, 255, 255, 0.85) !important; border-image: none !important; transition: all 0.2s ease !important; } /* Nav item — hover: yari saydam gold + ust cizgi */ .nav-menu-container.header-navigation:first-child .nav-menu > li:hover > .nav-menu-item, .nav-menu-container.header-navigation:first-child .nav-menu-other:hover > .nav-menu-item { color: #ffffff !important; background: rgba(240, 201, 89, 0.15) !important; box-shadow: inset 0 2px 0 0 #f0c959 !important; transition: all 0.2s ease !important; } /* Nav item — active: gold glow alt cizgi */ .nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item.active, .nav-menu-container.header-navigation:first-child .nav-menu-other > .nav-menu-item.active { color: #f0c959 !important; background: rgba(240, 201, 89, 0.12) !important; box-shadow: inset 0 -2px 0 0 #f0c959, 0 4px 12px rgba(240, 201, 89, 0.1) !important; } /* Dropdown submenu — glass */ .nav-menu-sub { background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, transparent 100%), rgba(18, 18, 21, 0.85) !important; -webkit-backdrop-filter: saturate(180%) blur(30px) !important; backdrop-filter: saturate(180%) blur(30px) !important; border: 1px solid rgba(255, 255, 255, 0.08) !important; box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5) !important; } /* Dropdown item text */ .nav-menu-sub .nav-menu-item { color: rgba(255, 255, 255, 0.75) !important; transition: all 0.15s ease !important; } /* Dropdown item — hover */ .nav-menu-sub .nav-menu-item:hover { background: rgba(240, 201, 89, 0.1) !important; color: #ffffff !important; } .nav-menu-sub .nav-menu-item:hover::before { background: #f0c959 !important; } /* Dropdown item active */ .nav-menu-container .nav-menu-sub .nav-menu-item.active { background: rgba(240, 201, 89, 0.15) !important; color: #f0c959 !important; } /* Dropdown hover (li > a) */ .nav-menu-sub li a:hover { background: rgba(240, 201, 89, 0.12) !important; color: #ffffff !important; } /* m-nav-items (nav chips) — transparan */ .nav-menu-container.header-navigation:first-child .m-nav-items-list-item-bc:not(.active) { background: rgba(255, 255, 255, 0.06) !important; border: 1px solid transparent !important; } .nav-menu-container.header-navigation:first-child .m-nav-items-list-item-bc.active, .nav-menu-container.header-navigation:first-child .m-nav-items-list-item-bc:hover { border: 1px solid rgba(240, 201, 89, 0.25) !important; background: rgba(240, 201, 89, 0.1) !important; } /* ================================================================ §5. GLASSMORPHISM — Popups, Overlays & Profile Panel ================================================================ */ /* --- Popup --- */ .popup-holder-bc { background: rgba(0, 0, 0, 0) !important; } .popup-inner-bc { background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, transparent 50%, rgba(240,201,89,0.02) 100%), rgba(18, 18, 21, 0.35) !important; -webkit-backdrop-filter: saturate(200%) blur(60px) brightness(0.9) !important; backdrop-filter: saturate(200%) blur(60px) brightness(0.9) !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; box-shadow: 0 24px 48px rgba(0, 0, 0, 0.5), 0 8px 24px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.15) !important; } /* Popup ici TUM elementler transparent */ .popup-inner-bc *:not(input):not(button):not(select):not(textarea):not(img):not(svg):not(i) { background: transparent !important; } /* ============================================================ FORM CONTROLS — Glassmorphism Panel Uyumlu Popup, Overlay icindeki tum formlar ============================================================ */ /* --- Input / Textarea --- */ .popup-inner-bc .form-control-input-bc, .popup-inner-bc .form-control-textarea-bc, .overlay-sliding-w-c-content-slider-bc .form-control-input-bc, .overlay-sliding-w-c-content-slider-bc .form-control-textarea-bc { background: rgba(255, 255, 255, 0.07) !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; border-radius: 8px !important; color: #ffffff !important; caret-color: #f0c959 !important; } .popup-inner-bc .form-control-input-bc:focus, .popup-inner-bc .form-control-textarea-bc:focus, .overlay-sliding-w-c-content-slider-bc .form-control-input-bc:focus, .overlay-sliding-w-c-content-slider-bc .form-control-textarea-bc:focus { border-color: rgba(240, 201, 89, 0.5) !important; background: rgba(255, 255, 255, 0.10) !important; } /* --- Select / Dropdown (div.form-control-select-bc) --- */ .popup-inner-bc .form-control-select-bc, .overlay-sliding-w-c-content-slider-bc .form-control-select-bc { background: rgba(255, 255, 255, 0.07) !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; border-radius: 8px !important; color: #ffffff !important; } /* --- Dropdown açık liste --- */ .popup-inner-bc .multi-select-bc .form-control-label-bc:not(:only-child) .form-control-select-bc, .overlay-sliding-w-c-content-slider-bc .multi-select-bc .form-control-label-bc:not(:only-child) .form-control-select-bc { border-radius: 8px 8px 0 0 !important; } .popup-inner-bc .multi-select-bc .form-control-label-bc + div, .overlay-sliding-w-c-content-slider-bc .multi-select-bc .form-control-label-bc + div { background: rgba(30, 30, 33, 0.95) !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; border-top: none !important; border-radius: 0 0 8px 8px !important; } /* --- Label title (placeholder text) --- */ .popup-inner-bc .form-control-title-bc, .overlay-sliding-w-c-content-slider-bc .form-control-title-bc { color: rgba(255, 255, 255, 0.4) !important; } /* --- Stroke (alt çizgi) — gizle, border yeterli --- */ .popup-inner-bc .form-control-input-stroke-bc, .overlay-sliding-w-c-content-slider-bc .form-control-input-stroke-bc { display: none !important; } /* --- Checkbox — unchecked durumu --- */ .popup-inner-bc .checkbox-control-icon-bc, .overlay-sliding-w-c-content-slider-bc .checkbox-control-icon-bc { background: rgba(255, 255, 255, 0.12) !important; border: 1px solid rgba(255, 255, 255, 0.25) !important; border-radius: 4px !important; } /* --- Checkbox — checked durumu (gold) --- */ .popup-inner-bc .checkbox-control-input-bc:checked ~ .checkbox-control-icon-bc, .overlay-sliding-w-c-content-slider-bc .checkbox-control-input-bc:checked ~ .checkbox-control-icon-bc { background: #f0c959 !important; border-color: #f0c959 !important; } /* --- Checkbox text --- */ .popup-inner-bc .checkbox-control-text-bc, .overlay-sliding-w-c-content-slider-bc .checkbox-control-text-bc { color: rgba(255, 255, 255, 0.7) !important; } .popup-inner-bc .checkbox-control-text-bc a, .overlay-sliding-w-c-content-slider-bc .checkbox-control-text-bc a { color: #f0c959 !important; } /* --- Validation states --- */ .popup-inner-bc .form-control-bc.invalid .form-control-input-bc, .popup-inner-bc .form-control-bc.invalid .form-control-select-bc, .overlay-sliding-w-c-content-slider-bc .form-control-bc.invalid .form-control-input-bc, .overlay-sliding-w-c-content-slider-bc .form-control-bc.invalid .form-control-select-bc { border-color: rgba(255, 59, 48, 0.6) !important; } .popup-inner-bc .form-control-bc.valid .form-control-input-bc, .popup-inner-bc .form-control-bc.valid .form-control-select-bc, .overlay-sliding-w-c-content-slider-bc .form-control-bc.valid .form-control-input-bc, .overlay-sliding-w-c-content-slider-bc .form-control-bc.valid .form-control-select-bc { border-color: rgba(52, 199, 89, 0.5) !important; } /* --- Error / validation mesajları --- */ .popup-inner-bc .form-control-message-bc, .overlay-sliding-w-c-content-slider-bc .form-control-message-bc { color: #ff6b6b !important; font-size: 12px !important; } /* --- Telefon alan kodu grubu --- */ .popup-inner-bc .form-controls-group-bc.telephone .form-controls-field-bc .form-control-select-bc, .overlay-sliding-w-c-content-slider-bc .form-controls-group-bc.telephone .form-controls-field-bc .form-control-select-bc { border-radius: 8px 0 0 8px !important; } .popup-inner-bc .form-controls-group-bc.telephone .form-controls-field-bc:last-child .form-control-input-bc, .overlay-sliding-w-c-content-slider-bc .form-controls-group-bc.telephone .form-controls-field-bc:last-child .form-control-input-bc { border-radius: 0 8px 8px 0 !important; } /* --- Datepicker icon --- */ .popup-inner-bc .dropdownIcon-bc, .overlay-sliding-w-c-content-slider-bc .dropdownIcon-bc { color: rgba(255, 255, 255, 0.4) !important; } /* --- Form arrow icon (dropdown) --- */ .popup-inner-bc .form-control-icon-bc, .overlay-sliding-w-c-content-slider-bc .form-control-icon-bc { color: rgba(255, 255, 255, 0.4) !important; } /* Popup header/title */ .popup-inner-bc .u-i-p-header-bc, .popup-inner-bc .popup-t-head-bc { background: rgba(0, 0, 0, 0.2) !important; border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important; } /* --- Overlay / Sliding Panel --- */ .overlay-sliding-wrapper-bc { background: rgba(0, 0, 0, 0) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; } .overlay-sliding-w-c-content-slider-bc { background: linear-gradient(135deg, rgba(255,255,255,0.06) 0%, transparent 50%, rgba(240,201,89,0.02) 100%), rgba(18, 18, 21, 0.65) !important; -webkit-backdrop-filter: saturate(180%) blur(40px) !important; backdrop-filter: saturate(180%) blur(40px) !important; border-left: 1px solid rgba(255, 255, 255, 0.1) !important; } /* Nested overlay — solid */ .overlay-sliding-w-c-content-slider-bc .overlay-sliding-wrapper-bc { background: rgba(0, 0, 0, 0.7) !important; } .overlay-sliding-w-c-content-slider-bc .overlay-sliding-w-c-content-slider-bc { background: #1a1a1d !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; } /* Overlay panel ici transparent */ .overlay-sliding-w-c-content-slider-bc *:not(input):not(button):not(select):not(textarea):not(img):not(svg):not(i) { background: transparent !important; } /* --- User Profile Panel Branding --- */ /* Bakiye karti NOT: .popup-inner-bc prefix → wildcard transparent kuralini yenmek icin Wildcard specificity: (0,1,7) — bu prefix ile: (0,2,0) → kazanir */ .popup-inner-bc .u-i-p-amounts-bc { background: linear-gradient(145deg, rgba(36, 36, 39, 0.9) 0%, rgba(30, 30, 33, 0.95) 100%) !important; border: 1px solid rgba(240, 201, 89, 0.15) !important; border-radius: 16px !important; overflow: hidden !important; } .u-i-p-a-title-bc { color: #9a9a9a !important; font-size: 11px !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; } .u-i-p-a-amount-bc { color: #f0c959 !important; font-size: 24px !important; font-weight: 700 !important; } /* Para Yatir / Cekim butonlari */ .u-i-p-a-buttons-bc { display: flex !important; gap: 8px !important; margin-top: 12px !important; } .u-i-p-a-deposit-bc, .u-i-p-a-withdraw-bc { flex: 1 !important; padding: 10px 16px !important; border-radius: 10px !important; font-size: 12px !important; font-weight: 600 !important; text-transform: uppercase !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; transition: all 0.25s ease !important; } .popup-inner-bc .u-i-p-a-deposit-bc { background: linear-gradient(145deg, #f0c959 0%, #d4a843 100%) !important; color: #1a1a1d !important; } .popup-inner-bc .u-i-p-a-deposit-bc:hover { background: linear-gradient(145deg, #ffd666 0%, #f0c959 100%) !important; box-shadow: 0 4px 16px rgba(240, 201, 89, 0.3) !important; } .popup-inner-bc .u-i-p-a-withdraw-bc { background: rgba(255, 255, 255, 0.08) !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; color: #ffffff !important; } .popup-inner-bc .u-i-p-a-withdraw-bc:hover { background: rgba(255, 255, 255, 0.12) !important; border-color: rgba(240, 201, 89, 0.3) !important; } /* Loyalty Points */ .popup-inner-bc .u-i-p-a-loyaltyPoint-bc { background: linear-gradient(135deg, rgba(240, 201, 89, 0.1) 0%, rgba(240, 201, 89, 0.05) 100%) !important; border: 1px solid rgba(240, 201, 89, 0.2) !important; border-radius: 10px !important; padding: 12px 16px !important; margin: 12px 0 !important; } .u-i-p-a-loyaltyPointText-bc { color: #f0c959 !important; font-weight: 600 !important; } /* User info section */ .popup-inner-bc .u-i-p-p-u-i-edit-button-bc { background: rgba(255, 255, 255, 0.03) !important; border-radius: 12px !important; padding: 12px !important; margin: 12px 0 !important; } .popup-inner-bc .u-i-p-p-u-i-avatar-holder-bc { background: linear-gradient(145deg, #f0c959 0%, #d4a843 100%) !important; color: #1a1a1d !important; font-weight: 700 !important; } .u-i-p-p-u-i-d-username-bc { color: #ffffff !important; font-weight: 600 !important; } .u-i-p-p-u-i-d-user-id-bc { color: #9a9a9a !important; font-size: 12px !important; } /* Menu satirlari */ .popup-inner-bc .u-i-p-l-head-bc { background: rgba(255, 255, 255, 0.02) !important; border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important; padding: 14px 16px !important; transition: all 0.2s ease !important; } .popup-inner-bc .u-i-p-l-head-bc:hover { background: rgba(240, 201, 89, 0.05) !important; } .u-i-p-l-head-bc .user-nav-icon { color: #f0c959 !important; font-size: 18px !important; } .u-i-p-l-h-title-bc { color: #ffffff !important; font-weight: 500 !important; } /* Promo code input */ .promoCodeWrapper-bc .form-control-input-bc { background: rgba(36, 36, 39, 0.9) !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; border-radius: 10px !important; color: #ffffff !important; } .promoCodeWrapper-bc .form-control-input-bc:focus { border-color: rgba(240, 201, 89, 0.4) !important; } /* Overlay Logout butonu */ .popup-inner-bc .userLogoutBtn { background: rgba(255, 59, 48, 0.1) !important; border: 1px solid rgba(255, 59, 48, 0.2) !important; color: #ff3b30 !important; border-radius: 10px !important; padding: 12px 20px !important; width: 100% !important; margin-top: 16px !important; transition: all 0.25s ease !important; } .popup-inner-bc .userLogoutBtn:hover { background: rgba(255, 59, 48, 0.2) !important; border-color: rgba(255, 59, 48, 0.4) !important; } /* ================================================================ §6. GLASSMORPHISM — Betslip, Search & Left Sidebar ================================================================ */ /* --- Betslip (Sag Panel) --- */ .betslip-full-content-bc { background: linear-gradient(135deg, rgba(255,255,255,0.06) 0%, transparent 50%, rgba(240,201,89,0.02) 100%), rgba(18, 18, 21, 0.65) !important; -webkit-backdrop-filter: saturate(180%) blur(40px) !important; backdrop-filter: saturate(180%) blur(40px) !important; border-left: 1px solid rgba(255, 255, 255, 0.1) !important; } .betslip-full-content-bc *:not(input):not(button):not(select):not(textarea):not(img):not(svg):not(i) { background: transparent !important; } .bs-f-header-bc { background: rgba(0, 0, 0, 0.2) !important; border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important; } .bs-f-header-bc .second-tabs-bc .tab-bc { background: rgba(255, 255, 255, 0.05) !important; border: 1px solid rgba(255, 255, 255, 0.08) !important; } .bs-f-header-bc .second-tabs-bc .tab-bc.active { background: rgba(240, 201, 89, 0.15) !important; border-color: rgba(240, 201, 89, 0.3) !important; color: #f0c959 !important; } .bs-f-footer { background: rgba(0, 0, 0, 0.25) !important; border-top: 1px solid rgba(255, 255, 255, 0.08) !important; } /* --- Search Panel --- */ .layout-search-holder-bc { background: linear-gradient(135deg, rgba(255,255,255,0.06) 0%, transparent 50%, rgba(240,201,89,0.02) 100%), rgba(18, 18, 21, 0.65) !important; -webkit-backdrop-filter: saturate(180%) blur(40px) !important; backdrop-filter: saturate(180%) blur(40px) !important; border-top: 1px solid rgba(255, 255, 255, 0.1) !important; } .layout-search-holder-bc *:not(input):not(button):not(select):not(textarea):not(img):not(svg):not(i) { background: transparent !important; } .layout-search-holder-bc .search-input-bc, .layout-search-holder-bc .form-control-bc { background: rgba(255, 255, 255, 0.08) !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; } .layout-search-holder-bc .search-input-bc:focus, .layout-search-holder-bc .form-control-bc:focus { border-color: rgba(240, 201, 89, 0.3) !important; box-shadow: 0 0 0 2px rgba(240, 201, 89, 0.1) !important; } /* --- Left Sidebar (Spor Sayfası) --- */ .left-menu-container { background: linear-gradient(180deg, rgba(255,255,255,0.03) 0%, transparent 100%), rgba(18, 18, 21, 0.75) !important; -webkit-backdrop-filter: saturate(160%) blur(30px) !important; backdrop-filter: saturate(160%) blur(30px) !important; border-right: 1px solid rgba(255, 255, 255, 0.06) !important; } .left-menu-container *:not(input):not(button):not(select):not(textarea):not(img):not(svg):not(i) { background: transparent !important; } /* ================================================================ §7. HEADER — Custom Buttons (Enterprise Grade) ---------------------------------------------------------------- Strateji: - ::before → SVG icon (font icon kill) - ::after → display:none (base CSS separator line kill) - → text label (span::after ile bos span'lara text inject) Base CSS bilgi: - ::after = separator line (position:absolute, width:1px, z-index:-1) - ::before = BetConstruct-Icons font-family !important - margin-inline-start:20px (butonlar arasi bosluk) - a[class*=promotions] { background: rgba(var(--hero),1) } ================================================================ */ /* Header user nav — balance + profile spacing */ .nav-menu-container.header-user-nav { display: flex !important; align-items: center !important; gap: 10px !important; } .nav-menu-container.header-user-nav > .nav-menu-other { display: flex !important; align-items: center !important; gap: 6px !important; } /* Profile avatar — etrafına boşluk */ .nav-menu-other.profileDetails a[aria-label="Profile Details"] { margin: 8px !important; padding: 4px !important; } /* ---- Global Reset — tum butonlar ---- */ /* Base CSS: .btn.a-color { background: rgba(var(--oc-1),1) } → OVERRIDE */ .hdr-user-bc .header-custom-buttons .btn.a-color.header-icon-text { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 7px !important; height: 34px !important; padding: 0 14px !important; border-radius: 6px !important; font-size: 0 !important; text-decoration: none !important; cursor: pointer !important; transition: all 0.2s ease !important; white-space: nowrap !important; line-height: 1 !important; position: relative !important; /* Base CSS kill: .btn.a-color { background: rgba(var(--oc-1),1) } */ background: rgba(255, 255, 255, 0.08) !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; box-shadow: none !important; color: #ffffff !important; } /* ::before → SVG icon (bc-i font kill) */ .hdr-user-bc .header-custom-buttons .btn.a-color.header-icon-text::before { font-family: sans-serif !important; font-size: 0 !important; content: '' !important; display: inline-block !important; width: 15px !important; min-width: 15px !important; height: 15px !important; background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; flex-shrink: 0 !important; border: none !important; border-radius: 0 !important; padding: 0 !important; margin: 0 !important; line-height: 0 !important; color: transparent !important; -webkit-text-fill-color: transparent !important; } /* ::after → KILL base CSS separator line */ .hdr-user-bc .header-custom-buttons .btn.a-color.header-icon-text::after { display: none !important; content: none !important; } /* → text label (visible) */ .hdr-user-bc .header-custom-buttons .btn.a-color.header-icon-text > span { font-size: 11px !important; font-weight: 600 !important; letter-spacing: 0.5px !important; text-transform: uppercase !important; line-height: 1 !important; display: inline-block !important; width: auto !important; height: auto !important; overflow: visible !important; margin: 0 !important; margin-inline-start: 0 !important; } /* Bos span icin ::after text inject (BONUS TALEP, TELEGRAM) */ .hdr-user-bc .header-custom-buttons .btn.a-color.header-icon-text > span:empty::after { font-size: 11px !important; font-weight: 600 !important; letter-spacing: 0.5px !important; text-transform: uppercase !important; line-height: 1 !important; } /* --- A. PARA YATIR — Gold Gradient CTA --- */ .hdr-user-bc .header-custom-buttons .btn.a-color[aria-label="PARA YATIR"] { background: linear-gradient(135deg, #f0c959 0%, #d4a843 100%) !important; border: 1px solid rgba(255, 255, 255, 0.2) !important; box-shadow: 0 2px 12px rgba(240, 201, 89, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important; } .hdr-user-bc .header-custom-buttons .btn.a-color[aria-label="PARA YATIR"]:hover { background: linear-gradient(135deg, #ffd666 0%, #f0c959 100%) !important; box-shadow: 0 4px 24px rgba(240, 201, 89, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.3) !important; transform: translateY(-1px) !important; } .hdr-user-bc .header-custom-buttons .btn.a-color[aria-label="PARA YATIR"]::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2318181b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='12' y1='1' x2='12' y2='23'/%3E%3Cpath d='M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6'/%3E%3C/svg%3E") !important; } .hdr-user-bc .header-custom-buttons .btn.a-color[aria-label="PARA YATIR"] > span { color: #18181b !important; } /* --- B. BONUS TALEP — Warm Orange Gradient --- */ .hdr-user-bc .header-custom-buttons .btn.a-color.bc-i-promotions-3 { background: linear-gradient(135deg, #ff9500 0%, #e67e00 100%) !important; border: 1px solid rgba(255, 255, 255, 0.15) !important; box-shadow: 0 2px 12px rgba(255, 149, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important; } .hdr-user-bc .header-custom-buttons .btn.a-color.bc-i-promotions-3:hover { background: linear-gradient(135deg, #ffaa33 0%, #ff9500 100%) !important; box-shadow: 0 4px 24px rgba(255, 149, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.3) !important; transform: translateY(-1px) !important; } .hdr-user-bc .header-custom-buttons .btn.a-color.bc-i-promotions-3::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 12 20 22 4 22 4 12'/%3E%3Crect x='2' y='7' width='20' height='5'/%3E%3Cline x1='12' y1='22' x2='12' y2='7'/%3E%3Cpath d='M12 7H7.5a2.5 2.5 0 0 1 0-5C11 2 12 7 12 7z'/%3E%3Cpath d='M12 7h4.5a2.5 2.5 0 0 0 0-5C13 2 12 7 12 7z'/%3E%3C/svg%3E") !important; } .hdr-user-bc .header-custom-buttons .btn.a-color.bc-i-promotions-3 > span::after { content: 'BONUS TALEP' !important; color: #ffffff !important; } /* --- C. TELEGRAM — Telegram Blue Gradient --- */ .hdr-user-bc .header-custom-buttons .btn.a-color.bc-i-telegram { background: linear-gradient(135deg, #29b6f6 0%, #0288d1 100%) !important; border: 1px solid rgba(255, 255, 255, 0.15) !important; box-shadow: 0 2px 12px rgba(41, 182, 246, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important; } .hdr-user-bc .header-custom-buttons .btn.a-color.bc-i-telegram:hover { background: linear-gradient(135deg, #4fc3f7 0%, #29b6f6 100%) !important; box-shadow: 0 4px 24px rgba(41, 182, 246, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.3) !important; transform: translateY(-1px) !important; } .hdr-user-bc .header-custom-buttons .btn.a-color.bc-i-telegram::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M11.944 0A12 12 0 1 0 24 12.056A12.01 12.01 0 0 0 11.944 0Zm5.573 8.192c-.21 1.992-.955 6.823-1.35 9.055c-.167.943-.497 1.258-.816 1.29c-.693.063-1.22-.458-1.89-.898c-1.052-.688-1.646-1.117-2.667-1.789c-1.18-.776-.415-1.202.258-1.898c.176-.183 3.236-2.967 3.295-3.22c.007-.032.014-.15-.057-.212s-.173-.044-.248-.026c-.106.026-1.793 1.14-5.062 3.345c-.479.329-.913.49-1.302.48c-.428-.008-1.252-.242-1.865-.442c-.752-.245-1.349-.374-1.297-.789c.027-.216.325-.437.893-.663c3.498-1.524 5.831-2.529 6.998-3.015c3.333-1.386 4.025-1.627 4.477-1.635c.099-.002.321.023.465.141a.506.506 0 0 1 .171.325c.016.093.036.306.02.472Z'/%3E%3C/svg%3E") !important; } .hdr-user-bc .header-custom-buttons .btn.a-color.bc-i-telegram > span::after { content: 'TELEGRAM' !important; color: #ffffff !important; } /* --- D. ORTAKLIK — Emerald Green Gradient --- */ .hdr-user-bc .header-custom-buttons .btn.a-color[aria-label="ORTAKLIK"] { background: linear-gradient(135deg, #4caf50 0%, #2e7d32 100%) !important; border: 1px solid rgba(255, 255, 255, 0.15) !important; box-shadow: 0 2px 12px rgba(76, 175, 80, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important; } .hdr-user-bc .header-custom-buttons .btn.a-color[aria-label="ORTAKLIK"]:hover { background: linear-gradient(135deg, #66bb6a 0%, #4caf50 100%) !important; box-shadow: 0 4px 24px rgba(76, 175, 80, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.3) !important; transform: translateY(-1px) !important; } .hdr-user-bc .header-custom-buttons .btn.a-color[aria-label="ORTAKLIK"]::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E") !important; } .hdr-user-bc .header-custom-buttons .btn.a-color[aria-label="ORTAKLIK"] > span { color: #ffffff !important; } /* ================================================================ §8. HEADER — Balance, Avatar & Dropdowns ================================================================ */ /* Balance display — Gold Pill */ .header-user-nav .nav-menu-other:first-child > li > a.nav-menu-item { background: rgba(240, 201, 89, 0.06) !important; border: 1px solid rgba(240, 201, 89, 0.25) !important; border-radius: 8px !important; padding: 0 14px !important; height: 34px !important; display: flex !important; align-items: center !important; transition: all 0.2s ease !important; } .header-user-nav .nav-menu-other:first-child > li > a.nav-menu-item:hover { background: rgba(240, 201, 89, 0.12) !important; border-color: rgba(240, 201, 89, 0.5) !important; } .balanceAmount { color: #f0c959 !important; font-size: 13px !important; font-weight: 700 !important; letter-spacing: 0.3px !important; } .currencySymbol { color: rgba(240, 201, 89, 0.6) !important; font-weight: 500 !important; } .hdr-user-info-content-bc { background: transparent !important; } /* Profile Avatar — Gold Ring */ .header-user-nav .profileDetails > li > a { width: 34px !important; height: 34px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 50% !important; background: rgba(240, 201, 89, 0.06) !important; border: 1.5px solid rgba(240, 201, 89, 0.35) !important; transition: all 0.25s ease !important; position: relative !important; } .header-user-nav .profileDetails > li > a:hover { background: rgba(240, 201, 89, 0.12) !important; border-color: #f0c959 !important; box-shadow: 0 0 20px rgba(240, 201, 89, 0.2) !important; } .hdr-user-avatar-icon-bc { font-size: 16px !important; color: #f0c959 !important; } .header-user-nav .profileDetails .backFace { display: none !important; } /* User Dropdowns — Glass + Gold Accent */ .header-user-nav .nav-menu-sub { background: linear-gradient(135deg, rgba(255,255,255,0.06) 0%, transparent 100%), rgba(14, 14, 17, 0.92) !important; -webkit-backdrop-filter: saturate(200%) blur(40px) !important; backdrop-filter: saturate(200%) blur(40px) !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; border-radius: 10px !important; box-shadow: 0 16px 48px rgba(0, 0, 0, 0.5), 0 4px 12px rgba(0, 0, 0, 0.3) !important; padding: 6px !important; min-width: 200px !important; } .header-user-nav .nav-menu-sub .nav-menu-item { color: rgba(255, 255, 255, 0.8) !important; background: transparent !important; border-radius: 6px !important; padding: 8px 12px !important; height: auto !important; transition: all 0.15s ease !important; display: flex !important; align-items: center !important; gap: 10px !important; } .header-user-nav .nav-menu-sub .nav-menu-item:hover { background: rgba(240, 201, 89, 0.08) !important; color: #ffffff !important; } .header-user-nav .nav-menu-sub .nav-menu-item::before { display: none !important; } .header-user-nav .nav-menu-sub .nav-menu-item > i { color: #f0c959 !important; font-size: 16px !important; opacity: 0.6 !important; transition: opacity 0.15s ease !important; flex-shrink: 0 !important; } .header-user-nav .nav-menu-sub .nav-menu-item:hover > i { opacity: 1 !important; } .header-user-nav .nav-menu-sub .checkbox-control-text-bc { color: inherit !important; font-size: 12px !important; font-weight: 500 !important; } .header-user-nav .nav-menu-sub li:not(:last-child) { border-bottom: 1px solid rgba(255, 255, 255, 0.03) !important; } /* Logout butonu */ .header-user-nav .logout-profile .userLogoutBtn { background: rgba(255, 59, 48, 0.06) !important; border: 1px solid rgba(255, 59, 48, 0.2) !important; color: #ff453a !important; border-radius: 6px !important; padding: 8px 12px !important; width: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; font-size: 12px !important; font-weight: 600 !important; transition: all 0.2s ease !important; margin-top: 4px !important; } .header-user-nav .logout-profile .userLogoutBtn:hover { background: rgba(255, 59, 48, 0.12) !important; border-color: rgba(255, 59, 48, 0.4) !important; } .header-user-nav .logout-profile .userLogoutIcon { color: #ff453a !important; font-size: 14px !important; } /* ================================================================ §9. AUTH BUTTONS (Giris / Kayit) — Premium ---------------------------------------------------------------- GİRİŞ: Ghost button — gold border + text, hover'da gold fill KAYIT: Primary CTA — gold gradient, hover'da glow + lift Her ikisinde de shimmer sweep efekti (::before) ================================================================ */ /* --- GİRİŞ — Ghost Premium --- */ .btn.sign-in { padding: 0 22px !important; height: 38px !important; color: #f0c959 !important; background: rgba(240, 201, 89, 0.04) !important; border: 1.5px solid rgba(240, 201, 89, 0.45) !important; border-radius: 8px !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: 0.8px !important; text-transform: uppercase !important; text-decoration: none !important; position: relative !important; overflow: hidden !important; cursor: pointer !important; font-family: inherit !important; transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important; box-shadow: 0 0 0 0 rgba(240, 201, 89, 0), inset 0 1px 0 rgba(240, 201, 89, 0.06) !important; } /* GİRİŞ shimmer layer */ .btn.sign-in::before { content: '' !important; position: absolute !important; top: 0 !important; left: -100% !important; width: 100% !important; height: 100% !important; background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.25) 50%, transparent 100%) !important; transition: left 0.5s ease !important; z-index: 1 !important; } @media (hover: hover) { .btn.sign-in:hover { color: #18181b !important; background: linear-gradient(135deg, #f0c959 0%, #ffd666 50%, #f0c959 100%) !important; border-color: #f0c959 !important; box-shadow: 0 4px 20px rgba(240, 201, 89, 0.35), 0 0 40px rgba(240, 201, 89, 0.08) !important; transform: translateY(-1px) !important; } .btn.sign-in:hover::before { left: 100% !important; } } .btn.sign-in:active { transform: translateY(0) scale(0.98) !important; box-shadow: 0 1px 6px rgba(240, 201, 89, 0.2) !important; transition-duration: 0.1s !important; } /* GİRİŞ span text — z-index shimmer ustunde */ .btn.sign-in > span { position: relative !important; z-index: 2 !important; } /* --- KAYIT — Primary Gold CTA --- */ .btn.register, .btn.btn-color { padding: 0 24px !important; height: 38px !important; color: #18181b !important; background: linear-gradient(135deg, #f0c959 0%, #d4a843 100%) !important; border: none !important; border-radius: 8px !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: 0.8px !important; text-transform: uppercase !important; position: relative !important; overflow: hidden !important; cursor: pointer !important; transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important; box-shadow: 0 2px 12px rgba(240, 201, 89, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important; } /* KAYIT shimmer layer */ .btn.register::before, .btn.btn-color::before { content: '' !important; position: absolute !important; top: 0 !important; left: -100% !important; width: 100% !important; height: 100% !important; background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.35) 50%, transparent 100%) !important; transition: left 0.5s ease !important; z-index: 1 !important; } @media (hover: hover) { .btn.register:hover, .btn.btn-color:hover { background: linear-gradient(135deg, #ffd666 0%, #f0c959 100%) !important; box-shadow: 0 6px 28px rgba(240, 201, 89, 0.45), 0 0 60px rgba(240, 201, 89, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.3) !important; transform: translateY(-2px) !important; } .btn.register:hover::before, .btn.btn-color:hover::before { left: 100% !important; } } .btn.register:active, .btn.btn-color:active { transform: translateY(0) scale(0.98) !important; box-shadow: 0 1px 6px rgba(240, 201, 89, 0.3) !important; transition-duration: 0.1s !important; } /* KAYIT span text — z-index shimmer ustunde */ .btn.register > span, .btn.btn-color > span { position: relative !important; z-index: 2 !important; } /* ================================================================ §10. NAVIGATION OVERRIDES ================================================================ A. Badge'leri Gizle B. Nav Item Padding & Layout C. More Dropdown Düzeltmeleri D. SVG Ikon Temel Stili E. SVG Ikon Tanımları (19 menü) F. Alt Çizgi Degrade ================================================================ */ /* ---------------------------------------------------------------- A. BADGE'LERİ GİZLE ---------------------------------------------------------------- data-badge="Yeni", "Jackpot", "En İyi", "Ücretsiz" — hepsini kaldır ---------------------------------------------------------------- */ .nav-menu-item[data-badge]::after { display: none !important; } .nav-menu-item.badge-new[data-badge]::after, .nav-menu-item.badge-jackpot[data-badge]::after, .nav-menu-item.badge-top[data-badge]::after, .nav-menu-item.badge-free[data-badge]::after { display: none !important; } /* ---------------------------------------------------------------- B. NAV ITEM PADDING & LAYOUT ---------------------------------------------------------------- */ /* Nav menu item padding */ .nav-menu-container.header-navigation:first-child .nav-menu-other > .nav-menu-item, .nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item { padding: 0px 14px; display: inline-flex !important; align-items: center !important; gap: 5px !important; } /* ---------------------------------------------------------------- C. MORE DROPDOWN DÜZELTMELERİ ---------------------------------------------------------------- */ /* Nav menu hide-items (More dropdown) — hover temizle, padding ayarla */ .nav-menu-hide-items li:nth-child(n+13):hover a { background: transparent !important; box-shadow: inset 0 0px 0 0 rgba(var(--hero), 1) !important; } .nav-menu-hide-items li:nth-child(13) i { display: none; } .nav-menu-hide-items li:nth-child(13) a { padding: 0px 12px !important; } .nav-menu-hide-items li:nth-child(n+14) a { padding: 0px 6px !important; } /* ---------------------------------------------------------------- D. SVG İKON TEMEL STİLİ ---------------------------------------------------------------- Tüm nav-menu-item'lara ::before ile SVG ikon eklenir. ---------------------------------------------------------------- */ /* BC'nin CMS inline SVG ikonlarını gizle (bizim ::before SVG'lerimiz var) */ .nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item > .CMSIconSVGWrapper, .nav-menu-container.header-navigation:first-child .nav-menu-other > .nav-menu-item > .CMSIconSVGWrapper { display: none !important; } /* Temel ikon stili */ .nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item::before, .nav-menu-container.header-navigation:first-child .nav-menu-other > .nav-menu-item::before { display: inline-block !important; position: static !important; width: 18px !important; min-width: 18px !important; height: 18px !important; margin-right: 2px !important; vertical-align: middle !important; background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; opacity: 0.7 !important; transition: all 0.2s ease !important; filter: brightness(0) invert(1) !important; pointer-events: none !important; } /* Hover — ikon parlar (gold tint) */ .nav-menu-container.header-navigation:first-child .nav-menu > li:hover > .nav-menu-item::before, .nav-menu-container.header-navigation:first-child .nav-menu-other:hover > .nav-menu-item::before { opacity: 1 !important; filter: brightness(0) saturate(100%) invert(85%) sepia(40%) saturate(600%) hue-rotate(5deg) brightness(100%) contrast(90%) !important; } /* Active — ikon gold */ .nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item.active::before, .nav-menu-container.header-navigation:first-child .nav-menu-other > .nav-menu-item.active::before { opacity: 1 !important; filter: brightness(0) saturate(100%) invert(85%) sepia(40%) saturate(600%) hue-rotate(5deg) brightness(100%) contrast(90%) !important; } /* ---------------------------------------------------------------- E. SVG İKON TANIMLARI ---------------------------------------------------------------- href*= ve aria-label ile eşleştirme (desktop label'ları) ---------------------------------------------------------------- */ /* CANLI (Canlı Bahis) */ .nav-menu-item[href*="sports/live"]::before, .nav-menu-item[aria-label="CANLI"]::before { content: "" !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFFFFF'%3E%3Ccircle cx='12' cy='12' r='1'/%3E%3Cpath d='m17.65723 6.34277a.49995.49995 0 1 0 -.707.707 7.00219 7.00219 0 0 1 0 9.9004.49995.49995 0 1 0 .707.707 8.00181 8.00181 0 0 0 0-11.31446z'/%3E%3Cpath d='m20.48535 3.51465a.49995.49995 0 0 0 -.707.707 11.0007 11.0007 0 0 1 0 15.55664.49995.49995 0 1 0 .707.707 12.00033 12.00033 0 0 0 0-16.9707z'/%3E%3Cpath d='m14.12109 9.17188a.49982.49982 0 0 0 0 .707 2.99889 2.99889 0 0 1 0 4.24218.49995.49995 0 1 0 .707.707 3.99852 3.99852 0 0 0 0-5.65624.4998.4998 0 0 0 -.707.00006z'/%3E%3Cpath d='m1 12a10.92887 10.92887 0 0 1 3.22168-7.77832.49995.49995 0 0 0 -.707-.707 12.00033 12.00033 0 0 0 0 16.9707.49995.49995 0 1 0 .707-.707 10.92887 10.92887 0 0 1 -3.22168-7.77838z'/%3E%3Cpath d='m7.0498 6.34277a.49982.49982 0 0 0 -.707 0 8.00181 8.00181 0 0 0 0 11.31446.49995.49995 0 0 0 .707-.707 7.00219 7.00219 0 0 1 0-9.9004.4998.4998 0 0 0 0-.70706z'/%3E%3Cpath d='m9.87891 9.17188a.4998.4998 0 0 0 -.707 0 3.99852 3.99852 0 0 0 0 5.65624.49995.49995 0 0 0 .707-.707 2.99889 2.99889 0 0 1 0-4.24218.49982.49982 0 0 0 0-.70706z'/%3E%3C/svg%3E") !important; } /* SPOR (Spor Bahisleri) */ .nav-menu-item[href*="sports/pre-match"]::before, .nav-menu-item[aria-label="SPOR"]::before { content: "" !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='%23FFFFFF'%3E%3Cpath d='m29.82 20.81-1.71 5.27a21.727 21.727 0 0 0 -6.49 1.58h-1.22l-2.22-6.85 5.82-4.23z'/%3E%3Cpath d='m8.71 17.03-4.64 3.37a19.777 19.777 0 0 1 2.86-8.82z'/%3E%3Cpath d='m18.55 28.45-1.36 1.65c-.01.01-.03.02-.04.03a9.958 9.958 0 0 0 -11.63-.49 19.647 19.647 0 0 1 -1.49-6.73l5.98-4.36 6.18 2.62z'/%3E%3Cpath d='m16.87 19.29-6.18-2.62-2.32-7.14a19.838 19.838 0 0 1 8.59-6.25l6.04 4.39v7.16z'/%3E%3Cpath d='m24 5.92-4.64-3.37a19.847 19.847 0 0 1 9.28 0z'/%3E%3Cpath d='m31.13 19.29-6.13-4.46v-7.16l6.04-4.39a19.838 19.838 0 0 1 8.59 6.25l-2.32 7.14z'/%3E%3Cpath d='m39.29 17.03 1.78-5.45a19.777 19.777 0 0 1 2.86 8.82z'/%3E%3Cpath d='m43.97 22.91a19.918 19.918 0 0 1 -1.56 6.91 21.91 21.91 0 0 0 -12.17-3.81l1.57-4.84 6.18-2.62z'/%3E%3Cpath d='m38 37a15.846 15.846 0 0 1 1.449-6.638 20.081 20.081 0 0 0 -18.9 0 15.929 15.929 0 0 1 0 13.276 20.081 20.081 0 0 0 18.9 0 15.846 15.846 0 0 1 -1.449-6.638zm-4 1h-1v1a1 1 0 0 1 -2 0v-1h-2v1a1 1 0 0 1 -2 0v-1h-1a1 1 0 0 1 0-2h1v-1a1 1 0 0 1 2 0v1h2v-1a1 1 0 0 1 2 0v1h1a1 1 0 0 1 0 2z'/%3E%3Cpath d='m45.281 35.048a20.15 20.15 0 0 0 -4.109-3.654v.006a13.987 13.987 0 0 0 0 11.2 20.14 20.14 0 0 0 4.108-3.653 3.028 3.028 0 0 0 .001-3.899z'/%3E%3Cpath d='m18.852 39.519a6.981 6.981 0 0 0 -6.333 6.333 8 8 0 0 0 6.333-6.333z'/%3E%3Cpath d='m13.121 40.121a8.954 8.954 0 0 1 5.854-2.607 7.986 7.986 0 0 0 -7.489-7.489 8.943 8.943 0 0 1 -8.461 8.461 7.986 7.986 0 0 0 7.489 7.489 8.954 8.954 0 0 1 2.607-5.854z'/%3E%3Cpath d='m9.481 30.148a8 8 0 0 0 -6.333 6.333 6.981 6.981 0 0 0 6.333-6.333z'/%3E%3C/svg%3E") !important; } /* SLOT (Slot Casino) */ .nav-menu-item[href*="casino/slots"]::before, .nav-menu-item[aria-label="SLOT"]::before { content: "" !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='%23FFFFFF'%3E%3Cg%3E%3Cpath d='m35 14h-26a3.009 3.009 0 0 0 -3 3v12.13a3.657 3.657 0 0 1 1-.13h30a3.657 3.657 0 0 1 1 .13v-12.13a3.009 3.009 0 0 0 -3-3zm-20.16 4.55a18.167 18.167 0 0 0 -1.9 3.79 18.549 18.549 0 0 0 -.95 3.8 1 1 0 0 1 -.99.86.708.708 0 0 1 -.14-.01 1 1 0 0 1 -.85-1.13 20.83 20.83 0 0 1 1.05-4.2 20.377 20.377 0 0 1 1.19-2.66h-2.25a1 1 0 0 1 0-2h4a1.006 1.006 0 0 1 .88.52 1.025 1.025 0 0 1 -.04 1.03zm10 0a18.167 18.167 0 0 0 -1.9 3.79 18.549 18.549 0 0 0 -.95 3.8 1 1 0 0 1 -.99.86.708.708 0 0 1 -.14-.01 1 1 0 0 1 -.85-1.13 20.83 20.83 0 0 1 1.05-4.2 20.377 20.377 0 0 1 1.19-2.66h-2.25a1 1 0 0 1 0-2h4a1.006 1.006 0 0 1 .88.52 1.025 1.025 0 0 1 -.04 1.03zm10 0a18.167 18.167 0 0 0 -1.9 3.79 18.549 18.549 0 0 0 -.95 3.8 1 1 0 0 1 -.99.86.708.708 0 0 1 -.14-.01 1 1 0 0 1 -.85-1.13 20.83 20.83 0 0 1 1.05-4.2 20.377 20.377 0 0 1 1.19-2.66h-2.25a1 1 0 0 1 0-2h4a1.006 1.006 0 0 1 .88.52 1.025 1.025 0 0 1 -.04 1.03z'/%3E%3Cpath d='m29.94 8.15-1.74 4.85h-12.44l-1.7-4.52a1.03 1.03 0 0 1 .28-1.11 1 1 0 0 1 1.13-.12l3.19 1.71 2.47-4.45a1 1 0 0 1 1.77.05l2.11 4.36 3.5-1.98a1 1 0 0 1 1.43 1.21z'/%3E%3Crect height='6' rx='1' width='6' x='38' y='34'/%3E%3Cpath d='m41 7a3 3 0 0 0 -3 3v2a3 3 0 0 0 6 0v-2a3 3 0 0 0 -3-3z'/%3E%3Cpath d='m41 36a1 1 0 0 1 -1-1v-21a1 1 0 0 1 2 0v21a1 1 0 0 1 -1 1z'/%3E%3Cpath d='m32 36h-20a1 1 0 0 0 0 2h20a1 1 0 0 0 0-2z'/%3E%3Cpath d='m37 30h-30a3 3 0 0 0 -3 3v8a3 3 0 0 0 3 3h30a3 3 0 0 0 3-3v-8a3 3 0 0 0 -3-3zm-5 10h-20a3 3 0 0 1 0-6h20a3 3 0 0 1 0 6z'/%3E%3C/g%3E%3C/svg%3E") !important; } /* CANLI CASİNO */ .nav-menu-item[href*="live-casino"]::before, .nav-menu-item[aria-label*="CANLI CAS"]::before { content: "" !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 511.897 511.897' fill='%23FFFFFF'%3E%3Cpath d='m185.699 265.947c0-35.821 70-93 70-93s70 57.179 70 93c0 26.407-12.67 37-32 37-18.176 0-27.893-10.64-32.937-20.052 10.966 24.154 35.937 55.052 35.937 55.052h-82s24.97-30.898 35.937-55.052c-5.044 9.412-14.76 20.052-32.937 20.052-19.33 0-32-10.593-32-37zm326-10c.39 226.766-276.965 341.646-437.021 181.017-99.3-95.288-99.317-266.748.004-362.036 160.069-160.623 437.422-45.738 437.017 181.019zm-390.175-105.89-31.976-31.976c-27.106 32.612-44.804 73.299-48.915 117.866h45.241c3.768-32.193 16.505-61.683 35.65-85.89zm272.04-60.26c-32.611-27.106-73.299-44.804-117.865-48.915v45.241c32.193 3.768 61.683 16.504 85.89 35.65zm-157.865-48.916c-44.566 4.111-85.254 21.809-117.865 48.915l31.975 31.976c24.207-19.145 53.697-31.882 85.89-35.65zm-111 215.066c0 72.233 58.767 131 131 131 173.551-6.586 173.503-255.44-.002-262-72.232 0-130.998 58.766-130.998 131zm-6.865 166.15c32.611 27.106 73.299 44.804 117.865 48.915v-45.241c-32.193-3.768-61.683-16.504-85.89-35.649zm157.865 48.915c44.566-4.111 85.254-21.809 117.865-48.915l-31.975-31.976c-24.208 19.145-53.697 31.882-85.89 35.649zm146.15-77.199c27.107-32.612 44.804-73.299 48.916-117.866h-45.241c-3.768 32.193-16.504 61.683-35.649 85.89zm0-275.732-31.976 31.976c19.145 24.207 31.882 53.697 35.649 85.89h45.241c-4.11-44.567-21.807-85.254-48.914-117.866zm-332.3 275.732 31.975-31.976c-19.145-24.207-31.882-53.697-35.649-85.89h-45.242c4.112 44.566 21.809 85.254 48.916 117.866z'/%3E%3C/svg%3E") !important; } /* PROMOSYONLAR (Bonuslar) */ .nav-menu-item[href*="promotions"]::before, .nav-menu-item[aria-label="PROMOSYONLAR"]::before { content: "" !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 330 330' fill='%23FFFFFF'%3E%3Cpath d='m296.6 90.5h-112v56.4h130.8v-37.6c0-10.3-8.4-18.8-18.8-18.8zm-263.1 0c-10.4 0-18.8 8.4-18.8 18.8v37.6h131.6v-56.4zm0 75.2v131.6c0 10.4 8.4 18.8 18.8 18.8h94v-150.4zm244.3 150.4c10.4 0 18.8-8.4 18.8-18.8v-131.6h-112v150.4zm-112.7-244.5c.1 0 .1.1.1.2h75.2c26 0 37.6-13 37.6-28.9s-11.7-28.9-37.6-28.9c-24.3 0-43.4 11.2-56.4 24.2-11.6-7.3-26.3-7.4-38-.4-13-12.9-32-23.9-56.1-23.9-26 0-37.6 13-37.6 28.9s11.6 28.9 37.6 28.9h75.2zm93.9-28c0 7.8-10.2 9.4-18.8 9.4h-42.7c-.1-.3-.3-.5-.4-.8 9.6-9.3 24-18 43.1-18 8.6 0 18.8 1.6 18.8 9.4zm-187.9 0c0-7.8 10.2-9.4 18.8-9.4 18.7 0 32.9 8.4 42.4 17.3-.3.5-.5 1-.8 1.5h-41.6c-8.6 0-18.8-1.7-18.8-9.4z'/%3E%3C/svg%3E") !important; } /* OYUNLAR */ .nav-menu-item[href*="/games"]::before, .nav-menu-item[aria-label="OYUNLAR"]::before { content: "" !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 591.793 591.793' fill='%23FFFFFF'%3E%3Cg%3E%3Cpath d='m320.232 288.578 229.47-144.723c-8.674-13.502-20.456-24.729-34.36-32.742l-169.155-97.634c-31.118-17.972-69.462-17.972-100.581 0l-169.156 97.634c-12.21 7.055-22.798 16.602-31.075 28.02l237.369 149.446c11.463 7.185 26.025 7.185 37.488-.001zm-63.756-156.245c-.007-21.771 17.637-39.426 39.409-39.433 21.771-.007 39.426 17.637 39.433 39.409s-17.637 39.426-39.409 39.433c-.004 0-.008 0-.012 0-21.767-.001-39.415-17.643-39.421-39.409z'/%3E%3Cpath d='m293.662 308.288c-6.715-1.033-13.147-3.429-18.901-7.041l-237.26-149.385c-7.456 14.327-11.35 30.239-11.353 46.389v195.328c.009 35.934 19.183 69.135 50.302 87.102l169.156 97.658c14.635 8.459 31.168 13.087 48.068 13.454 0 0 0-.06 0-.097z'/%3E%3Cpath d='m556.768 157.007-228.553 144.24c-5.948 3.741-12.62 6.182-19.577 7.162v282.611c13.234-1.686 25.998-5.993 37.549-12.669l169.156-97.67c31.124-17.969 50.298-51.176 50.302-87.114v-195.316c-.004-14.222-3.03-28.28-8.877-41.244z'/%3E%3C/g%3E%3C/svg%3E") !important; } /* E SPOR */ .nav-menu-item[href*="esports"]::before, .nav-menu-item[aria-label="E SPOR"]::before { content: "" !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%23FFFFFF'%3E%3Cpath d='m14.7 221c-1.8-7.9 9.9-10.8 12-2.9l11 45.1-12 3zm444.5-188.6c1.6 3.5 6.8 1.7 7.6-.9.3-.9.2-1.8-.1-2.7l-4.2-9c-1.1-2.4-3.9-2.4-5.9-1.1-1.7.8-2.5 2.8-1.7 4.6zm48.1 12.7s-6 2.8-6 2.8c-7.8 3.3-9.6-7.1-12.3-11.8l-3.3 1.5c2.6 5.5 8.8 18.8 11.4 24.5l14.9-6.9zm-244.7 70.1c-1.5 1.8-5.3 8.8-7.6 9.5l-14 6.5c-4 1.8-6.5 5.6-6.9 9.7l47.9-22.3zm-11.1 67.4c19.7-9.1 61.1-28.6 81.1-37.7 6.5-2.9 24.6-11.6 30.9-14.3l9.9-4.6c3-1.4 6.7-.2 8.1 2.8 1.3 2.7 3.4 4.6 6.1 5.4 2.7.7 5.4.4 7.8-1.1l93.3-59.8-.2-.4s0 0-.1 0c-3-6.5-11.1-23.8-14-30-1.1.5-4.3 2-5.4 2.5l-231.3 107.4z'/%3E%3C/svg%3E") !important; } /* SANAL SPOR */ .nav-menu-item[href*="virtual-sports"]::before, .nav-menu-item[aria-label="SANAL SPOR"]::before { content: "" !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60' fill='%23FFFFFF'%3E%3Cpath d='m30.749 20.19c2.82 0 5.11-2.29 5.11-5.11s-2.29-5.12-5.11-5.12-5.11 2.3-5.11 5.12 2.29 5.11 5.11 5.11z'/%3E%3Cpath d='m12.729 21.88c-1.38 1.32-1.99 3.23-1.62 5.1.36 1.85 1.62 3.38 3.37 4.08l6.73 2.71-1.88 7.88c-.25 1.02.32 2.06 1.31 2.4.22.08.44.11.67.11.8 0 1.56-.48 1.88-1.26l3.59-8.69c.84-2.05 0-4.38-1.97-5.42l-4.41-2.32c.8-.89 1.79-1.6 3.01-2.15l.65 2.8c.32 1.37 1.56 2.28 2.96 2.17l6.5-.5c1.05-.09 1.87-.97 1.87-2.02 0-1.06-.79-1.93-1.85-2.02l-5.27-.45s-.01 0-.01-.01l-.22-2.64c-2.26-.93-3.95-3.01-4.31-5.51-3.85.5-7.55 2.43-11 5.74z'/%3E%3Cpath d='m6.159 30.76c-.18.27-.21.62-.09.92 2.77 6.87 7.85 18.36 10.9 18.36h.03c.07 0 .14-.01.21-.03l8.01-1.96c5.74-1.41 10.56-5.03 13.25-9.93 1.79-3.29 4.27-5.05 5.17-5.61l5.97 2.07c1.21.43 2.66.07 3.53-.89.59-.65.9-1.49.86-2.38-.05-.89-.44-1.71-1.1-2.3l-6.37-5.73.33-3.55c.04-.37-.14-.73-.46-.93-.31-.21-.71-.21-1.04-.03-1.94 1.13-2.85 3.05-3.22 4.07-1.77.29-3.57.88-5.38 1.74.4.63.63 1.38.63 2.19 0 2.07-1.62 3.83-3.7 4.01l-4.75.37c.29 1.23.21 2.56-.31 3.82l-3.59 8.69c-.62 1.52-2.09 2.5-3.73 2.5-.48 0-.93-.08-1.35-.23-1.95-.67-3.07-2.72-2.57-4.76l1.47-6.19-5.13-2.06c-1.39-.56-2.56-1.5-3.38-2.7l-3.38.09c-.32.01-.63.17-.81.45z'/%3E%3C/svg%3E") !important; } /* TURNUVALAR */ .nav-menu-item[href*="tournaments"]::before, .nav-menu-item[aria-label="TURNUVALAR"]::before { content: "" !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFFFFF'%3E%3Cpath d='M19 5h-2V3H7v2H5c-1.1 0-2 .9-2 2v1c0 2.55 1.92 4.63 4.39 4.94.63 1.5 1.98 2.63 3.61 2.96V19H7v2h10v-2h-4v-3.1c1.63-.33 2.98-1.46 3.61-2.96C19.08 12.63 21 10.55 21 8V7c0-1.1-.9-2-2-2zM5 8V7h2v3.82C5.84 10.4 5 9.3 5 8zm14 0c0 1.3-.84 2.4-2 2.82V7h2v1z'/%3E%3C/svg%3E") !important; } /* JACKPOTLAR */ .nav-menu-item[href*="jackpot"]::before, .nav-menu-item[aria-label="JACKPOTLAR"]::before { content: "" !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFFFFF'%3E%3Cpath d='M11.8 10.9c-2.27-.59-3-1.2-3-2.15 0-1.09 1.01-1.85 2.7-1.85 1.78 0 2.44.85 2.5 2.1h2.21c-.07-1.72-1.12-3.3-3.21-3.81V3h-3v2.16c-1.94.42-3.5 1.68-3.5 3.61 0 2.31 1.91 3.46 4.7 4.13 2.5.6 3 1.48 3 2.41 0 .69-.49 1.79-2.7 1.79-2.06 0-2.87-.92-2.98-2.1h-2.2c.12 2.19 1.76 3.42 3.68 3.83V21h3v-2.15c1.95-.37 3.5-1.5 3.5-3.55 0-2.84-2.43-3.81-4.7-4.4z'/%3E%3C/svg%3E") !important; } /* NORABAHİS CRASH */ .nav-menu-item[href*="crash"]::before, .nav-menu-item[aria-label*="CRASH"]::before { content: "" !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFFFFF'%3E%3Cpath d='M9.19 6.35c-2.04 2.29-3.44 5.58-3.57 5.89L2 10.69l4.05-4.05c.47-.47 1.15-.68 1.81-.55l1.33.26zM11.17 17s3.74-1.55 5.89-3.7c5.4-5.4 4.5-12.28 4.5-12.28s-6.88-.9-12.28 4.5c-2.15 2.15-3.7 5.89-3.7 5.89l5.59 5.59zM17.65 14.81c-.26.66-.07 1.34.55 1.81l-4.05 4.05-1.55-3.62c.31-.13 3.6-1.53 5.89-3.57l-.84 1.33zM14.5 9c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zM5 19c-.55.55-1.87.76-2.87.89C2.26 20.87 2.47 19.55 3 19c.55-.55 1.5-.55 2.05 0S5.55 18.45 5 19z'/%3E%3C/svg%3E") !important; } /* TOMBALA */ .nav-menu-item[href*="tombala"]::before, .nav-menu-item[aria-label="TOMBALA"]::before { content: "" !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFFFFF'%3E%3Cpath d='M4 8h4V4H4v4zm6 12h4v-4h-4v4zm-6 0h4v-4H4v4zm0-6h4v-4H4v4zm6 0h4v-4h-4v4zm6-10v4h4V4h-4zm-6 4h4V4h-4v4zm6 6h4v-4h-4v4zm0 6h4v-4h-4v4z'/%3E%3C/svg%3E") !important; } /* ZEPPELİN */ .nav-menu-item[href*="zeppeli"]::before, .nav-menu-item[aria-label*="ZEPPEL"]::before { content: "" !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFFFFF'%3E%3Cpath d='M9.19 6.35c-2.04 2.29-3.44 5.58-3.57 5.89L2 10.69l4.05-4.05c.47-.47 1.15-.68 1.81-.55l1.33.26zM11.17 17s3.74-1.55 5.89-3.7c5.4-5.4 4.5-12.28 4.5-12.28s-6.88-.9-12.28 4.5c-2.15 2.15-3.7 5.89-3.7 5.89l5.59 5.59zM17.65 14.81c-.26.66-.07 1.34.55 1.81l-4.05 4.05-1.55-3.62c.31-.13 3.6-1.53 5.89-3.57l-.84 1.33zM14.5 9c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zM5 19c-.55.55-1.87.76-2.87.89C2.26 20.87 2.47 19.55 3 19c.55-.55 1.5-.55 2.05 0S5.55 18.45 5 19z'/%3E%3C/svg%3E") !important; } /* BONUS TALEP */ .nav-menu-item[href*="norabonus.xyz"]::before, .nav-menu-item[aria-label="BONUS TALEP"]::before { content: "" !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFFFFF'%3E%3Cpath d='M20 6h-2.18c.11-.31.18-.65.18-1 0-1.66-1.34-3-3-3-1.05 0-1.96.54-2.5 1.35L12 4l-.5-.65C10.96 2.54 10.05 2 9 2 7.34 2 6 3.34 6 5c0 .35.07.69.18 1H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-5-2c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zM9 4c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm11 15H4v-2h16v2zm0-5H4V8h5.08L7 10.83 8.62 12 12 7.4l3.38 4.6L17 10.83 14.92 8H20v6z'/%3E%3C/svg%3E") !important; } /* SALLA KAZAN */ .nav-menu-item[href*="salla"]::before, .nav-menu-item[aria-label*="SALLA"]::before { content: "" !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFFFFF'%3E%3Cpath d='M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM7.5 18c-.83 0-1.5-.67-1.5-1.5S6.67 15 7.5 15s1.5.67 1.5 1.5S8.33 18 7.5 18zm0-9C6.67 9 6 8.33 6 7.5S6.67 6 7.5 6 9 6.67 9 7.5 8.33 9 7.5 9zm4.5 4.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm4.5 4.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm0-9c-.83 0-1.5-.67-1.5-1.5S15.67 6 16.5 6s1.5.67 1.5 1.5S17.33 9 16.5 9z'/%3E%3C/svg%3E") !important; } /* VIPCLUB */ .nav-menu-item[href*="loyalty-points"]::before, .nav-menu-item[aria-label="VIPCLUB"]::before { content: "" !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFFFFF'%3E%3Cpath d='M5 16L3 5l5.5 5L12 4l3.5 6L21 5l-2 11H5zm14 3c0 .55-.45 1-1 1H6c-.55 0-1-.45-1-1v-1h14v1z'/%3E%3C/svg%3E") !important; } /* ÖZEL BAHIS */ .nav-menu-item[href*="ozeloran"]::before, .nav-menu-item[aria-label*="ÖZEL BAH"]::before { content: "" !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16.933333 16.933334' fill='%23FFFFFF'%3E%3Cg transform='translate(0 -280.067)'%3E%3Cpath d='m8.521435 280.59067c-.09679.006-.1826419.0641-.2237581.15193l-.3240114.69143-.7586107.0889c-.2233745.0265-.3139387.30192-.1498627.45579l.5575909.52245-.1503786.74827c-.043011.22022.190373.39066.3870563.28267l.6692107-.36794.666107.37414c.1963579.10936.4310327-.0604.3886068-.28112l-.1441767-.74879.5622395-.51831c.16524-.15293.07617-.42921-.1472776-.45682l-.7570603-.0951-.31936-.6935c-.037433-.0819-.1139507-.13914-.2030889-.15192-.017621-.002-.035459-.003-.053226-.002zm-4.2333334.52917c-.09679.006-.1826418.0641-.2237581.15192l-.3240114.69143-.7586107.0889c-.2233745.0265-.3139387.30191-.1498626.45578l.5575908.52245-.1503786.74828c-.043011.22022.190373.39066.3870564.28267l.6692106-.36794.6661071.37414c.1963578.10936.4310327-.0604.3886067-.28112l-.1441767-.74879.5622396-.51832c.1652402-.15292.076166-.42921-.1472777-.45682l-.7570602-.0951-.3193601-.6935c-.037433-.0819-.1139507-.13914-.2030888-.15193-.017621-.002-.035459-.003-.053226-.002zm8.4666664 0c-.09679.006-.182642.0641-.223758.15192l-.324011.69143-.758611.0889c-.223374.0265-.313939.30191-.149863.45578l.557591.52245-.150378.74828c-.04301.22022.190373.39066.387056.28267l.669211-.36794.666107.37414c.196358.10936.431032-.0604.388606-.28112l-.144176-.74879.562239-.51832c.165241-.15292.07617-.42921-.147277-.45682l-.757061-.0951-.31936-.6935c-.03743-.0819-.11395-.13914-.203088-.15193-.01762-.002-.03546-.003-.05323-.002zm-4.2948274 4.20646c-.2717986 0-.5362946.028-.7958164.0708l1.0857203.48111 1.2138793-.31212c-.4735804-.15404-.978326-.23983-1.5037832-.23978zm-1.5937019.29869c-.6948514.2441-1.3247105.63978-1.8422647 1.16375l-.025321 2.01176 1.4123168.60359 1.8107422-1.3007.2222076-1.78129zm3.8612633.29093-1.7637154.45321-.214974 1.76526 1.7792194 1.3069 1.58595-.48266.250113-1.61333c-.431509-.59414-.988732-1.08361-1.636593-1.42938zm-6.2388965 1.48002c-.5031052.71807-.8129746 1.57859-.8640286 2.51044l.8438753-1.02629zm8.3075035.61546-.168465 1.07952.670761.87127c-.03037-.69947-.206925-1.35923-.502296-1.95079zm-4.3294507.56999-.00265.002-.00106-.001-1.7084226 1.2268.0005292.001-.0005292.00053.2201413.68885.00265.008c.9950424-.0533 1.9623617-.0546 2.9636456-.004l.00265-.008c.0002646.00002.0007938-.00002.00106 0l.2201414-.66611zm-3.6530068.71262-1.1647858 1.41697c.00479.0421.012197.0837.018098.12558.9919308-.13713 1.9015154-.23725 2.7636549-.30025l-.2020543-.63355zm7.4372705.17519-1.566828.47335-.194821.5886c.86083.0608 1.772177.15933 2.768307.29714.0021-.0144.0052-.0285.0072-.0429zm-3.7930478 1.5012c-1.6586888.003-3.3577795.18777-5.4591004.50022l.4004945 1.59732c4.2573972-.64506 5.9302571-.64313 10.1797407 0l.400492-1.59577c-2.141757-.32209-3.861388-.50477-5.5216268-.50177zm-5.7929278 1.34668-1.96112099.51677c-.24407554.0663-.26503054.40434-.0310065.50023l.89813599.36483-.60151425.76171c-.15656719.19872.0282628.48277.27337005.42013l2.814815-.74207c.1422056-.0369.2271157-.18261.1891348-.32453l-.088366-.33383c-.3022732.0439-.5872215.0834-.9213903.13488-.135001.0206-.2635011-.0649-.2966243-.19741zm11.6447646.01-.271817 1.09089c-.03314.13271-.161959.21829-.29714.1974-.349779-.0538-.649346-.0955-.964282-.14107l-.08992.34003c-.03765.14175.04719.28709.189135.32401l2.814299.74259c.246197.0656.433771-.22052.275436-.42013l-.603581-.76171.898652-.36535c.232985-.0963.212096-.43296-.03101-.49971zm-6.6936458.78445c-.3036649.0144-.5496083.0317-.7999518.0517l-.2439141.37672.8268229 1.3503c.3483822.0803.7032149.13236 1.0609184.13436.45466-.002.9043723-.0803 1.3404876-.20774l.7441408-1.3255-.273886-.31884c-.2737911-.0231-.540925-.0429-.8712652-.0597-.3535971-.0161-.632042-.024-.9074388-.0238-.2673509.00016-.5372127.008-.8759138.0225zm4.2834588.41909-.859896.1602-.456819.81442c.486545-.24714.930553-.57646 1.316715-.97462zm-6.8714145.006c.461055.47358 1.0026941.85344 1.6009355 1.10845l-.5327835-.86917z'/%3E%3C/g%3E%3C/svg%3E") !important; } /* TV / TV GAMES */ .nav-menu-item[href*="limitsiz"]::before, .nav-menu-item[href*="tv-games"]::before, .nav-menu-item[aria-label="TV"]::before, .nav-menu-item[aria-label="TV GAMES"]::before { content: "" !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFFFFF'%3E%3Cpath d='M21 3H3c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h5v2h8v-2h5c1.1 0 1.99-.9 1.99-2L23 5c0-1.1-.9-2-2-2zm0 14H3V5h18v12z'/%3E%3C/svg%3E") !important; } /* TELEGRAM DESTEK */ .nav-menu-item[href*="t.me/"]::before { content: "" !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFFFFF'%3E%3Cpath d='m9.417 15.181-.397 5.584c.568 0 .814-.244 1.109-.537l2.663-2.545 5.518 4.041c1.012.564 1.725.267 1.998-.931l3.622-16.972.001-.001c.321-1.496-.541-2.081-1.527-1.714l-21.29 8.151c-1.453.564-1.431 1.374-.247 1.741l5.443 1.693 12.643-7.911c.595-.394 1.136-.176.691.218z'/%3E%3C/svg%3E") !important; } /* BİZE ULAŞIN */ .nav-menu-item[href*="norabizeulasin"]::before, .nav-menu-item[aria-label*="ULAŞ"]::before { content: "" !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFFFFF'%3E%3Cpath d='M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z'/%3E%3C/svg%3E") !important; } /* SPOR TURNUVASI */ .nav-menu-item[aria-label="SPOR TURNUVASI"]::before { content: "" !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFFFFF'%3E%3Cpath d='M19 5h-2V3H7v2H5c-1.1 0-2 .9-2 2v1c0 2.55 1.92 4.63 4.39 4.94.63 1.5 1.98 2.63 3.61 2.96V19H7v2h10v-2h-4v-3.1c1.63-.33 2.98-1.46 3.61-2.96C19.08 12.63 21 10.55 21 8V7c0-1.1-.9-2-2-2zM5 8V7h2v3.82C5.84 10.4 5 9.3 5 8zm14 0c0 1.3-.84 2.4-2 2.82V7h2v1z'/%3E%3C/svg%3E") !important; } /* ---------------------------------------------------------------- F. ALT ÇİZGİ DEGRADE ---------------------------------------------------------------- Nav bar altına ince gold degrade çizgi ---------------------------------------------------------------- */ .nav-menu-container.header-navigation:first-child::after { content: '' !important; position: absolute !important; bottom: 0 !important; left: 10% !important; right: 10% !important; height: 1px !important; background: linear-gradient(90deg, transparent 0%, rgba(240, 201, 89, 0.5) 50%, transparent 100%) !important; pointer-events: none !important; } /* ================================================================ §11. BRAND COLOR OVERRIDES (Gold Accent) ================================================================ */ .tab-nav-item-bc { color: #fcecc2 !important; } .notification-new-item { background: #f0c959 !important; display: flex !important; align-items: center !important; padding: 10px !important; color: #000 !important; border-radius: var(--border-radius) !important; font-size: 12px !important; } .entrance-f-error-message-bc { display: flex !important; justify-content: center !important; margin-bottom: 5px !important; padding: 5px !important; color: rgba(var(--b-sc), 1) !important; border-radius: var(--border-radius) !important; font-size: 12px !important; background: rgb(240 201 89 / 44%) !important; } .notification-new-item-icon { color: #ff3449 !important; } .checkbox-control-input-bc:checked ~ .checkbox-control-icon-bc { background: #f0c959 !important; } .carousel-count-arrow-container i { width: 25px !important; height: 20px !important; cursor: pointer !important; background: #f0c959 !important; color: #000 !important; border-radius: var(--border-radius) !important; transition: background var(--default-transition-duration) !important; } .second-tabs-bc .tab-bc:hover, .second-tabs-bc .tab-bc.active { background: #f0c959 !important; } .count-odd-animation:after { content: attr(data-badge) !important; position: absolute !important; width: 15px !important; height: 15px !important; color: rgba(var(--hero-sc), 1) !important; background: #f0c959 !important; border-radius: 50% !important; text-align: center !important; font-size: 8px !important; line-height: 15px !important; font-style: normal !important; font-family: var(--font-family) !important; } .button.hero { background-color: #f0c959 !important; color: #000000 !important; } /* ================================================================ §12. CASINO & GAMES ---------------------------------------------------------------- A. Oyun Kartlari (casino-game-item, casinoGameItem) B. Skeleton Loading (Nora Logo Pulse) C. Provider Itemlari (providerItemsInner) D. Oyun & Provider Badge'leri (badge-new, badge-top, ...) E. Kategori Icerikleri (casinoCategoryContent) F. Provider Blok & Filtre G. Arama Input (searchInputWrp) H. Oyun Sonuclari (gameResultsContainer) I. Online Oyuncu Sayisi J. Oyun Detaylari Popup (casinoGameDetails) K. Selected Provider Item L. Provider Row & Basliklar M. Icon Button Block N. Bos Durum & Hata Mesajlari O. Tumunu Goster (showAllCount) ================================================================ */ /* ============================================================ A. OYUN KARTLARI (casino-game-item, casinoGameItem) ============================================================ */ /* Ana oyun kartı — HER İKİ FORMAT */ .casino-game-item, .casinoGameItem { background: rgba(36, 36, 39, 0.95) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 84 84'%3E%3Ccircle cx='42' cy='42' r='42' fill='%23F0C959'/%3E%3Cpath d='M47.35 55.78C43.12 54.29 39.34 54.22 35.09 55.8c2.13-2.4 4.14-5.1 4.84-7.8.04-.16 0-.41-.01-.48-.02-.1-.39-.08-.5.03-2.21 2.11-7.56 3.14-10.15 2.28-3.32-1.11-5.94-3.86-6.98-7.14-1.13-3.57-.2-7.22 2.31-9.9 1.59-1.69 3.32-3 5.3-4.23 2.48-1.46 4.69-3.1 6.89-4.95 1.73-1.46 3.19-2.97 4.43-5.01 1.31 2.12 2.87 3.74 4.73 5.27 2.2 1.81 4.39 3.39 6.84 4.86 3.48 2.09 7.33 5.52 7.75 9.74.28 2.79-.5 5.35-2.18 7.55-1.36 1.78-3.11 3.24-5.31 3.83-2.2.59-4.11.19-6.21-.31-2.68-.64-3.95-2.38-4.29-2.03-.06.06-.12.29-.09.39.82 2.98 2.7 5.41 4.91 7.9z' fill='%231a1a1d'/%3E%3C/svg%3E") center / 36px no-repeat !important; border: 1px solid rgba(240, 201, 89, 0.15) !important; border-radius: var(--border-radius) !important; overflow: hidden !important; position: relative !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; } @media (hover: hover) { .casino-game-item:hover, .casinoGameItem:hover { border-color: rgba(240, 201, 89, 0.3) !important; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35), 0 0 20px rgba(240, 201, 89, 0.1) !important; transform: translateY(-2px) !important; } } /* Oyun resmi */ .casino-game-item-image-bc, .casinoGameItemImage { transition: transform 0.3s ease, filter 0.3s ease !important; } /* Hover overlay block */ .casino-game-item-block, .casinoGameItemBlock { background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.75) 100%) !important; } /* Oyun adı (hover'da görünen) */ .casino-game-item-label-bc, .casinoGameItemLabelBc { color: #ffffff !important; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5) !important; } /* Favori icon */ .casino-game-item-fav-bc, .casinoGameItemFavBc { color: rgba(255, 255, 255, 0.7) !important; transition: all 0.25s ease !important; } .casino-game-item-fav-bc:hover, .casino-game-item-fav-bc.active, .casinoGameItemFavBc:hover, .casinoGameItemFavBc.active { color: #f0c959 !important; text-shadow: 0 0 8px rgba(240, 201, 89, 0.5) !important; } /* Icon wrapper (hover icons) */ .casinoGameIconsWrp i { color: rgba(255, 255, 255, 0.8) !important; transition: color 0.2s ease !important; } .casinoGameIconsWrp i:hover { color: #f0c959 !important; } .casinoGameIconsWrp i.active.iconFavorite { color: #f0c959 !important; } /* Oyun butonları */ .casinoGameButtons .button { border-radius: 8px !important; transition: all 0.25s ease !important; } .casinoBtnWrp .button:not(.outlined) { background: linear-gradient(145deg, #f0c959 0%, #d4a843 100%) !important; color: #1a1a1d !important; box-shadow: 0 4px 12px rgba(240, 201, 89, 0.3) !important; } .casinoBtnWrp .button:not(.outlined):hover { background: linear-gradient(145deg, #ffd666 0%, #f0c959 100%) !important; box-shadow: 0 6px 16px rgba(240, 201, 89, 0.4) !important; } .casinoBtnWrp .button.outlined { border-color: rgba(255, 255, 255, 0.5) !important; color: #ffffff !important; } .casinoBtnWrp .button.outlined:hover { background: rgba(255, 255, 255, 0.1) !important; border-color: rgba(255, 255, 255, 0.8) !important; } /* Bet limitleri */ .casinoGameBetLimitsContainer { background: rgba(30, 30, 33, 0.95) !important; } .casinoGameBetLimitsContainer:before { background: rgba(240, 201, 89, 0.05) !important; } .casinoGameBetLimitsLabelBc { color: rgba(183, 183, 183, 0.8) !important; } .casinoGameBetLimits { color: #f0c959 !important; } /* Oyun kartı içerik wrapper */ .casino-game-item-content, .casinoGameItemContent { background: transparent !important; } /* Oyun kartı wrapper */ .casinoGameItemWrp { background: transparent !important; } /* Casino games grid */ .casinoCategoryGames { background: transparent !important; } /* Casino tab active */ .casino-info-block .main-tabs-bc .tab-bc.active { color: rgba(var(--hero-sc), 1) !important; background: #f0c959 !important; box-shadow: none !important; } /* Horizontal slider item hover/active */ .casino-horizontal-sl-list-bc .horizontal-sl-item-bc:hover, .promotion-horizontal-sl-list-bc .horizontal-sl-item-bc:hover { color: rgba(var(--hero-sc), 1) !important; background: #f0c959 !important; } .casino-horizontal-sl-list-bc .horizontal-sl-item-bc.active, .promotion-horizontal-sl-list-bc .horizontal-sl-item-bc.active { color: rgba(var(--hero-sc), 1) !important; background: #f0c959 !important; } /* Kategori ikonları */ .horizontalCategoryItem i { position: relative !important; line-height: 1.1 !important; transition: color .24s !important; color: #000000 !important; z-index: 1 !important; } .horCatItemTitle { position: relative !important; z-index: 1 !important; color: #000000 !important; white-space: normal !important; flex: 1 !important; overflow: hidden !important; text-overflow: ellipsis !important; display: -webkit-box !important; -webkit-line-clamp: 3 !important; -webkit-box-orient: vertical !important; word-break: break-word !important; transition: color .24s !important; } .horizontalCategoryItem { position: relative !important; width: 100% !important; display: flex !important; align-items: center !important; height: 100% !important; background-color: #f0c959 !important; overflow: hidden !important; transition: background-color .12s !important; } /* Container + wrapper — koyu arkaplan kaldır .casinoCategoryChooserContainer { background: transparent !important; } */ .casinoCategoryChooserContainer .horizontalSliderWrapper { background: #f0c959 !important; border-radius: 10px !important; overflow: hidden !important; } [class*=is-web] .casinoCategoryChooserContainer .horizontalSliderWrapper:before { background: #f0c959 !important; } /* Wrapper item — koyu gap kaldır */ .horizontalCategoryItemWrp { background: #f0c959 !important; } [class*=is-web] .horizontalCategoryItemWrp.active .horizontalCategoryItem:before, [class*=is-web] .horizontalCategoryItemWrp:hover .horizontalCategoryItem:before { background: #f0c959 !important; } [class*=is-web] .casinoCategoryChooserContainer .horizontalCategoryItemWrp:hover:before, [class*=is-web] .casinoCategoryChooserContainer .horizontalCategoryItemWrp.active:before, [class*=is-web] .casinoCategoryChooserContainer .horizontalCategoryItemWrp:active:before { background: radial-gradient(circle at 50% 86%, rgb(233 203 107), rgb(233 203 107 / 20%), rgba(var(--hero), 0), rgba(var(--b-sc), 0)) !important; } /* Nav okları — gold uyumlu */ .casinoCategoryChooserContainer .horizontalSliderNav { background: rgba(240, 201, 89, 0.95) !important; color: #1a1a1d !important; } /* ============================================================ B. SKELETON LOADING — NORA LOGO + ÇİFT HALKA ============================================================ */ /* Oyun kartı skeleton placeholder */ .skeleton-loader-game-cube { background: #1e1e21 !important; border-color: rgba(240, 201, 89, 0.1) !important; position: relative !important; } /* Nora logo + çift halka + PULSE FADE */ .skeleton-loader-game-cube::after { content: "" !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; width: 44px !important; height: 44px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 84 84'%3E%3Ccircle cx='42' cy='42' r='42' fill='%23F0C959'/%3E%3Cpath d='M47.35 55.78C43.12 54.29 39.34 54.22 35.09 55.8c2.13-2.4 4.14-5.1 4.84-7.8.04-.16 0-.41-.01-.48-.02-.1-.39-.08-.5.03-2.21 2.11-7.56 3.14-10.15 2.28-3.32-1.11-5.94-3.86-6.98-7.14-1.13-3.57-.2-7.22 2.31-9.9 1.59-1.69 3.32-3 5.3-4.23 2.48-1.46 4.69-3.1 6.89-4.95 1.73-1.46 3.19-2.97 4.43-5.01 1.31 2.12 2.87 3.74 4.73 5.27 2.2 1.81 4.39 3.39 6.84 4.86 3.48 2.09 7.33 5.52 7.75 9.74.28 2.79-.5 5.35-2.18 7.55-1.36 1.78-3.11 3.24-5.31 3.83-2.2.59-4.11.19-6.21-.31-2.68-.64-3.95-2.38-4.29-2.03-.06.06-.12.29-.09.39.82 2.98 2.7 5.41 4.91 7.9z' fill='%231a1a1d'/%3E%3C/svg%3E") !important; background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; border-radius: 50% !important; box-shadow: 0 0 0 3px #2d2d30, 0 0 0 5px #f0c959 !important; animation: noraLogoPulse 1.5s ease-in-out infinite !important; z-index: 1 !important; } @keyframes noraLogoPulse { 0%, 100% { opacity: 1; transform: translate(-50%, -50%) scale(1); } 50% { opacity: 0.3; transform: translate(-50%, -50%) scale(0.95); } } /* Diğer skeleton loader'lar */ .skeleton-loader-slider-cube, .skeleton-loader-big-button, .skeleton-loader-banner, .skeleton-loader-full-banner { background: #1e1e21 !important; position: relative !important; } .skeleton-loader-slider-cube::after, .skeleton-loader-big-button::after, .skeleton-loader-banner::after, .skeleton-loader-full-banner::after { content: "" !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; width: 36px !important; height: 36px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 84 84'%3E%3Ccircle cx='42' cy='42' r='42' fill='%23F0C959'/%3E%3Cpath d='M47.35 55.78C43.12 54.29 39.34 54.22 35.09 55.8c2.13-2.4 4.14-5.1 4.84-7.8.04-.16 0-.41-.01-.48-.02-.1-.39-.08-.5.03-2.21 2.11-7.56 3.14-10.15 2.28-3.32-1.11-5.94-3.86-6.98-7.14-1.13-3.57-.2-7.22 2.31-9.9 1.59-1.69 3.32-3 5.3-4.23 2.48-1.46 4.69-3.1 6.89-4.95 1.73-1.46 3.19-2.97 4.43-5.01 1.31 2.12 2.87 3.74 4.73 5.27 2.2 1.81 4.39 3.39 6.84 4.86 3.48 2.09 7.33 5.52 7.75 9.74.28 2.79-.5 5.35-2.18 7.55-1.36 1.78-3.11 3.24-5.31 3.83-2.2.59-4.11.19-6.21-.31-2.68-.64-3.95-2.38-4.29-2.03-.06.06-.12.29-.09.39.82 2.98 2.7 5.41 4.91 7.9z' fill='%231a1a1d'/%3E%3C/svg%3E") !important; background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; border-radius: 50% !important; box-shadow: 0 0 0 2px #2d2d30, 0 0 0 4px #f0c959 !important; animation: noraLogoPulse 1.5s ease-in-out infinite !important; z-index: 1 !important; } /* Provider items loader shimmer */ .providerItemsInnerLoader { background: linear-gradient(110deg, #242427 0%, #242427 40%, #2d2d30 50%, #242427 60%, #242427 100%) !important; background-size: 200% 100% !important; animation: shimmerNora 1.5s ease-in-out infinite !important; } /* ============================================================ C. PROVIDER İTEMLARI (providerItemsInner) ============================================================ */ /* Provider item (non-active) */ .providerItemsInner:not(.active) { background: linear-gradient(to bottom, rgba(45, 45, 48, 0.9), rgba(36, 36, 39, 0.8)) !important; border-color: rgba(255, 255, 255, 0.08) !important; color: #b7b7b7 !important; box-shadow: inset 0.5px 0.5px rgba(255, 255, 255, 0.1) !important; } /* Provider item (active/selected) */ .providerItemsInner.active { background: linear-gradient(to bottom, #f0c959, #d4a843) !important; color: #1a1a1d !important; border: 1px solid #fff !important; box-shadow: inset 1px 1px rgba(255, 255, 255, 0.3), 0 4px 12px rgba(240, 201, 89, 0.3) !important; } /* Provider item hover */ [class*=is-web] .providerItemsInner:hover { background: linear-gradient(to bottom, rgba(240, 201, 89, 0.9), rgba(212, 168, 67, 0.8)) !important; color: #1a1a1d !important; } /* Provider item button/text */ .providerItemsBtn { color: inherit !important; } .providerListRowName { color: inherit !important; } /* ============================================================ D. OYUN & PROVIDER BADGE'LERİ ============================================================ */ /* Badge genel stili */ .providerBadgeBlock:after, .casino-game-item:after { border-radius: 4px !important; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3) !important; } /* NEW badge */ .providerBadgeBlock.badge-new:after, .casino-game-item.badge-new:after { background: linear-gradient(135deg, #7f194f 0%, #5a1238 100%) !important; } /* TOP badge */ .providerBadgeBlock.badge-top:after, .casino-game-item.badge-top:after { background: linear-gradient(135deg, #6e3a85 0%, #4d2860 100%) !important; } /* HOT badge */ .providerBadgeBlock.badge-hot:after, .casino-game-item.badge-hot:after { background: linear-gradient(135deg, #e32020 0%, #b01818 100%) !important; } /* JACKPOT badge */ .providerBadgeBlock.badge-jackpot:after, .casino-game-item.badge-jackpot:after { background: linear-gradient(135deg, #f0c959 0%, #d4a843 100%) !important; color: #1a1a1d !important; } /* PROMO badge */ .providerBadgeBlock.badge-promo:after, .casino-game-item.badge-promo:after { background: linear-gradient(135deg, #186360 0%, #0f4a47 100%) !important; } /* EXCLUSIVE badge */ .providerBadgeBlock.badge-exclusive:after, .casino-game-item.badge-exclusive:after { background: linear-gradient(135deg, #53934f 0%, #3d6d3a 100%) !important; } /* FREE badge */ .providerBadgeBlock.badge-free:after, .casino-game-item.badge-free:after { background: linear-gradient(135deg, #1077c3 0%, #0a5a96 100%) !important; } /* TOURNAMENT badge */ .providerBadgeBlock.badge-tournament:after, .casino-game-item.badge-tournament:after { background: linear-gradient(135deg, #3b26ac 0%, #2a1b7d 100%) !important; } /* TRENDING badge */ .providerBadgeBlock.badge-trending:after, .casino-game-item.badge-trending:after { background: linear-gradient(135deg, #3b1c6b 0%, #2a144d 100%) !important; } /* ORTAK badge */ .providerBadgeBlock.badge-ortak:after, .casino-game-item.badge-ortak:after { background: linear-gradient(135deg, #7000ff 0%, #5200bd 100%) !important; } /* ============================================================ E. KATEGORİ İÇERİK (casinoCategoryContent) ============================================================ */ .casinoCategoryContent { background: linear-gradient(to bottom, rgba(45, 45, 48, 0.5), rgba(30, 30, 33, 0.3), transparent) !important; border-color: rgba(240, 201, 89, 0.08) !important; } /* Kategori başlığı */ .casinoCategoryHead { border-bottom-color: rgba(240, 201, 89, 0.15) !important; } .casinoCategoryHeadIcon { color: #f0c959 !important; } .casinoCategoryHeadTitle { color: #e8e8e8 !important; } /* Daha fazla göster linki */ .casinoCategoryMoreBc { color: rgba(240, 201, 89, 0.7) !important; transition: color 0.2s ease !important; } .casinoCategoryMoreBc:hover { color: #f0c959 !important; } /* ============================================================ F. PROVIDER BLOK & FİLTRE ============================================================ */ /* Provider content — BC base bg override */ .casinoProviderContent { background: rgba(var(--b), 1) !important; } /* Provider items container */ .providerItemsContainer { background: transparent !important; border: none !important; border-radius: none !important; } /* Provider block holder */ .casinoProviderBlockHolder { background: transparent !important; border: none !important; border-radius: none !important; } /* Provider items holder */ .providerItemsHolder { background: transparent !important; } /* Provider search and reset row */ .providerSearchAndReset { background: transparent !important; } /* Provider reset row */ .providerResetRow { background: transparent !important; border-bottom: none !important; } /* Provider text button */ .providerTxtBtnMob { background: linear-gradient(rgba(45, 45, 48, 0.9), rgba(36, 36, 39, 0.8)) !important; border-color: rgba(255, 255, 255, 0.1) !important; color: #b7b7b7 !important; } /* Provider button */ .providerBtn { background: linear-gradient(rgba(45, 45, 48, 0.9), rgba(36, 36, 39, 0.8)) !important; border-color: rgba(255, 255, 255, 0.1) !important; } .providerBtn:before { background: linear-gradient(135deg, #f0c959, #d4a843) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; } /* Provider filter button */ .providerFilterBtnMob { background: linear-gradient(rgba(45, 45, 48, 0.9), rgba(36, 36, 39, 0.8)) !important; border-color: rgba(255, 255, 255, 0.1) !important; } .providerFilterBtnMob.active, .providerBtn.active { background: linear-gradient(145deg, #f0c959, #d4a843) !important; border-color: rgba(240, 201, 89, 0.5) !important; color: #1a1a1d !important; } /* Provider filter text */ .providerFilter { color: #b7b7b7 !important; } /* Provider count text */ .providerCountTxt { color: rgba(183, 183, 183, 0.8) !important; } /* Selected provider badge */ .providerSelected { background: linear-gradient(145deg, #f0c959, #d4a843) !important; } /* ============================================================ G. ARAMA INPUT (searchInputWrp) ============================================================ */ .searchInputWrp { background-color: rgba(30, 30, 33, 0.95) !important; border-color: rgba(255, 255, 255, 0.1) !important; } .searchInputWrp:after { background: linear-gradient(rgba(45, 45, 48, 0.5), rgba(36, 36, 39, 0.3)) !important; } .searchInputWrp.active { border-color: rgba(240, 201, 89, 0.3) !important; } .searchInput { color: #e8e8e8 !important; } .searchInput::placeholder { color: #6a6a6a !important; } .searchInputIcon { color: #9a9a9a !important; } .searchInputIcon:before { background: linear-gradient(135deg, #f0c959, #d4a843) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; } /* ============================================================ H. OYUN SONUÇLARI (gameResultsContainer) ============================================================ */ .gameResultsContainer { background: rgba(30, 30, 33, 0.85) !important; border-radius: 0 0 var(--border-radius) var(--border-radius) !important; } .gameResultsContainer:before { background: rgba(36, 36, 39, 0.9) !important; border-color: rgba(255, 255, 255, 0.08) !important; } .gameResultSingle { color: #e8e8e8 !important; } /* ============================================================ I. ONLINE OYUNCU SAYISI (onlinePlayersCount) ============================================================ */ .onlinePlayersCount { background: rgba(24, 24, 27, 0.8) !important; color: #e8e8e8 !important; } .onlinePlayersCount:before { background: rgba(36, 36, 39, 0.6) !important; } .onlinePlayersCount > i { color: #4ade80 !important; } /* ============================================================ J. OYUN DETAYLARI POPUP (casinoGameDetails) ============================================================ */ .casinoGameDetailsContent { background-color: rgba(30, 30, 33, 0.98) !important; } .casinoGameDetailsTitle { color: #ffffff !important; } .casinoGameDetailsDescTxt { color: rgba(183, 183, 183, 0.8) !important; } .casGameDetailsRightInfoTitle { color: #e8e8e8 !important; } .casGameDetailsLimitsMin { color: #9a9a9a !important; } .casGameDetailsLimitsMinValue { color: #f0c959 !important; } .casinoGameDetailsProvTitle { color: #b7b7b7 !important; } /* Tab wrapper */ .casinoGameTabsWrp { background-color: rgba(36, 36, 39, 0.95) !important; } /* ============================================================ K. SELECTED PROVIDER ITEM ============================================================ */ .selectedProviderItem { background: linear-gradient(rgba(45, 45, 48, 0.8), rgba(36, 36, 39, 0.7)) !important; border-color: rgba(240, 201, 89, 0.15) !important; } .selectedProviderItemName { color: #e8e8e8 !important; } .selectedProviderItem i { color: #9a9a9a !important; } .selectedProviderItem i:hover { color: #f0c959 !important; } /* ============================================================ L. PROVIDER ROW & BAŞLIKLAR ============================================================ */ .casinoProviderRow { background: rgba(24, 24, 27, 0.98) !important; } .casinoProviderBlockTitle span { color: #e8e8e8 !important; } .casinoProviderBlockTitle i { color: #b7b7b7 !important; background: linear-gradient(rgba(240, 201, 89, 0.15), rgba(240, 201, 89, 0.08)) !important; border-color: rgba(240, 201, 89, 0.2) !important; } .casinoGameListTitle { color: #e8e8e8 !important; } /* Provider type icons */ .providerTypeIconWrp i { background: linear-gradient(#f0c959, #d4a843) !important; -webkit-background-clip: text !important; } .providerTypeIconWrp i.active { background: linear-gradient(#f0c959, #d4a843) !important; -webkit-background-clip: text !important; } /* ============================================================ M. ICON BUTTON BLOCK ============================================================ */ .iconButtonBlock { background: linear-gradient(rgba(45, 45, 48, 0.9), rgba(36, 36, 39, 0.8)) !important; border-color: rgba(255, 255, 255, 0.1) !important; color: #b7b7b7 !important; } .iconButtonBlock:hover, .iconButtonBlock.active { background: linear-gradient(145deg, #f0c959, #d4a843) !important; color: #1a1a1d !important; } /* ============================================================ N. BOŞ DURUM & HATA MESAJLARI ============================================================ */ .casinoSearchNoResults { color: #6a6a6a !important; } .casinoSearchNoResultsLabel { color: #9a9a9a !important; } .emptyTextBc { color: #6a6a6a !important; } /* Empty provider list */ .emptyProviderListWrp { color: #6a6a6a !important; } /* ============================================================ O. TÜMÜNÜ GÖSTER (showAllCount) ============================================================ */ .casinoGameItemShowAllInner { background: rgba(30, 30, 33, 0.9) !important; border: 1px solid rgba(240, 201, 89, 0.2) !important; } .showAllCount { color: #f0c959 !important; text-shadow: 0 0 15px rgba(240, 201, 89, 0.4) !important; } /* ============================================================ P. TURNUVALAR ============================================================ */ .casinoTournamentInfoSectionTitleBc { color: #000 !important; font-weight: bold !important; } .casinoTournamentSectionContentTitleBc { color: #000 !important; font-weight: bold !important; } .casinoTournamentSectionElStatusBc[data-status="3"] { color: #333 !important; } /* ============================================================ Q. ÖZEL OYUNLAR (justiceGames) ============================================================ */ .justiceGames { background: transparent !important; border: none !important; padding: 0 16px !important; margin-bottom: 10px !important; } .justiceGamesInner { background: transparent !important; } .justiceGamesTitleRow { background: transparent !important; border: none !important; padding: 15px 0 10px 0 !important; margin: 0 !important; } /* Dekoratif çizgiyi gizle */ .justiceGamesTitleRow::before, .justiceGamesTitleRow::after, .justiceGamesTitle::before, .justiceGamesTitle::after, .justiceGames::before, .justiceGames::after, div.justiceGamesTitleRow::before, div.justiceGamesTitleRow::after { display: none !important; content: none !important; background: none !important; background-image: none !important; border: none !important; width: 0 !important; height: 0 !important; opacity: 0 !important; } /* Başlık text */ .justiceGamesTitle, .justiceGamesTitleRow .justiceGamesTitle, .justiceGamesTitleRow > .justiceGamesTitle, p.justiceGamesTitle, .justiceGamesTitleRow p.justiceGamesTitle { color: #ffffff !important; font-size: 14px !important; font-weight: 400 !important; text-transform: uppercase !important; letter-spacing: normal !important; line-height: 1.4 !important; background: none !important; background-image: none !important; -webkit-text-fill-color: #ffffff !important; text-shadow: none !important; } /* Daha fazlası linki */ .justiceGames .view-see-more, .justiceGames .page-view-more { color: rgba(255, 255, 255, 0.6) !important; } .justiceGames .view-see-more:hover, .justiceGames .page-view-more:hover { color: #f0c959 !important; } /* Justice game item */ .justiceGameItem { background: rgba(36, 36, 39, 0.9) !important; border: 1px solid rgba(255, 255, 255, 0.06) !important; border-radius: 10px !important; transition: all 0.25s ease !important; } .justiceGameItem:hover { border-color: rgba(240, 201, 89, 0.2) !important; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3) !important; } /* ============================================================ R. KATEGORİ BAŞLIKLARI (page-view-more) — Tüm kategoriler ============================================================ */ /* Kategori başlık container */ .page-view-more { background: transparent !important; } /* Kategori başlık text (YENİ OYUNLAR vb.) */ .view-title-more { color: #ffffff !important; font-size: 14px !important; font-weight: 400 !important; text-transform: uppercase !important; } /* DAHA FAZLASI linki */ .view-see-more { color: rgba(255, 255, 255, 0.6) !important; transition: color 0.2s ease !important; } .view-see-more:hover { color: #f0c959 !important; } /* Ok ikonu */ .view-arrow-more { color: rgba(255, 255, 255, 0.6) !important; transition: color 0.2s ease, transform 0.2s ease !important; } .page-view-more:hover .view-arrow-more { color: #f0c959 !important; transform: translateX(3px) !important; } /* Oyun kartları scroll container */ .games-horiz { background: transparent !important; } .games-horiz-scroll { background: transparent !important; } /* Oyun grid satır container — justiceGames ile aynı spacing */ .games-content { background: transparent !important; border: none !important; padding: 0 16px !important; margin-bottom: 10px !important; } /* Games-content başlıkları — justiceGames ile birebir aynı */ .games-content .page-view-more { background: transparent !important; border: none !important; padding: 15px 0 10px 0 !important; margin: 0 !important; } .games-content .page-view-more::before, .games-content .page-view-more::after { display: none !important; content: none !important; } .games-content .view-title-more { color: #ffffff !important; font-size: 14px !important; font-weight: 400 !important; text-transform: uppercase !important; letter-spacing: normal !important; line-height: 1.4 !important; background: none !important; background-image: none !important; -webkit-text-fill-color: #ffffff !important; text-shadow: none !important; } .games-content .view-see-more { color: rgba(255, 255, 255, 0.6) !important; } .games-content .view-see-more:hover { color: #f0c959 !important; } /* ================================================================ §13. SPORTS BETTING & BONUS (+ Öne Çıkan Etkinlikler) ================================================================ */ /* ---------------------------------------------------------------- A. ÖNE ÇIKAN ETKİNLİKLER (Featured Games) ---------------------------------------------------------------- Mobile §7 + §17-F birleştirilmiş, desktop hover efektleri eklendi ---------------------------------------------------------------- */ /* Section container */ .featuredGames { margin-bottom: 20px !important; } /* Section başlığı */ .featuredGames .page-view-more { padding: 12px 16px !important; } .featuredGames .view-title-more { color: #f0c959 !important; font-size: 15px !important; font-weight: 700 !important; letter-spacing: 0.5px !important; text-transform: uppercase !important; } /* --- Kart Container --- */ .featuredGameItem { background: linear-gradient(135deg, rgba(255, 255, 255, 0.04) 0%, transparent 50%, rgba(240, 201, 89, 0.02) 100%), rgba(24, 24, 27, 0.9) !important; border: 1px solid rgba(255, 255, 255, 0.08) !important; border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; } @media (hover: hover) { .featuredGameItem:hover { border-color: rgba(240, 201, 89, 0.3) !important; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4), 0 0 20px rgba(240, 201, 89, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important; transform: translateY(-2px) !important; } } .featuredGameItem:active { transform: translateY(0) scale(0.99) !important; transition-duration: 0.1s !important; } /* --- Kart Header (lig bilgisi) --- */ .featuredGameItemHeader { background: rgba(0, 0, 0, 0.25) !important; border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important; padding: 10px 14px !important; height: auto !important; } .featuredGameItemHeader::before { display: none !important; } /* Spor ikonu */ .featuredGameItemSportAliasIcon { color: #f0c959 !important; font-size: 18px !important; } /* Lig ismi */ .featuredGameItemCompetitionName { color: rgba(255, 255, 255, 0.65) !important; font-size: 13px !important; } /* --- Kart Body (takımlar + oranlar) --- */ .featuredGameItemBody { background: transparent !important; padding: 14px !important; } /* Takım isimleri */ .featuredGameItemPlayer { color: #e0e0e0 !important; font-size: 14px !important; font-weight: 500 !important; } .featuredGameItemPlayerName { color: #ffffff !important; } /* Maç saati */ .featuredGameItemTime { color: rgba(255, 255, 255, 0.55) !important; font-size: 12px !important; } .featuredGameItemTime > time:first-child { color: #f0c959 !important; font-weight: 600 !important; } /* --- Live Badge --- */ .featuredGameItemIsLive { background: linear-gradient(135deg, #ff3449 0%, #d6051b 100%) !important; color: #ffffff !important; border-radius: 6px !important; font-weight: 600 !important; box-shadow: 0 2px 8px rgba(255, 52, 73, 0.35) !important; animation: livePulse 2s ease-in-out infinite !important; } @keyframes livePulse { 0%, 100% { box-shadow: 0 2px 8px rgba(255, 52, 73, 0.35); } 50% { box-shadow: 0 2px 12px rgba(255, 52, 73, 0.55); } } /* --- Bahis Butonları (Oranlar) --- */ .featuredGameItem .market-group-holder-bc { gap: 6px !important; } .featuredGameItem .market-group-holder-bc .market-group-item-bc + .market-group-item-bc { margin-inline-start: 0 !important; } .featuredGameItem .market-bc { background: rgba(255, 255, 255, 0.06) !important; border: 1px solid rgba(255, 255, 255, 0.08) !important; border-radius: 8px !important; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important; position: relative !important; overflow: hidden !important; } @media (hover: hover) { .featuredGameItem .market-bc:hover { background: rgba(240, 201, 89, 0.12) !important; border-color: rgba(240, 201, 89, 0.35) !important; box-shadow: 0 2px 8px rgba(240, 201, 89, 0.1) !important; transform: translateY(-1px) !important; } .featuredGameItem .market-bc:hover .market-odd-bc { color: #ffd666 !important; } } .featuredGameItem .market-bc:active { transform: translateY(0) scale(0.97) !important; transition-duration: 0.1s !important; } .featuredGameItem .market-bc.active { background: linear-gradient(135deg, rgba(240, 201, 89, 0.25) 0%, rgba(240, 201, 89, 0.1) 100%) !important; border-color: #f0c959 !important; box-shadow: 0 0 12px rgba(240, 201, 89, 0.15) !important; } .featuredGameItem .market-name-bc { color: rgba(255, 255, 255, 0.5) !important; font-size: 11px !important; } .featuredGameItem .market-odd-bc { color: #f0c959 !important; font-size: 14px !important; font-weight: 700 !important; transition: color 0.2s ease !important; } /* Boost ikonu */ .featuredGameItem .market-icon-bc.bc-i-boost { color: #34c759 !important; } /* --- Pagination (Swiper) --- */ .featuredGamesContent .swiper-pagination { color: rgba(255, 255, 255, 0.5) !important; font-size: 12px !important; } .featuredGamesContent .swiper-pagination-current { color: #f0c959 !important; font-weight: 600 !important; } /* ---------------------------------------------------------------- B. GENEL SPORTS BETTING & BONUS ---------------------------------------------------------------- */ .market-bc:not(.disabled-market-bc):hover { color: #000 !important; background: #f0c959 !important; } @keyframes marketActiveBorder { 0% { border-color: #f0c959; } 50% { border-color: #fdbb01; } 100% { border-color: #f0c959; } } .market-bc.active { background: linear-gradient(135deg, #f0c959 0%, #d4a843 50%, #f0c959 100%) !important; border: 1.5px solid #f0c959 !important; animation: marketActiveBorder 2s ease-in-out infinite !important; } .market-bc.active .market-odd-bc, .market-bc.active .market-name-bc, .market-bc.active .market-icon-bc { color: #ffffff !important; } .left-menu-container .second-tabs-bc .tab-bc:hover, .left-menu-container .second-tabs-bc .tab-bc.active { color: #000 !important; background: #f0c959 !important; } .popular-matches-bc { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; } .accordion-items-resize span { width: 11.11%; } .accordion-items-resize span button { width: calc(100% - 8px) !important; border: 1px solid #f0c959; max-width: calc(100% - 8px) !important; } /* --- Sport Bonus Turkish Text --- */ .sportBonusList-bc .sport-casino-bonus { position: relative !important; } .sportBonusList-bc .sportBonusFundTitle-bc.sportBonusFundTitle-total { font-size: 1rem !important; color: #FFFFFF !important; } .sportBonusList-bc .sportBonusFundTitle-bc.sportBonusFundTitle-withdrawable { font-size: 0; line-height: 0; } .sportBonusList-bc .sportBonusFundTitle-bc.sportBonusFundTitle-withdrawable::after { content: "Kalan Çevrim"; color: #FFF; font-size: 1rem; line-height: normal; } .sportBonusList-bc .sportBonusFundPrice-bc.sportBonusFundPrice-total { font-size: 1rem !important; color: green !important; } .sportBonusList-bc .countdown-banner-date { font-size: 0.75rem !important; } .sportBonusList-bc .countdown-banner-names { font-size: 0.5rem !important; font-weight: normal !important; } .sportBonusList-bc .countdown-banner-counter + .countdown-banner-counter:before { font-size: 0.5rem !important; top: 1px !important; left: -10px !important; } .sportBonusList-bc .sportBonusFundPrice-bc.sportBonusFundPrice-withdrawable { font-size: 1rem !important; color: red !important; } /* ---------------------------------------------------------------- C. SPOR SAYFASI — KAPSAMLI GÖRSEL STİLLER ---------------------------------------------------------------- Mobile §17 + §17.1 port — desktop UX iyileştirmeleri eklendi. hover: hover media query ile dokunmatik cihaz güvenliği. ---------------------------------------------------------------- */ /* --- Sport Type Chips (Futbol, Basketbol, etc.) --- */ .horizontal-sl-list-bc .horizontal-sl-item-bc, .sports-horizontal-sl-list-bc .horizontal-sl-item-bc { background: rgba(24, 24, 27, 0.95) !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; border-radius: 20px !important; color: #b7b7b7 !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; } @media (hover: hover) { .horizontal-sl-list-bc .horizontal-sl-item-bc:hover, .sports-horizontal-sl-list-bc .horizontal-sl-item-bc:hover { background: rgba(240, 201, 89, 0.12) !important; border-color: rgba(240, 201, 89, 0.3) !important; color: #ffffff !important; transform: translateY(-1px) !important; } } .horizontal-sl-list-bc .horizontal-sl-item-bc.active, .sports-horizontal-sl-list-bc .horizontal-sl-item-bc.active { background: linear-gradient(135deg, rgba(240, 201, 89, 0.2) 0%, rgba(240, 201, 89, 0.08) 100%) !important; border-color: #f0c959 !important; color: #f0c959 !important; box-shadow: 0 0 16px rgba(240, 201, 89, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important; } .horizontal-sl-item-bc .horizontal-sl-icon-bc { color: inherit !important; opacity: 0.8 !important; transition: opacity 0.25s ease !important; } .horizontal-sl-item-bc:hover .horizontal-sl-icon-bc, .horizontal-sl-item-bc.active .horizontal-sl-icon-bc { opacity: 1 !important; } .horizontal-sl-item-bc .horizontal-sl-count-bc { background: rgba(240, 201, 89, 0.15) !important; color: #f0c959 !important; font-size: 10px !important; font-weight: 600 !important; padding: 2px 6px !important; border-radius: 10px !important; margin-left: 6px !important; } .horizontal-sl-item-bc.active .horizontal-sl-count-bc { background: rgba(240, 201, 89, 0.25) !important; } /* --- Country/League Accordion List --- */ .sp-sub-list-bc { background: rgba(24, 24, 27, 0.6) !important; border-radius: 8px !important; margin-bottom: 6px !important; overflow: hidden !important; border: 1px solid rgba(255, 255, 255, 0.08) !important; } .sp-s-l-head-bc { background: rgba(30, 30, 33, 0.9) !important; padding: 10px 14px !important; display: flex !important; align-items: center !important; cursor: pointer !important; transition: all 0.25s ease !important; border-bottom: 1px solid transparent !important; } .sp-s-l-head-bc:hover { background: rgba(240, 201, 89, 0.08) !important; } .sp-sub-list-bc.active > .sp-s-l-head-bc, .sp-sub-list-bc.open > .sp-s-l-head-bc { background: linear-gradient(135deg, rgba(240, 201, 89, 0.15) 0%, rgba(240, 201, 89, 0.05) 100%) !important; border-bottom-color: rgba(240, 201, 89, 0.15) !important; box-shadow: inset 3px 0 0 #f0c959 !important; } .sp-s-l-head-bc .sp-s-l-h-flag-bc { width: 20px !important; height: 14px !important; margin-right: 10px !important; border-radius: 2px !important; flex-shrink: 0 !important; } .sp-s-l-head-bc .sp-s-l-h-title-bc { color: #e0e0e0 !important; font-size: 13px !important; font-weight: 500 !important; flex: 1 !important; transition: color 0.25s ease !important; } .sp-s-l-head-bc:hover .sp-s-l-h-title-bc { color: #ffffff !important; } .sp-sub-list-bc.active > .sp-s-l-head-bc .sp-s-l-h-title-bc, .sp-sub-list-bc.open > .sp-s-l-head-bc .sp-s-l-h-title-bc { color: #f0c959 !important; } .sp-s-l-head-bc .sp-s-l-h-count-bc { color: #9a9a9a !important; font-size: 12px !important; margin-right: 8px !important; } .sp-s-l-head-bc .sp-s-l-h-arrow-icon-bc { color: #6a6a6a !important; font-size: 10px !important; transition: all 0.25s ease !important; } .sp-s-l-head-bc:hover .sp-s-l-h-arrow-icon-bc { color: #b7b7b7 !important; } .sp-sub-list-bc.active > .sp-s-l-head-bc .sp-s-l-h-arrow-icon-bc, .sp-sub-list-bc.open > .sp-s-l-head-bc .sp-s-l-h-arrow-icon-bc { color: #f0c959 !important; transform: rotate(180deg) !important; } .sp-sub-list-bc .sp-s-l-content-bc { background: rgba(18, 18, 21, 0.6) !important; } .sp-sub-list-bc .sp-s-l-content-bc .sp-s-l-item-bc { padding: 10px 14px 10px 44px !important; color: #b7b7b7 !important; font-size: 13px !important; border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important; } .sp-sub-list-bc .sp-s-l-content-bc .sp-s-l-item-bc:hover { background: rgba(240, 201, 89, 0.06) !important; color: #ffffff !important; } .sp-sub-list-bc .sp-s-l-content-bc .sp-s-l-item-bc.active, .sp-sub-list-bc .sp-s-l-content-bc .sp-s-l-item-bc.selected { background: linear-gradient(135deg, rgba(240, 201, 89, 0.14) 0%, rgba(240, 201, 89, 0.06) 100%) !important; color: #f0c959 !important; box-shadow: inset 3px 0 0 #f0c959 !important; } .sp-sub-list-bc .sp-s-l-content-bc .sp-s-l-item-bc:last-child { border-bottom: none !important; } /* --- Accordion Sub Items --- */ .sp-s-l-b-c-item-bc { background: rgba(36, 36, 39, 0.8) !important; border-radius: 6px !important; border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important; } .sp-s-l-b-c-item-bc:hover { background: rgba(240, 201, 89, 0.08) !important; } .sp-s-l-b-c-item-bc.active, .sp-s-l-b-c-item-bc.selected { background: linear-gradient(135deg, rgba(240, 201, 89, 0.12) 0%, rgba(240, 201, 89, 0.05) 100%) !important; box-shadow: inset 3px 0 0 #f0c959 !important; } .sp-s-l-b-c-item-bc.active .sp-s-l-b-c-i-title-bc, .sp-s-l-b-c-item-bc.selected .sp-s-l-b-c-i-title-bc { color: #f0c959 !important; } .sp-s-l-b-c-i-title-bc { color: #b7b7b7 !important; } .sp-s-l-b-c-i-g-count-bc { color: #6a6a6a !important; } .sp-s-l-b-c-i-g-live-count-bc { background: linear-gradient(135deg, #ff3449 0%, #d6051b 100%) !important; color: #ffffff !important; border-radius: 6px !important; box-shadow: 0 2px 6px rgba(255, 52, 73, 0.3) !important; } /* --- Action Buttons (YAKLAŞAN MAÇLAR, POPÜLER MAÇLAR, etc.) --- */ .special-games-button { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 8px !important; padding: 10px !important; width: 100% !important; box-sizing: border-box !important; } .special-games-button .btn { padding: 10px 12px !important; border-radius: 8px !important; font-size: 10px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.3px !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; cursor: pointer !important; transition: all 0.25s ease !important; background: rgba(30, 30, 33, 0.9) !important; border: 1px solid rgba(255, 255, 255, 0.08) !important; color: #b7b7b7 !important; box-shadow: none !important; } @media (hover: hover) { .special-games-button .btn:hover { background: rgba(36, 36, 39, 1) !important; border-color: rgba(240, 201, 89, 0.3) !important; color: #f0c959 !important; transform: translateY(-1px) !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important; } .special-games-button .btn:active { background: rgba(240, 201, 89, 0.1) !important; transform: translateY(0) !important; } } .special-games-button .btn > i { font-size: 14px !important; color: #f0c959 !important; } .special-games-button .btn:first-child { grid-column: span 2 !important; } /* --- Favourite Teams Widget --- */ .favouriteTeamsWidget { background: rgba(24, 24, 27, 0.8) !important; border: 1px solid rgba(255, 255, 255, 0.08) !important; border-radius: 12px !important; padding: 16px !important; margin-bottom: 12px !important; } .favouriteTeamsWidget .widget-title, .favouriteTeamsWidgetTitle { color: #e0e0e0 !important; font-size: 14px !important; font-weight: 600 !important; margin-bottom: 12px !important; } .favouriteTeamItemInner { background: rgba(36, 36, 39, 0.95) !important; border-color: rgba(255, 255, 255, 0.1) !important; transition: border-color 0.2s ease !important; } .favouriteTeamItemInner:hover { border-color: rgba(240, 201, 89, 0.5) !important; } .addYourFavouritesBtn, .addYourFavouritesBtn.btn { background: linear-gradient(135deg, rgba(240, 201, 89, 0.15) 0%, rgba(240, 201, 89, 0.05) 100%) !important; border: 1px dashed rgba(240, 201, 89, 0.4) !important; border-radius: 10px !important; padding: 14px 16px !important; color: #f0c959 !important; font-size: 13px !important; font-weight: 500 !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; cursor: pointer !important; transition: all 0.25s ease !important; } @media (hover: hover) { .addYourFavouritesBtn:hover, .addYourFavouritesBtn.btn:hover { background: linear-gradient(135deg, rgba(240, 201, 89, 0.25) 0%, rgba(240, 201, 89, 0.1) 100%) !important; border-color: rgba(240, 201, 89, 0.6) !important; box-shadow: 0 0 16px rgba(240, 201, 89, 0.12) !important; transform: translateY(-1px) !important; } } .addYourFavouritesBtn i, .addYourFavouritesBtn .icon, .addYourFavouritesBtn.btn > i { font-size: 16px !important; color: #f0c959 !important; } /* --- Time Filter Dropdown --- */ .filter-sports-bc { background: rgba(24, 24, 27, 0.95) !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; border-radius: 8px !important; padding: 8px 12px !important; color: #b7b7b7 !important; font-size: 12px !important; cursor: pointer !important; transition: all 0.25s ease !important; } .filter-sports-bc:hover { border-color: rgba(240, 201, 89, 0.3) !important; color: #ffffff !important; } .filter-sports-bc.active, .filter-sports-bc:focus { border-color: #f0c959 !important; color: #f0c959 !important; outline: none !important; } .filter-sports-bc .filter-arrow, .filter-sports-bc::after { color: #6a6a6a !important; transition: color 0.25s ease !important; } .filter-sports-bc:hover .filter-arrow, .filter-sports-bc:hover::after { color: #b7b7b7 !important; } /* --- Time Filter Buttons --- */ .time-filter-button-bc { background: rgba(36, 36, 39, 0.9) !important; border-color: rgba(255, 255, 255, 0.1) !important; color: #b7b7b7 !important; border-radius: 8px !important; transition: all 0.2s ease !important; } .time-filter-button-bc:hover { background: rgba(240, 201, 89, 0.1) !important; border-color: rgba(240, 201, 89, 0.3) !important; color: #ffffff !important; } .time-filter-button-bc.active { background: linear-gradient(135deg, #f0c959 0%, #d4a843 100%) !important; border-color: #f0c959 !important; color: #18181b !important; font-weight: 600 !important; box-shadow: 0 2px 8px rgba(240, 201, 89, 0.3) !important; } /* --- Sports Page Container Background --- */ .sportsbook-wrapper, .sports-page-container, .pre-match-container { background: #18181b !important; } /* --- Match Cards --- */ .s-g-row-bc, .sport-game-row-bc { background: rgba(24, 24, 27, 0.7) !important; border: 1px solid rgba(255, 255, 255, 0.06) !important; border-bottom: none !important; border-radius: 8px !important; margin-bottom: 8px !important; padding-bottom: 8px !important; position: relative !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; } .s-g-row-bc::after, .sport-game-row-bc::after { content: '' !important; position: absolute !important; bottom: -4px !important; left: 10% !important; right: 10% !important; height: 1px !important; background: linear-gradient(90deg, transparent, rgba(240, 201, 89, 0.15) 30%, rgba(240, 201, 89, 0.25) 50%, rgba(240, 201, 89, 0.15) 70%, transparent) !important; } @media (hover: hover) { .s-g-row-bc:hover, .sport-game-row-bc:hover { background: rgba(30, 30, 33, 0.95) !important; border-color: rgba(240, 201, 89, 0.15) !important; transform: translateY(-1px) !important; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(240, 201, 89, 0.06) !important; } } .s-g-row-bc .sgr-team-name-bc, .sport-game-row-bc .team-name { color: #e0e0e0 !important; font-size: 13px !important; } .s-g-row-bc .sgr-time-bc, .sport-game-row-bc .match-time { color: #9a9a9a !important; font-size: 11px !important; } .s-g-row-bc .market-odd-bc, .sport-game-row-bc .odd-value { color: #f0c959 !important; font-weight: 700 !important; font-size: 13px !important; } .s-g-row-bc .market-name-bc, .sport-game-row-bc .market-name { color: #9a9a9a !important; font-size: 10px !important; } /* Live indicator — pulse efekti */ .s-g-row-bc .live-indicator, .sport-game-row-bc .is-live { background: linear-gradient(135deg, #ff3449 0%, #d6051b 100%) !important; color: #ffffff !important; padding: 2px 6px !important; border-radius: 4px !important; font-size: 9px !important; font-weight: 700 !important; text-transform: uppercase !important; box-shadow: 0 2px 6px rgba(255, 52, 73, 0.3) !important; animation: livePulse 2s ease-in-out infinite !important; } @keyframes livePulse { 0%, 100% { box-shadow: 0 2px 6px rgba(255, 52, 73, 0.3); } 50% { box-shadow: 0 2px 12px rgba(255, 52, 73, 0.5); } } /* ============================================================ §17.1 Competition / Match Kartları ============================================================ */ .competition-bc { background: rgba(24, 24, 27, 0.85) !important; border-color: rgba(255, 255, 255, 0.06) !important; border-radius: 10px !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important; transition: box-shadow 0.3s ease, border-color 0.3s ease !important; } @media (hover: hover) { .competition-bc:hover { border-color: rgba(255, 255, 255, 0.1) !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(240, 201, 89, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important; } } .competition-wrapper-bc { background: rgba(24, 24, 27, 0.7) !important; border-color: rgba(255, 255, 255, 0.08) !important; border-radius: 10px !important; } .c-segment-holder-bc { position: relative !important; margin-bottom: 5px !important; padding: 4px 5px !important; border-radius: 6px !important; } .c-segment-holder-bc::after { content: '' !important; position: absolute !important; bottom: -3px !important; left: 10% !important; right: 10% !important; height: 1px !important; background: linear-gradient(90deg, transparent, rgba(240, 201, 89, 0.15) 30%, rgba(240, 201, 89, 0.25) 50%, rgba(240, 201, 89, 0.15) 70%, transparent) !important; } .c-segment-holder-bc:last-child::after { display: none !important; } .c-segment-holder-bc.head { background: rgba(36, 36, 39, 0.9) !important; border-color: rgba(255, 255, 255, 0.08) !important; padding: 5px 6px !important; } .c-segment-holder-bc.info { background: rgba(30, 30, 33, 0.7) !important; padding: 3px 5px !important; } /* --- Takım Alanı --- */ .c-teams-bc { background: rgba(24, 24, 27, 0.5) !important; } .c-team-info-team-bc { color: #ffffff !important; font-weight: 500 !important; letter-spacing: 0.01em !important; } .c-team-info-score-bc { color: #f0c959 !important; font-weight: 700 !important; text-shadow: 0 0 8px rgba(240, 201, 89, 0.4), 0 0 20px rgba(240, 201, 89, 0.15) !important; } /* --- Tarih & Saat --- */ .c-info-content-bc { color: #b7b7b7 !important; } .c-info-content-bc i { color: #f0c959 !important; opacity: 0.7 !important; } /* --- İkonlar --- */ .c-info-icon-bc { color: #9a9a9a !important; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important; } .c-info-icon-bc:hover { color: #f0c959 !important; transform: scale(1.1) !important; } .c-info-icon-bc.bc-i-favorite, .c-info-icon-bc.bc-i-star, .c-info-icon-bc.active, .bc-i-favorite.active, .bc-i-star.active { color: #f0c959 !important; filter: drop-shadow(0 0 4px rgba(240, 201, 89, 0.4)) !important; } /* --- Market Sayısı (+491 gibi) --- */ .c-info-more-bc { color: #f0c959 !important; font-weight: 700 !important; background: rgba(240, 201, 89, 0.1) !important; padding: 2px 8px !important; border-radius: 10px !important; border: 1px solid rgba(240, 201, 89, 0.15) !important; transition: all 0.25s ease !important; } .c-info-more-bc:hover { color: #ffffff !important; background: rgba(240, 201, 89, 0.2) !important; border-color: rgba(240, 201, 89, 0.3) !important; } /* ============================================================ Market / Oran Butonları (§17.1 B — §13B ile birleşik) ============================================================ */ .market-bc { background: rgba(36, 36, 39, 0.95) !important; border-color: rgba(255, 255, 255, 0.08) !important; border-radius: 6px !important; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important; } .market-bc.disabled-market-bc { background: rgba(36, 36, 39, 0.5) !important; opacity: 0.5 !important; } /* Active glow (§13B solid gold + glow shadow) */ .market-bc.active { box-shadow: 0 0 12px rgba(240, 201, 89, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.1) !important; } @media (hover: hover) { .market-bc:not(.disabled-market-bc):hover { transform: translateY(-1px) !important; box-shadow: 0 4px 12px rgba(240, 201, 89, 0.2) !important; } .market-bc:not(.disabled-market-bc):active { transform: translateY(0) scale(0.97) !important; transition-duration: 0.1s !important; } } .market-odd-bc, .market-coefficient-bc { color: #f0c959 !important; font-weight: 700 !important; } .market-name-bc { color: #9a9a9a !important; } .market-arrow-up-down-bc.is-up { color: #16c72e !important; } .market-arrow-up-down-bc.is-down { color: #ff3449 !important; } .market-coefficient-bc { transition: background 0.3s ease !important; } /* ============================================================ Tab Sistemi (§17.1 G) ============================================================ */ /* Tab Type 1 (Underline) */ .tabsBcWrp.type1 { border-color: rgba(255, 255, 255, 0.08) !important; } .tabsBcWrp.type1 .tabsBcItemTxt { color: #9a9a9a !important; transition: color 0.2s ease !important; } .tabsBcWrp.type1 .tabsBcItem:hover .tabsBcItemTxt { color: #b7b7b7 !important; } .tabsBcWrp.type1 .tabsBcItem.active .tabsBcItemTxt { color: #f0c959 !important; font-weight: 600 !important; } .tabsBcWrp.type1 .tabItemBg { background: #f0c959 !important; border-radius: 2px 2px 0 0 !important; box-shadow: 0 -2px 8px rgba(240, 201, 89, 0.3) !important; } /* Tab Type 2 (Pill) */ .tabsBcWrp.type2 { background: rgba(36, 36, 39, 0.9) !important; border-radius: 8px !important; } .tabsBcWrp.type2 .tabsBcItemTxt { color: #9a9a9a !important; transition: color 0.2s ease !important; } .tabsBcWrp.type2 .tabsBcItem:hover { background: rgba(255, 255, 255, 0.05) !important; } .tabsBcWrp.type2 .tabsBcItem.active .tabsBcItemTxt { color: #18181b !important; font-weight: 600 !important; } .tabsBcWrp.type2 .tabItemBg { background: #f0c959 !important; border-radius: 6px !important; } /* ============================================================ Geri Navigasyon (§17.1 H) ============================================================ */ .backNavBlock > i, .back-nav-bc > i { color: #f0c959 !important; } .backNavTitle, .back-nav-title-bc-h1 { color: #e0e0e0 !important; } .back-nav-bc { color: #b7b7b7 !important; transition: color 0.2s ease !important; } .back-nav-bc:hover { color: #f0c959 !important; } /* ============================================================ Maç Detay Sayfası (§17.1 I) ============================================================ */ .game-details-container-inner-bc { background: linear-gradient(180deg, rgba(30, 30, 33, 0.95) 0%, rgba(24, 24, 27, 0.98) 100%) !important; border-radius: 12px !important; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important; border: 1px solid rgba(255, 255, 255, 0.06) !important; } .game-details-c-head-time-bc { background: rgba(240, 201, 89, 0.15) !important; color: #f0c959 !important; border-radius: 6px !important; } .game-d-c-h-c-r-sport-league-bc { color: #9a9a9a !important; } .game-d-c-b-r-c-team-name-bc { color: #f2f2f2 !important; } .game-details-c-b-r-c-score-item-bc.point { color: #ffffff !important; font-weight: 700 !important; } .game-details-c-b-r-c-score-item-bc.title { color: #9a9a9a !important; } .game-details-c-live-i-item-bc { background: rgba(0, 0, 0, 0.4) !important; color: rgba(255, 255, 255, 0.8) !important; border-radius: 8px !important; transition: all 0.2s ease !important; } .game-details-c-live-i-item-bc:hover { background: rgba(240, 201, 89, 0.2) !important; color: #f0c959 !important; } .game-details-c-live-i-item-bc.active { background: rgba(255, 255, 255, 0.9) !important; color: #18181b !important; } /* ============================================================ SGM — Single Game Markets (§17.1 J) ============================================================ */ /* --- SGM Body Container --- */ .sgm-body-bc { background: rgba(18, 18, 21, 0.6) !important; border-radius: 0 0 10px 10px !important; padding: 8px !important; display: flex !important; flex-direction: column !important; gap: 10px !important; } /* --- Market Grup Başlık (Toplam Goller, Maç Sonucu, vb.) --- */ .sgm-markets-head-bc { background: linear-gradient(135deg, rgba(36, 36, 39, 0.95) 0%, rgba(30, 30, 33, 0.85) 100%) !important; border-radius: 8px !important; border: 1px solid rgba(255, 255, 255, 0.06) !important; padding: 12px 14px !important; margin-bottom: 4px !important; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important; } .sgm-markets-head-bc:hover { background: linear-gradient(135deg, rgba(240, 201, 89, 0.1) 0%, rgba(240, 201, 89, 0.04) 100%) !important; border-color: rgba(240, 201, 89, 0.12) !important; } .sgm-m-h-title-bc { color: #ffffff !important; font-weight: 500 !important; } .sgm-m-h-title-bc i { color: #f0c959 !important; opacity: 0.8 !important; } /* --- Market Grup Alt Başlık (Üst/Alt, 1/X/2) --- */ .sgm-market-g-head-bc { background: rgba(36, 36, 39, 0.9) !important; color: #b7b7b7 !important; border-radius: 8px 8px 0 0 !important; border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important; } .sgm-market-g-head-bc:hover { background: rgba(240, 201, 89, 0.08) !important; color: #e0e0e0 !important; } .sgm-market-g-head-bc.active { background: linear-gradient(135deg, rgba(240, 201, 89, 0.15) 0%, rgba(240, 201, 89, 0.05) 100%) !important; border-color: rgba(240, 201, 89, 0.2) !important; color: #f0c959 !important; box-shadow: inset 3px 0 0 #f0c959 !important; } .sgm-market-g-h-title-label > span { background: #f0c959 !important; color: #18181b !important; border-radius: 4px !important; font-weight: 600 !important; } /* --- Market Grup Oran Satırları --- */ .sgm-market-g-item-bc { background: rgba(24, 24, 27, 0.7) !important; border-radius: 0 0 8px 8px !important; padding: 6px !important; gap: 4px !important; } .sgm-market-g-i-cell-bc.market-bc { background: rgba(36, 36, 39, 0.95) !important; border: 1px solid rgba(255, 255, 255, 0.08) !important; border-radius: 6px !important; padding: 8px 12px !important; margin-bottom: 3px !important; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important; position: relative !important; } .sgm-market-g-i-cell-bc.market-bc::after { content: '' !important; position: absolute !important; bottom: -2px !important; left: 15% !important; right: 15% !important; height: 1px !important; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.06) 50%, transparent) !important; } /* --- Başlık Satırı (Üst, Alt, 1, X, 2 vb.) --- */ .sgm-market-g-i-cell-bc.market-bc.m-g-header { background: linear-gradient(135deg, rgba(240, 201, 89, 0.08) 0%, rgba(240, 201, 89, 0.03) 100%) !important; border-color: rgba(240, 201, 89, 0.12) !important; pointer-events: none !important; } .sgm-market-g-i-cell-bc.market-bc.m-g-header .market-name-bc { color: #f0c959 !important; font-weight: 600 !important; font-size: 12px !important; text-transform: uppercase !important; letter-spacing: 0.03em !important; } .sgm-market-g-i-cell-bc.market-bc .market-name-bc { color: #9a9a9a !important; font-size: 11px !important; } .sgm-market-g-i-cell-bc.market-bc .market-odd-bc { color: #f0c959 !important; font-weight: 700 !important; } @media (hover: hover) { .sgm-market-g-i-cell-bc.market-bc:hover { background: rgba(240, 201, 89, 0.1) !important; border-color: rgba(240, 201, 89, 0.25) !important; transform: translateY(-1px) !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important; } .sgm-market-g-i-cell-bc.market-bc:hover .market-odd-bc { color: #ffffff !important; } .sgm-market-g-i-cell-bc.market-bc:hover .market-name-bc { color: #b7b7b7 !important; } } .sgm-market-g-i-cell-bc.market-bc.active { background: linear-gradient(135deg, #f0c959 0%, #d4a843 100%) !important; border-color: #f0c959 !important; box-shadow: 0 0 12px rgba(240, 201, 89, 0.3) !important; } .sgm-market-g-i-cell-bc.market-bc.active .market-odd-bc, .sgm-market-g-i-cell-bc.market-bc.active .market-name-bc { color: #ffffff !important; } /* Score List */ .scoreListMode { background: rgba(24, 24, 27, 0.7) !important; border-radius: 0 0 8px 8px !important; } .scoreListItem { background: rgba(36, 36, 39, 0.9) !important; color: #b7b7b7 !important; border: 1px solid rgba(255, 255, 255, 0.06) !important; border-radius: 6px !important; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important; } @media (hover: hover) { .scoreListItem:hover { background: rgba(240, 201, 89, 0.12) !important; border-color: rgba(240, 201, 89, 0.2) !important; transform: translateY(-1px) !important; } } .scoreListItem.active { background: linear-gradient(135deg, #f0c959 0%, #d4a843 100%) !important; color: #18181b !important; font-weight: 600 !important; border-color: #f0c959 !important; box-shadow: 0 2px 8px rgba(240, 201, 89, 0.3) !important; } /* ============================================================ Market Slider (§17.1 K) ============================================================ */ .marketSlider { background: linear-gradient(135deg, rgba(30, 30, 33, 0.9) 0%, rgba(24, 24, 27, 0.7) 100%) !important; border-color: rgba(255, 255, 255, 0.06) !important; border-radius: 8px !important; } .marketSliderHeader, .marketSliderTitle { color: #b7b7b7 !important; } .marketHolderTime { color: #9a9a9a !important; } /* ============================================================ Express / Günün Kombinesi (§17.1 L) ============================================================ */ .express-day-content { background: rgba(36, 36, 39, 0.8) !important; border-radius: 8px 8px 0 0 !important; } .express-day-game { color: #e0e0e0 !important; } .express-day-team { color: #9a9a9a !important; } .express-day-player { color: #b7b7b7 !important; } .express-day-player-odd { color: #f0c959 !important; font-weight: 600 !important; } .express-day-player-odd.remove { color: #ff3449 !important; } .express-day-footer { background: rgba(36, 36, 39, 0.6) !important; color: #6a6a6a !important; border-radius: 0 0 8px 8px !important; } .express-day-more { color: #f0c959 !important; } .express-bets { color: #ff3449 !important; } /* ============================================================ Switch / Toggle (§17.1 M) ============================================================ */ .SwitchBlockTxt { color: #9a9a9a !important; transition: color 0.2s ease !important; } .SwitchBlockInner { background: rgba(255, 255, 255, 0.15) !important; border-radius: 11px !important; transition: background 0.3s ease !important; } .SwitchBlockInner::before { background: #9a9a9a !important; border-radius: 50% !important; transition: all 0.3s ease !important; } .SwitchBlockInner.active { background: rgba(240, 201, 89, 0.3) !important; } .SwitchBlockInner.active::before { background: #f0c959 !important; } /* ============================================================ Competition Details (§17.1 O) ============================================================ */ .competition-details-section { border-radius: 8px !important; } .competition-details-header { background: rgba(36, 36, 39, 0.9) !important; transition: background 0.2s ease !important; } .competition-details-header:hover, .competition-details-header.active { background: rgba(240, 201, 89, 0.1) !important; } .competition-details-header p { color: #e0e0e0 !important; } .competition-details-header span { color: #6a6a6a !important; } .competition-details-info-container { background: rgba(30, 30, 33, 0.8) !important; color: #6a6a6a !important; } .competition-details-more-icon { color: #f0c959 !important; } /* ============================================================ Comp Name / Fav Row (§17.1 P) ============================================================ */ .comp-name-fav-row-bc { background: rgba(36, 36, 39, 0.9) !important; border-radius: 8px 8px 0 0 !important; } .comp-title-w-bc { color: #e0e0e0 !important; } .comp-live-title-bc { background: linear-gradient(135deg, #ff3449 0%, #d6051b 100%) !important; color: #ffffff !important; border-radius: 6px !important; box-shadow: 0 2px 6px rgba(255, 52, 73, 0.3) !important; animation: livePulse 2s ease-in-out infinite !important; } .comp-fav-icon-bc { color: #6a6a6a !important; transition: color 0.2s ease !important; } .comp-fav-icon-bc:hover, .comp-fav-icon-bc.active { color: #f0c959 !important; } /* ============================================================ Competition Wrapper Content (§17.1 Q) ============================================================ */ .competitionWrapperContent { background: linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.01) 50%, rgba(255, 255, 255, 0.04) 100%) !important; border-radius: 8px !important; } .competitionWrapperTitle { color: #e0e0e0 !important; } /* ================================================================ §14. PROMOTIONS ---------------------------------------------------------------- A. Kategori Tablari (promotion-horizontal-sl-list-bc) B. Promosyon Kartlari (promotionsListEl-bc) C. Bilgilendirme Widget (informative-widget) D. Bonus Detay (sportBonusDetailsWrapper) ================================================================ */ /* ============================================================ A. KATEGORİ TABLARI ============================================================ */ /* Tab container */ .promotion-horizontal-sl-list-bc { background: transparent !important; border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important; padding: 0 16px !important; } /* Tab item */ .promotion-horizontal-sl-list-bc .horizontal-sl-item-bc { background: transparent !important; color: #9a9a9a !important; border: none !important; border-radius: 8px !important; padding: 8px 16px !important; transition: all 0.25s ease !important; } /* Tab hover */ .promotion-horizontal-sl-list-bc .horizontal-sl-item-bc:hover { color: rgba(var(--hero-sc), 1) !important; background: rgba(240, 201, 89, 0.9) !important; } /* Tab active */ .promotion-horizontal-sl-list-bc .horizontal-sl-item-bc.active { color: rgba(var(--hero-sc), 1) !important; background: #f0c959 !important; font-weight: 600 !important; } /* Tab icon */ .promotion-horizontal-sl-list-bc .horizontal-sl-icon-bc { color: inherit !important; } /* Tab title */ .promotion-horizontal-sl-list-bc .horizontal-sl-title-bc { color: inherit !important; } /* ============================================================ B. PROMOSYON KARTLARI ============================================================ */ /* Grid layout */ .promotionsList-bc:not(.gridView) { grid-template-columns: repeat(4, 1fr) !important; gap: 16px !important; padding: 16px !important; } /* Kart wrapper */ .promotionsListEl-bc { background: rgba(36, 36, 39, 0.95) !important; border: 1px solid rgba(255, 255, 255, 0.06) !important; border-radius: 12px !important; overflow: hidden !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; } @media (hover: hover) { .promotionsListEl-bc:hover { border-color: rgba(240, 201, 89, 0.25) !important; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35), 0 0 16px rgba(240, 201, 89, 0.08) !important; transform: translateY(-2px) !important; } } /* Kart görseli */ .promotionsArticleThumbnail-bc { object-fit: contain !important; border-radius: 0 !important; transition: transform 0.3s ease !important; } @media (hover: hover) { .promotionsListEl-bc:hover .promotionsArticleThumbnail-bc { transform: scale(1.03) !important; } } /* Kart başlığı */ .promotions-article-title { color: #ffffff !important; font-size: 14px !important; font-weight: 500 !important; padding: 12px 14px !important; line-height: 1.4 !important; } /* ============================================================ C. BİLGİLENDİRME WİDGET (informative-widget) ============================================================ */ .informative-widget { background: rgba(36, 36, 39, 0.9) !important; border: 1px solid rgba(255, 255, 255, 0.06) !important; border-radius: 12px !important; overflow: hidden !important; transition: all 0.3s ease !important; } .informative-widget:hover { border-color: rgba(240, 201, 89, 0.2) !important; } .informative-widget-link { color: #ffffff !important; } .informative-widget-container { background: transparent !important; } .informative-widget-container span { color: #b7b7b7 !important; font-size: 13px !important; line-height: 1.5 !important; } /* ============================================================ D. BONUS DETAY (sportBonusDetailsWrapper) ============================================================ */ /* Kalan -> Kalan Cevrim (text replacement) */ .sportBonusDetailsWrapper-bc .sportBonusFundTitle-bc.sportBonusFundTitle-withdrawable { font-size: 0 !important; line-height: 0 !important; } .sportBonusDetailsWrapper-bc .sportBonusFundTitle-bc.sportBonusFundTitle-withdrawable::after { content: "Kalan Cevrim"; font-size: 1rem !important; line-height: normal !important; color: #FFF !important; } /* Yapılan bahis başlığı */ .sportBonusDetailsWrapper-bc .sportBonusFundTitle-bc.sportBonusFundTitle-total { font-size: 1rem !important; color: #FFFFFF !important; } /* Fiyat renkleri */ .sportBonusDetailsWrapper-bc .sportBonusFundPrice-bc.sportBonusFundPrice-total { font-size: 1rem !important; color: #4ade80 !important; } .sportBonusDetailsWrapper-bc .sportBonusFundPrice-bc.sportBonusFundPrice-withdrawable { font-size: 1rem !important; color: #ef4444 !important; } /* ============================================================ E. PROMOSYON DETAY POPUP ============================================================ */ /* Popup container */ .promotion-details-popup .popup-inner-bc { max-width: 720px !important; border-radius: 16px !important; overflow: hidden !important; } /* Popup header bar */ .promotion-details-popup .overlay-header { background: rgba(24, 24, 27, 0.95) !important; border-bottom: 1px solid rgba(240, 201, 89, 0.15) !important; padding: 16px 20px !important; } /* Popup başlık */ .promotion-details-popup .back-nav-title-bc-h1 { color: #f0c959 !important; font-size: 16px !important; font-weight: 700 !important; letter-spacing: 0.5px !important; text-transform: uppercase !important; } /* Close butonu */ .promotion-details-popup .e-p-close-icon-bc { color: #9a9a9a !important; transition: color 0.2s ease !important; } .promotion-details-popup .e-p-close-icon-bc:hover { color: #f0c959 !important; } /* Detay container — dikey layout (görsel üst, içerik alt) */ .promotion-details-container { background: #1e1e21 !important; display: flex !important; flex-direction: column !important; padding: 0 !important; } /* Banner görseli — tam genişlik üstte */ .promotion-details-header { background: transparent !important; width: 100% !important; } .promotion-details-img { width: 100% !important; height: auto !important; display: block !important; border-radius: 0 !important; object-fit: cover !important; border-bottom-left-radius: 1rem !important; border-bottom-right-radius: 1rem !important; border-bottom: 2px solid; } /* İçerik alanı — tam genişlik */ .promotion-details-info { padding: 20px 24px !important; color: #b7b7b7 !important; font-size: 14px !important; line-height: 1.7 !important; width: 100% !important; box-sizing: border-box !important; grid-row: unset !important; padding-inline-start: 24px !important; } .promotion-details-info p { color: #b7b7b7 !important; margin-bottom: 8px !important; } .promotion-details-info ul { padding-left: 20px !important; } .promotion-details-info li { color: #b7b7b7 !important; margin-bottom: 6px !important; line-height: 1.6 !important; } /* ---- SPOILER / ACCORDION ---- */ /* Spoiler kart — glassmorphism */ .promotion-details-info .spoiler { background: rgba(36, 36, 39, 0.55) !important; backdrop-filter: saturate(180%) blur(20px) !important; -webkit-backdrop-filter: saturate(180%) blur(20px) !important; border: 1px solid rgba(255, 255, 255, 0.08) !important; border-radius: 12px !important; margin-bottom: 8px !important; overflow: hidden !important; transition: border-color 0.25s ease, background 0.25s ease !important; } .promotion-details-info .spoiler + .spoiler { border-top: 1px solid rgba(255, 255, 255, 0.08) !important; } /* Checkbox — görünmez ama tıklanabilir */ .promotion-details-info .spoiler > input[type="checkbox"] { opacity: 0 !important; cursor: pointer !important; } /* İçerik varsayılan KAPALI */ .promotion-details-info .spoiler-content { height: 0 !important; overflow: hidden !important; padding: 0 18px !important; } /* Checkbox checked → İçerik AÇ */ .promotion-details-info .spoiler > input[type="checkbox"]:checked ~ .spoiler-content { height: auto !important; padding: 6px 18px 16px !important; } /* Spoiler başlık — trophy sol, chevron sağ */ .promotion-details-info .spoiler-title { color: #e0e0e0 !important; font-size: 14px !important; font-weight: 600 !important; padding: 14px 44px 14px 18px !important; padding-inline-start: 18px !important; padding-inline-end: 44px !important; transition: color 0.2s ease !important; } /* BC ::before chevron → sağ tarafa taşı */ .promotion-details-info .spoiler-title::before { left: auto !important; right: 16px !important; color: #6a6a6a !important; font-size: 9px !important; transition: color 0.2s ease, transform 0.3s ease !important; } /* Trophy ikon — başlık başında (order: -1 ile sola) */ .promotion-details-info .spoiler-title::after { content: '' !important; display: inline-block !important; width: 18px !important; height: 18px !important; margin-inline-end: 10px !important; margin-inline-start: 0 !important; order: -1 !important; flex-shrink: 0 !important; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239a9a9a' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='8' width='18' height='4' rx='1'/%3E%3Cpath d='M12 8v13'/%3E%3Cpath d='M19 12v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-7'/%3E%3Cpath d='M7.5 8a2.5 2.5 0 0 1 0-5C9 3 12 8 12 8'/%3E%3Cpath d='M16.5 8a2.5 2.5 0 0 0 0-5C15 3 12 8 12 8'/%3E%3C/svg%3E") no-repeat center / contain !important; vertical-align: middle !important; opacity: 0.4 !important; transition: opacity 0.2s ease !important; } /* Hover — glassmorphism parlama */ .promotion-details-info .spoiler:hover { border-color: rgba(240, 201, 89, 0.12) !important; background: rgba(36, 36, 39, 0.7) !important; } .promotion-details-info .spoiler:hover .spoiler-title { color: #ffffff !important; } .promotion-details-info .spoiler:hover .spoiler-title::before { color: #9a9a9a !important; } .promotion-details-info .spoiler:hover .spoiler-title::after { opacity: 0.6 !important; } /* Açık durumda — gold aksan */ .promotion-details-info .spoiler > input[type="checkbox"]:checked ~ .spoiler-title { color: #f0c959 !important; } .promotion-details-info .spoiler > input[type="checkbox"]:checked ~ .spoiler-title::before { color: #f0c959 !important; } .promotion-details-info .spoiler > input[type="checkbox"]:checked ~ .spoiler-title::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f0c959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='8' width='18' height='4' rx='1'/%3E%3Cpath d='M12 8v13'/%3E%3Cpath d='M19 12v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-7'/%3E%3Cpath d='M7.5 8a2.5 2.5 0 0 1 0-5C9 3 12 8 12 8'/%3E%3Cpath d='M16.5 8a2.5 2.5 0 0 0 0-5C15 3 12 8 12 8'/%3E%3C/svg%3E") !important; opacity: 0.85 !important; } /* ---- SPOILER İÇERİK — UL/OL/LI STİLLERİ ---- */ .promotion-details-info .spoiler-content p { color: #b7b7b7 !important; font-size: 13px !important; line-height: 1.7 !important; margin-bottom: 6px !important; } /* UL — gold dot bullet */ .promotion-details-info .spoiler-content ul { list-style: none !important; padding-left: 0 !important; margin: 8px 0 !important; } .promotion-details-info .spoiler-content ul > li { position: relative !important; color: #b7b7b7 !important; font-size: 13px !important; line-height: 1.7 !important; padding: 6px 12px 6px 22px !important; border-radius: 6px !important; transition: background 0.2s ease !important; } .promotion-details-info .spoiler-content ul > li::before { content: '' !important; position: absolute !important; left: 6px !important; top: 14px !important; width: 6px !important; height: 6px !important; border-radius: 50% !important; background: rgba(240, 201, 89, 0.5) !important; transition: background 0.2s ease !important; } .promotion-details-info .spoiler-content ul > li:hover { background: rgba(255, 255, 255, 0.03) !important; } .promotion-details-info .spoiler-content ul > li:hover::before { background: #f0c959 !important; } /* OL — gold numaralı liste */ .promotion-details-info .spoiler-content ol { list-style: none !important; padding-left: 0 !important; margin: 8px 0 !important; counter-reset: spoiler-ol !important; } .promotion-details-info .spoiler-content ol > li { position: relative !important; color: #b7b7b7 !important; font-size: 13px !important; line-height: 1.7 !important; padding: 6px 12px 6px 30px !important; border-radius: 6px !important; counter-increment: spoiler-ol !important; transition: background 0.2s ease !important; } .promotion-details-info .spoiler-content ol > li::before { content: counter(spoiler-ol) !important; position: absolute !important; left: 4px !important; top: 6px !important; width: 20px !important; height: 20px !important; border-radius: 50% !important; background: rgba(240, 201, 89, 0.1) !important; color: #f0c959 !important; font-size: 11px !important; font-weight: 700 !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: background 0.2s ease !important; } .promotion-details-info .spoiler-content ol > li:hover { background: rgba(255, 255, 255, 0.03) !important; } .promotion-details-info .spoiler-content ol > li:hover::before { background: rgba(240, 201, 89, 0.2) !important; } /* Genel LI + LI margin (BC override) */ .promotion-details-info .spoiler-content ul > li + li, .promotion-details-info .spoiler-content ol > li + li { margin-top: 2px !important; } /* ================================================================ §15. FOOTER ---------------------------------------------------------------- Desktop port of mobile §19 footer redesign. JS module (centParent.js): accordion, mobile-app card, marquee. ================================================================ */ /* --- A. CONTAINER --- */ .layout-footer-holder-bc, .footerWrapper { background: #18181b !important; padding-bottom: 20px !important; } .footerContainer { padding: 0 9px !important; } .footerContainerWrapper { background: transparent !important; box-shadow: none !important; border: none !important; padding: 0 !important; } .footerContainerWrapper::before, .footerContainerWrapper::after { display: none !important; } .footerWrapper { padding: 0 9px !important; overflow: visible !important; box-shadow: none !important; } /* --- B. SUPPORT BUTTON --- */ .footerTopButtonGroup { padding: 0 !important; margin-bottom: 12px !important; grid-column-gap: 0 !important; } .footerTopButtonGroup .supportButton { width: 100% !important; background: linear-gradient(135deg, #f0c959 0%, #fdbb01 100%) !important; border: none !important; border-radius: 10px !important; color: #000 !important; padding: 12px 12px 12px 36px !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 0.5px !important; text-transform: uppercase !important; position: relative !important; } .footerTopButtonGroup .supportButton::before { content: "" !important; position: absolute !important; left: 12px !important; top: 50% !important; transform: translateY(-50%) !important; width: 18px !important; height: 18px !important; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 10V8.5a5.5 5.5 0 0111 0V10' stroke='%23000' stroke-width='1.5' stroke-linecap='round'/%3E%3Crect x='1.5' y='9.5' width='3' height='4.5' rx='1.5' fill='%23000'/%3E%3Crect x='13.5' y='9.5' width='3' height='4.5' rx='1.5' fill='%23000'/%3E%3Cpath d='M14.5 14v1a2 2 0 01-2 2H10' stroke='%23000' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") !important; background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; } /* --- C. SOCIAL LINKS --- */ .footerSocialLinks { display: flex !important; justify-content: flex-start !important; gap: 8px !important; padding: 0 !important; margin: 0 !important; list-style: none !important; flex-wrap: nowrap !important; } .footerSocialLink { width: 36px !important; height: 36px !important; margin: 0 !important; background: rgba(255, 255, 255, 0.05) !important; border: 1px solid rgba(240, 201, 89, 0.15) !important; border-radius: 50% !important; } .footerSocialLink a { width: 100% !important; height: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #f0c959 !important; font-size: 18px !important; background: transparent !important; border-radius: 50% !important; box-shadow: none !important; } .footerSocialLink:hover { background: rgba(240, 201, 89, 0.15) !important; border-color: #f0c959 !important; } /* --- D. LANGUAGE DROPDOWN --- */ .footerInfoColumn { padding: 0 !important; margin: 0 !important; display: flex !important; justify-content: flex-end !important; flex: 1 !important; } .footerInfoColumn .languageDropdown { width: auto !important; min-width: 90px !important; background: rgba(255, 255, 255, 0.05) !important; border: 1px solid rgba(240, 201, 89, 0.15) !important; border-radius: 20px !important; padding: 0 12px !important; } .footerInfoColumn .languageDropdown .form-control-label-bc.inputs { height: 32px !important; } .footerInfoColumn .languageDropdown .form-control-select-bc { font-size: 11px !important; color: #b7b7b7 !important; background: transparent !important; padding-top: 0 !important; line-height: 32px !important; } .footerInfoColumn .languageDropdown .form-control-icon-bc { color: #f0c959 !important; font-size: 10px !important; } .footerInfoColumn .languageDropdown .ftr-lang-bar-flag-bc { width: 16px !important; height: 16px !important; } .footerInfoColumn .languageDropdown .selectPlaceholder { border-top: none !important; border-bottom: none !important; } .layout-footer-holder-bc .turkey { background-position: 0 91.40% !important; } /* --- E2. DESKTOP FOOTER ROW (accordion + mobile app side by side) --- */ .nora-footer-row { display: flex !important; gap: 16px !important; align-items: flex-start !important; margin: 16px 0 !important; } .nora-footer-row .footerLinksSection { flex: 1 !important; min-width: 0 !important; } /* --- E2b. MOBILE APP CARD (side card, sağda) --- */ .nora-mobile-app { width: 20rem !important; min-width: 20rem !important; flex-shrink: 0 !important; margin: 0 !important; background: radial-gradient(ellipse at 50% 100%, rgba(252, 189, 0, 1) 0%, rgba(252, 189, 0, 0) 60%), #242427 !important; border-radius: 16px !important; padding: 16px 12px !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; position: relative !important; overflow: visible !important; clip-path: inset(-200px -1em 0 0) !important; height: 148px !important; box-shadow: 0 4px 4.5px rgba(0, 0, 0, 0.25) !important; } .nora-app-content { flex: 1 !important; z-index: 2 !important; display: flex !important; flex-direction: column !important; } .nora-app-content h2 { font-size: 1.5rem !important; font-weight: 700 !important; margin: 0 0 6px !important; line-height: 1 !important; color: #fff !important; text-shadow: 0 0 8.4px rgba(255, 228, 147, 0.49) !important; } .nora-gold { color: #fcbd00 !important; } .nora-app-content p { font-size: 1rem !important; font-weight: 500 !important; color: #ffebb1 !important; line-height: 1.2 !important; margin: 0 0 6px !important; } .nora-download-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 4px !important; background-color: #fcbd00 !important; color: #000 !important; padding: 0 6px 0 8px !important; border-radius: 8px !important; font-size: 0.5rem !important; font-weight: 500 !important; width: 76px !important; height: 18px !important; margin-bottom: 6px !important; border: 0.3px solid #f0c959 !important; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.25) !important; line-height: 1 !important; text-decoration: none !important; white-space: nowrap !important; } .nora-arrow-circle { width: 12px !important; height: 12px !important; background: linear-gradient(180deg, #fff 0%, #f0c959 100%) !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; } .nora-arrow-circle svg { width: 3px !important; height: 5px !important; } .nora-store-buttons { display: flex !important; gap: 6px !important; } .nora-store-btn { display: flex !important; align-items: center !important; gap: 3px !important; background-color: #000 !important; border: 1px solid #a6a6a6 !important; border-radius: 6px !important; padding: 2px 4px 2px 2px !important; height: 18px !important; text-decoration: none !important; } .nora-store-icon { width: 10px !important; height: 12px !important; flex-shrink: 0 !important; } .nora-store-text { display: flex !important; flex-direction: column !important; line-height: 1.1 !important; } .nora-store-text small { font-size: 4px !important; text-transform: uppercase !important; color: #fff !important; letter-spacing: 0.2px !important; } .nora-store-text span { font-size: 7px !important; font-weight: 500 !important; color: #fff !important; letter-spacing: -0.2px !important; white-space: nowrap !important; } .nora-app-image { position: absolute !important; right: -0.5em !important; bottom: -1em !important; top: auto !important; width: 12em !important; z-index: 1 !important; overflow: visible !important; } .nora-app-image img { width: 100% !important; height: auto !important; display: block !important; animation: noraPhoneFloat 3s ease-in-out infinite !important; } @keyframes noraPhoneFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-6px); } } /* --- E2c. TELEGRAM APP CARD (side card, mavi tema) --- */ .nora-telegram-app { background: radial-gradient(ellipse at 50% 100%, rgba(41, 182, 246, 1) 0%, rgba(41, 182, 246, 0) 60%), #1a2a3a !important; } .nora-tg-blue { color: #29b6f6 !important; } .nora-telegram-app h2 { text-shadow: 0 0 8.4px rgba(41, 182, 246, 0.49) !important; } .nora-telegram-app p { color: #b3e5fc !important; } .nora-tg-btn { background-color: #29b6f6 !important; color: #fff !important; } .nora-tg-arrow { background: linear-gradient(180deg, #fff 0%, #29b6f6 100%) !important; } .nora-tg-arrow svg path { stroke: #1a2a3a !important; } .nora-tg-store-btn { border-color: #29b6f6 !important; background-color: rgba(41, 182, 246, 0.15) !important; } .nora-tg-image { width: 9em !important; right: 0.5em !important; bottom: 0.5em !important; } .nora-tg-image svg { animation: noraPhoneFloat 3s ease-in-out infinite !important; animation-delay: 1.5s !important; } /* --- E. FOOTER LINK COLUMNS (desktop: open, left-aligned) --- */ .footerLinksSection { border: none !important; margin: 0 !important; padding: 0 !important; } .footerLinkCols { display: flex !important; flex-direction: row !important; gap: 24px !important; justify-content: flex-start !important; } .footerLinkCol { background: transparent !important; border-radius: 0 !important; padding: 0 !important; margin: 0 !important; border: none !important; box-shadow: none !important; overflow: visible !important; flex: 1 !important; } .footerLinkColTitle { display: block !important; width: 100% !important; padding: 0 0 8px !important; margin: 0 0 4px !important; background: transparent !important; color: rgb(240, 201, 89) !important; font-size: 11px !important; font-weight: 600 !important; text-transform: uppercase !important; cursor: default !important; pointer-events: none !important; border: none !important; border-bottom: 0.5px solid rgba(240, 201, 89, 0.15) !important; line-height: 1 !important; letter-spacing: 0.5px !important; } /* No chevron on desktop */ .footerLinkColTitle::after { display: none !important; } .footerLinkColLinks { list-style: none !important; padding: 0 !important; margin: 0 !important; max-height: none !important; overflow: visible !important; display: flex !important; flex-direction: column !important; gap: 10px !important; border-top: none !important; } .footerLinkColEl { display: block !important; margin: 0 !important; padding: 0 !important; width: 100% !important; } .footerLinkColEl a { display: block !important; padding: 0 !important; color: #7a7a7a !important; font-size: 11px !important; font-weight: 400 !important; line-height: 1.2 !important; text-decoration: none !important; transition: color 0.2s ease !important; } /* Base CSS separator kaldır */ .footerLinkColEl::after { display: none !important; } .footerLinkColEl a:hover { color: #f0c959 !important; } /* GCB badge gizle */ a[href*="cert.gcb.cw"] { display: none !important; } /* --- F. PAYMENT MARQUEE --- */ @keyframes paymentMarquee { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } } /* Container — :has() fallback ile */ .sliderContent:has(.horizontalSliderWrapper), .horizontalSliderWrapper { overflow: hidden !important; } .sliderContent:has(.horizontalSliderWrapper) { padding: 4px 0 !important; margin: 0 !important; border: none !important; } .sliderContent:has(.horizontalSliderWrapper) .sliderTitle, .horizontalSliderWrapper ~ .sliderTitle { display: none !important; } /* Row — klonlar hazır olmadan animasyon başlamaz */ .horizontalSliderRow { display: flex !important; flex-wrap: nowrap !important; gap: 16px !important; width: max-content !important; } /* Animasyon SADECE klonlar oluştuktan sonra (data-dup="1") */ .horizontalSliderRow[data-dup="1"] { animation: paymentMarquee 35s linear infinite !important; } /* Elem */ .horizontalSliderElem { flex-shrink: 0 !important; background: transparent !important; } /* Img */ .horizontalSliderImg { display: block !important; height: 27px !important; width: auto !important; opacity: 0.7 !important; filter: none !important; } /* App indirme linkleri gizle (Düzenlemeler ve İş Birlikleri içindeki) */ .layout-footer-holder-bc a.sliderImage[href="http://t1.t2m.io/mobilapp"] { display: none !important; } /* --- F2. PARTNERS / SLIDER SECTIONS --- */ /* Base CSS separator kaldır */ .sliderGroup::before { display: none !important; } .sliderContent { padding: 4px 0 !important; margin: 0 !important; border: none !important; } .sliderContent:not(:last-child) { margin-bottom: 4px !important; } /* horizontalList gradient overlay kaldır */ .sliderGroup .horizontalList::before, .sliderGroup .horizontalList::after { display: none !important; } .sliderContent .sliderTitle { font-size: 9px !important; color: #555 !important; letter-spacing: 1px !important; margin-bottom: 4px !important; } .sliderGroup { padding: 8px 0 0 !important; } .ftr-head-bc { margin-bottom: 4px !important; padding-bottom: 0 !important; border-bottom: none !important; } .ftr-partners-row-bc { box-shadow: none !important; padding: 4px 0 !important; } .ftr-partners-row-inner-bc { display: flex !important; align-items: center !important; justify-content: center !important; gap: 12px !important; flex-wrap: wrap !important; margin-top: 0 !important; } .ftr-partners-row-inner-bc img, .ftr-partners-row-inner-bc > div > div > a > img { display: inline-flex !important; height: 30px !important; width: auto !important; opacity: 0.5 !important; filter: none !important; } /* Footer payment images (mevcut desktop kuralı) */ .ftr-payments-row-img-bc { width: 113px !important; height: 50px; margin: 5px; padding: 1px !important; cursor: pointer; } #root > div.layout-footer-holder-bc > div > div > div > div.sliderGroup > div:nth-child(1) > div > div:nth-child(2) > div > a > img { width: 42% !important; margin: 0 auto !important; } .payment-logo { max-width: 100% !important; max-height: 100% !important; } /* Partner row 2-3 gizle */ .ftr-partners-row-inner-bc a { background: none !important; width: auto !important; height: auto !important; } .ftr-partners-row-inner-bc:not(.partners-logo-scroll) { justify-content: center !important; } .ftr-partners-row-bc .ftr-partners-row-inner-bc:nth-child(2) { display: none; } .ftr-partners-row-bc .ftr-partners-row-inner-bc:nth-child(3) { display: none; } .payment-info-bc .description-c-row-bc { display: none; } /* --- G. LICENSE --- */ .ftr-copy-rights-bc { padding: 4px 0 !important; background: transparent !important; border: none !important; margin: 0 !important; } .ftr-copy-rights-bc p { color: #666 !important; font-size: 9px !important; font-weight: 400 !important; line-height: 1.3 !important; text-align: center !important; margin: 0 0 2px !important; } .ftr-copy-rights-bc p:last-child { margin-bottom: 0 !important; } .ftr-copy-rights-bc a { color: #b7944a !important; } /* --- H. COPYRIGHT --- */ .copyRightBlock { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 6px !important; padding: 8px 0 0 !important; background: transparent !important; margin: 0 !important; box-shadow: none !important; border: none !important; } /* Base CSS separator kaldır */ .footerWarning { flex-direction: row !important; width: auto !important; padding: 0 !important; margin: 0 !important; } .footerWarning::before { display: none !important; } .footerWarningAge { display: flex !important; justify-content: center !important; align-items: center !important; width: 24px !important; height: 24px !important; flex: 0 0 auto !important; border-color: #f0c959 !important; border-style: solid !important; border-radius: 50% !important; color: #ffffff !important; font-weight: 700 !important; } .footerWarningText { display: none !important; } .footerCopyrights { color: #555 !important; font-size: 10px !important; font-weight: 500 !important; margin: 0 !important; line-height: 1.3 !important; text-align: center !important; } /* Footer divider/separator kaldır */ .footerCopyrightLinks { box-shadow: none !important; border: none !important; padding: 0 !important; } .footerContainerWrapper:not(:first-child) { box-shadow: none !important; } /* --- CANLI DESTEK text replacement --- */ .footer-bc .live-chat-adviser-bc span { width: 35%; color: #7b612300; } .footer-bc .live-chat-adviser-bc span::before { content: "CANLI DESTEK"; position: absolute; margin-top: 1px; color: #000; } /* ================================================================ §16. DESKTOP CUSTOM SLIDER ---------------------------------------------------------------- Injected by DOM Rules orchestrator into .hm-row-bc.has-slider ================================================================ */ /* Orijinal BC slider'ini CSS ile hemen gizle */ .hm-row-bc.has-slider > div:first-child .slider-bc { display: none !important; } .nora-desktop-slider { width: 100%; position: relative; border-radius: 12px; overflow: hidden; isolation: isolate; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 4px 24px rgba(0,0,0,0.5), 0 0 0 1px rgba(240,201,89,0.15); transition: box-shadow 0.4s ease, transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1); } /* Glass shine sweep overlay */ .nora-desktop-slider::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 4; pointer-events: none; background: linear-gradient( 105deg, transparent 0%, transparent 35%, rgba(240, 201, 89, 0.08) 42%, rgba(240, 201, 89, 0.15) 50%, rgba(255, 255, 255, 0.12) 52%, rgba(240, 201, 89, 0.08) 58%, transparent 65%, transparent 100% ); background-size: 250% 100%; background-position: 200% 0; transition: none; border-radius: inherit; } @media (hover: hover) { .nora-desktop-slider:hover { transform: translateY(-3px); box-shadow: 0 8px 32px rgba(0,0,0,0.5), 0 0 0 1px rgba(240,201,89,0.3), 0 0 30px rgba(240,201,89,0.08); } .nora-desktop-slider:hover::after { animation: sliderGlassShine 3s ease-in-out infinite; } } @keyframes sliderGlassShine { 0% { background-position: 200% 0; } 30% { background-position: -100% 0; } 100% { background-position: -100% 0; } } .nora-desktop-slider .nora-slider-container { position: relative; overflow: hidden; border-radius: 12px; /* Safari overflow+border-radius+transform fix */ -webkit-mask-image: -webkit-radial-gradient(white, black); mask-image: radial-gradient(white, black); isolation: isolate; } .nora-desktop-slider .nora-slider-track { display: flex; transition: -webkit-transform 0.5s cubic-bezier(0.4,0,0.2,1), transform 0.5s cubic-bezier(0.4,0,0.2,1); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .nora-desktop-slider .nora-slide { flex: 0 0 100%; min-width: 100%; max-width: 100%; position: relative; overflow: hidden; cursor: pointer; user-select: none; -webkit-user-select: none; aspect-ratio: 3170 / 895; } .nora-desktop-slider .nora-slide video, .nora-desktop-slider .nora-slide img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 12px; -webkit-user-drag: none; } /* Skeleton shimmer */ .nora-desktop-slider .nora-slide-skeleton { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(30,30,33,0.7) 25%, rgba(42,42,45,0.5) 50%, rgba(30,30,33,0.7) 75%); background-size: 200% 100%; animation: noraDesktopShimmer 1.5s infinite; border-radius: 12px; } .nora-desktop-slider .nora-slide.loaded .nora-slide-skeleton { display: none; } .nora-desktop-slider .nora-slide-loader { display: none; } @keyframes noraDesktopShimmer { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } } /* Slide index badge */ .nora-desktop-slider .nora-slider-index { position: absolute; bottom: 12px; right: 12px; background: rgba(0,0,0,0.45); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); color: rgba(255,255,255,0.85); font-size: 11px; padding: 4px 10px; border-radius: 10px; font-family: var(--font-family), sans-serif; letter-spacing: 0.5px; z-index: 5; pointer-events: none; } /* Arrow Buttons */ .nora-slider-arrow { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; width: 40px; height: 40px; border: none; border-radius: 50%; background: rgba(0,0,0,0.5); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); color: #fff; cursor: pointer; display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.25s ease, background 0.2s ease; padding: 0; } .nora-desktop-slider:hover .nora-slider-arrow { opacity: 1; } .nora-slider-arrow:hover { background: rgba(240,201,89,0.85); color: #000; } .nora-slider-prev { left: 12px; } .nora-slider-next { right: 12px; } /* --- Injected Header (DOM Rules) --- */ .hm-row-bc:has(> .nora-injected-header) { grid-template-rows: auto !important; } .nora-injected-header { display: flex; align-items: center; padding: 0 16px; grid-column: 1 / -1; } .nora-injected-header .nora-casino-title { display: flex; align-items: center; gap: 8px; color: #ffffff; font-size: 14px; font-weight: 500; line-height: 1; } .nora-injected-header .nora-casino-title svg { width: 20px; height: 20px; flex-shrink: 0; } /* --- Desktop Mini Slider (3fr column) --- */ .hm-row-bc.has-slider > div:nth-child(2) .slider-bc { display: none !important; } .nora-mini-slider { width: 100%; height: 100%; position: relative; border-radius: 12px; overflow: hidden; isolation: isolate; transform: translateZ(0); box-shadow: 0 4px 24px rgba(0,0,0,0.5), 0 0 0 1px rgba(240,201,89,0.15); } .nora-mini-slider .nora-slider-container { position: relative; overflow: hidden; border-radius: 12px; height: 100%; -webkit-mask-image: -webkit-radial-gradient(white, black); } .nora-mini-slider .nora-slider-track { display: flex; height: 100%; transition: transform 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94); will-change: transform; } .nora-mini-slider .nora-slide { flex: 0 0 100%; position: relative; overflow: hidden; cursor: pointer; height: 100%; } .nora-mini-slider .nora-slide img, .nora-mini-slider .nora-slide video { width: 100%; height: 100%; object-fit: cover; display: block; } .nora-mini-slider .nora-slide-skeleton { position: absolute; inset: 0; background: linear-gradient(135deg, #1e1e21 25%, #2a2a2d 50%, #1e1e21 75%); background-size: 200% 200%; animation: nora-skeleton-pulse 1.5s ease-in-out infinite; z-index: 0; } .nora-mini-slider .nora-slide.loaded .nora-slide-skeleton { display: none; } .nora-mini-slider .nora-slide-loader { display: none; } .nora-mini-slider .nora-slide:not(.loaded) .nora-slide-loader { display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 24px; height: 24px; border: 2px solid rgba(240,201,89,0.3); border-top-color: #f0c959; border-radius: 50%; animation: nora-spin 0.8s linear infinite; z-index: 1; } .nora-mini-slider .nora-slider-index { position: absolute; bottom: 8px; right: 8px; background: rgba(0,0,0,0.55); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); color: rgba(255,255,255,0.85); font-size: 10px; padding: 3px 8px; border-radius: 8px; font-family: var(--font-family), sans-serif; letter-spacing: 0.5px; z-index: 5; pointer-events: none; } /* Hover effects — glass shine + gold glow */ .nora-mini-slider::before { content: ''; position: absolute; inset: 0; background: linear-gradient( 135deg, transparent 40%, rgba(255,255,255,0.06) 50%, transparent 60% ); opacity: 0; transition: opacity 0.4s ease; z-index: 3; pointer-events: none; border-radius: 12px; } .nora-mini-slider:hover::before { opacity: 1; } .nora-mini-slider:hover { box-shadow: 0 4px 24px rgba(0,0,0,0.5), 0 0 0 1px rgba(240,201,89,0.3), 0 0 20px rgba(240,201,89,0.08); } /* ================================================================ §17. MISCELLANEOUS ================================================================ */ /* Min deposit/withdraw gizle */ .showMinDep, .showMindep, .SHOWMINDEP, .showMinWit, .showMinwit, .SHOWMINWIT { display: none; } /* Payment logo sizing */ .payment-logo { max-width: 100% !important; max-height: 100% !important; } /* Payment info description gizle */ .payment-info-bc .description-c-row-bc { display: none; } /* Header ustu banner gizle */ #root > div.layout-header-holder-bc > div { display: none !important; } #root > div.layout-header-holder-bc > div > div:nth-child(2) > div > div { display: none !important; } /* Header logo */ .header-icon > img { width: 89px !important; height: 39px !important; object-fit: contain; border-radius: 4px; } /* Product banner */ [class*=is-web] .hdr-dynamic-content .product-banner-container-bc .product-banner-info-bc.product-banner-bc { height: 23px !important; } .hdr-dynamic-content .product-banner-container-bc { grid-template-columns: repeat(auto-fill, minmax(90px, 1fr)) !important; margin-top: 5px !important; padding-top: 0px !important; } .hdr-dynamic-content .e-p-close-icon-bc { top: 5px !important; } /* Horizontal slider image */ [class*=is-web] .horizontalSliderElem .horizontalSliderImg { opacity: 1 !important; filter: none !important; } /* Content width force */ #root > div.layout-content-holder-bc > div:nth-child(2) { width: 100% !important; } #root > div.layout-content-holder-bc > div:nth-child(3) { width: 100% !important; } /* Widget/upcoming games gizle */ #root > div.layout-content-holder-bc > div:nth-child(11) > div > div > div.widget-scroll-container { display: none !important; } #root > div.layout-content-holder-bc > div:nth-child(11) > div > div > div.upcoming-games-container { display: none !important; } #root > div.layout-content-holder-bc > div:nth-child(11) > div > div > div.page-view-more { width: 100% !important; } /* GCB badge gizle */ a[href*="cert.gcb.cw"] { display: none !important; } /* ================================================================ §18. SKELETON LOADING & LOADERS ================================================================ A. BC Skeleton Loader'lar (game-cube, slider-cube, banner, vb.) B. Nora Widget Skeleton Shimmer (category, casino lobby, slider) C. Provider Items Loader D. Keyframe Animasyonları ================================================================ */ /* ---------------------------------------------------------------- A. BC SKELETON LOADER'LAR — Nora Logo + Çift Halka ---------------------------------------------------------------- BC'nin default skeleton'larını override eder. Merkeze Nora logosu + altın çift halka + pulse animasyonu. ---------------------------------------------------------------- */ /* --- Oyun kartı skeleton --- */ .skeleton-loader-game-cube { background: #1e1e21 !important; border-color: rgba(240, 201, 89, 0.1) !important; position: relative !important; } /* Nora logo + çift halka (merkeze konumlandırılmış) + pulse fade */ .skeleton-loader-game-cube::after { content: "" !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; width: 52px !important; height: 52px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 84 84'%3E%3Ccircle cx='42' cy='42' r='42' fill='%23F0C959'/%3E%3Cpath d='M47.35 55.78C43.12 54.29 39.34 54.22 35.09 55.8c2.13-2.4 4.14-5.1 4.84-7.8.04-.16 0-.41-.01-.48-.02-.1-.39-.08-.5.03-2.21 2.11-7.56 3.14-10.15 2.28-3.32-1.11-5.94-3.86-6.98-7.14-1.13-3.57-.2-7.22 2.31-9.9 1.59-1.69 3.32-3 5.3-4.23 2.48-1.46 4.69-3.1 6.89-4.95 1.73-1.46 3.19-2.97 4.43-5.01 1.31 2.12 2.87 3.74 4.73 5.27 2.2 1.81 4.39 3.39 6.84 4.86 3.48 2.09 7.33 5.52 7.75 9.74.28 2.79-.5 5.35-2.18 7.55-1.36 1.78-3.11 3.24-5.31 3.83-2.2.59-4.11.19-6.21-.31-2.68-.64-3.95-2.38-4.29-2.03-.06.06-.12.29-.09.39.82 2.98 2.7 5.41 4.91 7.9z' fill='%231a1a1d'/%3E%3C/svg%3E") !important; background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; border-radius: 50% !important; box-shadow: 0 0 0 3px #2d2d30, 0 0 0 5px #f0c959 !important; animation: noraLogoPulse 1.5s ease-in-out infinite !important; z-index: 1 !important; } /* --- Diğer BC skeleton loader tipleri — aynı logo, biraz daha küçük --- */ .skeleton-loader-slider-cube, .skeleton-loader-big-button, .skeleton-loader-banner, .skeleton-loader-full-banner { background: #1e1e21 !important; position: relative !important; } .skeleton-loader-slider-cube::after, .skeleton-loader-big-button::after, .skeleton-loader-banner::after, .skeleton-loader-full-banner::after { content: "" !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; width: 44px !important; height: 44px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 84 84'%3E%3Ccircle cx='42' cy='42' r='42' fill='%23F0C959'/%3E%3Cpath d='M47.35 55.78C43.12 54.29 39.34 54.22 35.09 55.8c2.13-2.4 4.14-5.1 4.84-7.8.04-.16 0-.41-.01-.48-.02-.1-.39-.08-.5.03-2.21 2.11-7.56 3.14-10.15 2.28-3.32-1.11-5.94-3.86-6.98-7.14-1.13-3.57-.2-7.22 2.31-9.9 1.59-1.69 3.32-3 5.3-4.23 2.48-1.46 4.69-3.1 6.89-4.95 1.73-1.46 3.19-2.97 4.43-5.01 1.31 2.12 2.87 3.74 4.73 5.27 2.2 1.81 4.39 3.39 6.84 4.86 3.48 2.09 7.33 5.52 7.75 9.74.28 2.79-.5 5.35-2.18 7.55-1.36 1.78-3.11 3.24-5.31 3.83-2.2.59-4.11.19-6.21-.31-2.68-.64-3.95-2.38-4.29-2.03-.06.06-.12.29-.09.39.82 2.98 2.7 5.41 4.91 7.9z' fill='%231a1a1d'/%3E%3C/svg%3E") !important; background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; border-radius: 50% !important; box-shadow: 0 0 0 2px #2d2d30, 0 0 0 4px #f0c959 !important; animation: noraLogoPulse 1.5s ease-in-out infinite !important; z-index: 1 !important; } /* ---------------------------------------------------------------- B. NORA WİDGET SKELETON SHİMMER ---------------------------------------------------------------- DOM Rules widget'ları (category buttons, casino lobby, slider) için shimmer overlay — yüklendikten sonra kaybolur. ---------------------------------------------------------------- */ /* --- Slider skeleton shimmer --- */ .nora-slide-skeleton { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(30, 30, 33, 0.7) 25%, rgba(42, 42, 45, 0.5) 50%, rgba(30, 30, 33, 0.7) 75%); background-size: 200% 100%; animation: noraShimmer 1.5s infinite; border-radius: inherit; z-index: 5; pointer-events: none; } .nora-slide-loader { display: none; } .nora-slide.loaded .nora-slide-skeleton { display: none; } /* Category Buttons skeleton → §19-G'de tanımlı */ /* Casino Lobby Cards skeleton → §20-P'de tanımlı */ /* ---------------------------------------------------------------- C. PROVIDER ITEMS LOADER ---------------------------------------------------------------- */ .providerItemsInnerLoader { background: linear-gradient( 110deg, #242427 0%, #242427 40%, #2d2d30 50%, #242427 60%, #242427 100% ) !important; background-size: 200% 100% !important; animation: shimmerNora 1.5s ease-in-out infinite !important; } /* ---------------------------------------------------------------- D. KEYFRAME ANİMASYONLARI ---------------------------------------------------------------- */ /* Nora Logo pulse — skeleton loader'larda kullanılır */ @keyframes noraLogoPulse { 0%, 100% { opacity: 1; transform: translate(-50%, -50%) scale(1); } 50% { opacity: 0.3; transform: translate(-50%, -50%) scale(0.95); } } /* Widget shimmer sweep — skeleton overlay'larda kullanılır */ @keyframes noraShimmer { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } } /* Provider loader shimmer */ @keyframes shimmerNora { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } } /* ================================================================ §19. CATEGORY BUTTONS WIDGET (Desktop Premium) ================================================================ Slider altında 4 kategori kartı: Canlı Casino, Slot, Spor, Crash Mobile: 2-sütun 110px kart → Desktop: 4-sütun 170px kart, 2x ikon ================================================================ */ /* --- A. Container --- */ .nora-category-buttons { width: 100% !important; margin: 0 !important; padding: 0 16px !important; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; position: relative; z-index: 2; } .nora-category-container { display: grid; grid-template-columns: repeat(4, 1fr); column-gap: 14px; row-gap: 14px; } /* --- B. Card --- */ .nora-category-card { position: relative; width: 100%; height: 170px; background: linear-gradient(122deg, var(--nora-bg, #101012) 18%, var(--nora-bg, #101012) 21%, var(--nora-accent, #f0c959) 98%); border-radius: 14px; overflow: visible; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3); cursor: pointer; display: block; text-decoration: none; transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.4s ease; } /* Glow overlay */ .nora-category-card::before { content: ''; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(135deg, transparent 40%, rgba(240, 201, 89, 0.04) 100%); opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 1; } .nora-category-card::after { content: ''; position: absolute; inset: 0; border-radius: inherit; box-shadow: inset -4px 3px 16px -8px var(--nora-accent, #f0c959), inset 3px 0 12px -5px var(--nora-accent, #f0c959); pointer-events: none; opacity: 0.6; transition: box-shadow 0.4s ease, opacity 0.4s ease; } /* --- Hover — Premium Desktop --- */ @media (hover: hover) { /* Card lift + deep glow */ .nora-category-card:hover { transform: translateY(-5px); box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35), 0 0 40px rgba(240, 201, 89, 0.15); } /* Surface shimmer */ .nora-category-card:hover::before { opacity: 1; } /* Inner glow intensifies */ .nora-category-card:hover::after { opacity: 1; box-shadow: inset -6px 4px 22px -4px var(--nora-accent, #f0c959), inset 4px 0 18px -3px var(--nora-accent, #f0c959), inset 0 0 28px -6px rgba(240, 201, 89, 0.2); } /* Image pops up + scales + brighter glow */ .nora-category-card:hover .nora-category-image { transform: scale(1.12) translateY(-10px); filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.45)) drop-shadow(0 0 16px rgba(240, 201, 89, 0.12)); } /* Shadow stretches under floating image */ .nora-category-card:hover .nora-category-shadow { transform: rotate(-9.5deg) scaleX(1.2); opacity: 0.75; } /* Title gets gold glow */ .nora-category-card:hover .nora-category-content h3 { text-shadow: 0 0 16px rgba(240, 201, 89, 0.35); } /* Play Now gap widens */ .nora-category-card:hover .nora-play-now { gap: 8px; } /* Arrow bounces */ .nora-category-card:hover .nora-play-now svg { animation: arrowBounce 0.8s ease infinite; } } /* --- Active (click) --- */ .nora-category-card:active { transform: scale(0.97); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3), 0 0 24px rgba(240, 201, 89, 0.3); transition: transform 0.1s ease, box-shadow 0.1s ease; } .nora-category-card:active::after { opacity: 1; box-shadow: inset -7px 5px 24px -3px var(--nora-accent, #f0c959), inset 5px 0 20px -2px var(--nora-accent, #f0c959), inset 0 0 36px -6px rgba(240, 201, 89, 0.35); transition: box-shadow 0.08s ease, opacity 0.08s ease; } .nora-category-card:active .nora-category-image { transform: scale(1.06) translateY(-4px); transition: transform 0.1s ease; } .nora-category-card:active .nora-category-content h3 { text-shadow: 0 0 20px rgba(240, 201, 89, 0.45); } .nora-category-card:active .nora-play-now svg { transform: translateX(4px); } /* --- C. Content --- */ .nora-category-content { position: relative; z-index: 2; padding: 18px 0 20px 18px; height: 100%; display: flex; flex-direction: column; justify-content: space-between; } .nora-category-content h3 { font-size: 28px; font-weight: 400; line-height: 0.94; color: var(--nora-title, #ffffff); margin: 0; transition: text-shadow 0.4s ease; } /* --- D. Play Now Button --- */ .nora-play-now { display: flex; align-items: center; gap: 5px; color: var(--nora-accent, #f0c959); font-size: 11px; font-weight: 500; line-height: 1; transition: gap 0.35s ease; } .nora-play-now svg { width: 8px; height: 8px; flex-shrink: 0; transition: transform 0.2s ease; } /* --- E. Category Image (2x büyük — desktop) --- */ .nora-category-image { position: absolute; right: 0; bottom: 0; z-index: 1; object-fit: contain; max-width: 240px; max-height: 190px; width: auto; height: auto; transform-origin: bottom center; transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), filter 0.4s ease; filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.25)); } /* Per-card image sizes (2x mobile) */ .nora-category-card:nth-child(1) .nora-category-image { width: 196px; height: 184px; } .nora-category-card:nth-child(2) .nora-category-image { width: 226px; height: 170px; } .nora-category-card:nth-child(3) .nora-category-image { width: 184px; height: 172px; } .nora-category-card:nth-child(4) .nora-category-image { width: 234px; height: 168px; } /* --- F. Shadow --- */ .nora-category-shadow { position: absolute; bottom: -10px; right: 20px; width: 120px; height: 22px; z-index: 0; transform: rotate(-9.5deg); overflow: visible; transition: transform 0.4s ease, opacity 0.4s ease; opacity: 1; } .nora-category-shadow img { width: 100%; height: 100%; } /* --- G. Skeleton --- */ .nora-category-card .nora-skeleton-shimmer { position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(90deg, rgba(30, 30, 33, 0.7) 25%, rgba(42, 42, 45, 0.5) 50%, rgba(30, 30, 33, 0.7) 75%); background-size: 200% 100%; animation: noraShimmer 1.5s infinite; z-index: 5; pointer-events: none; } .nora-category-card.nora-loaded .nora-skeleton-shimmer { display: none; } /* --- H. Arrow Bounce Keyframe --- */ @keyframes arrowBounce { 0%, 100% { transform: translateX(0); } 50% { transform: translateX(4px); } } /* ================================================================ §20. CASINO LOBBY — Game Sections (Desktop Premium) ================================================================ Mobile §21'den port edildi — tüm casino lobby widget kartları Providers, Promos, Tournaments, Selected, Games, Leagues Desktop: büyük kartlar, premium hover efektleri, geniş gap ================================================================ */ /* --- A. Lobby Container --- */ .nora-casino-lobby { padding: 0 16px !important; display: block !important; gap: 0 !important; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; } /* --- B. Section Container & Header --- */ .nora-casino-section { padding: 16px 0 10px; overflow: visible; } .nora-casino-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; padding: 0; } .nora-casino-title { display: flex; align-items: center; gap: 8px; color: #ffffff; font-size: 14px; font-weight: 500; line-height: 1; } .nora-casino-title svg { width: 20px; height: 20px; flex-shrink: 0; } /* --- C. Navigation Arrows --- */ .nora-casino-arrows { display: flex; } .nora-casino-arrows button { width: 42px; height: 28px; background: rgba(217, 217, 217, 0); border: 0.5px solid rgba(254, 247, 255, 0.46); color: #ffffff; cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 0; transition: background 0.2s ease, border-color 0.2s ease; } .nora-casino-arrows button:first-child { border-radius: 12px 0 0 12px; border-right: none; } .nora-casino-arrows button:last-child { border-radius: 0 12px 12px 0; } .nora-casino-arrows button svg { width: 5px; height: 9px; } @media (hover: hover) { .nora-casino-arrows button:hover { background: rgba(240, 201, 89, 0.12); border-color: rgba(240, 201, 89, 0.4); } } /* --- D. Games Scroll --- */ .nora-games-scroll { display: flex; gap: 14px; overflow-x: auto; scrollbar-width: none; padding-top: 24px; margin-top: -24px; padding-bottom: 6px; cursor: grab; } .nora-games-scroll::-webkit-scrollbar { display: none; } .nora-games-scroll.grabbing { cursor: grabbing; } /* --- E. Game Card --- */ .nora-game-card { flex: 0 0 160px; width: 160px; height: 216px; border-radius: 12px; overflow: hidden; display: block; text-decoration: none; position: relative; transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.3s ease; } .nora-game-card img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 12px; } /* Video thumbnails */ .nora-casino-lobby video { pointer-events: none; } .nora-game-card video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 12px; } /* --- Game Card Hover (Desktop Premium) --- */ @media (hover: hover) { .nora-game-card:hover { transform: translateY(-5px) scale(1.03); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.45), 0 0 20px rgba(240, 201, 89, 0.15), inset 0 0 12px rgba(240, 201, 89, 0.12); } .nora-game-card:hover img, .nora-game-card:hover video { filter: brightness(1.08); } } .nora-game-card:active { transform: scale(0.96); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); transition: transform 0.1s ease, box-shadow 0.1s ease; } /* --- F. Providers Scroll --- */ .nora-providers-scroll { display: flex; gap: 10px; overflow-x: auto; scrollbar-width: none; padding-top: 50px; margin-top: -50px; padding-bottom: 6px; cursor: grab; } .nora-providers-scroll::-webkit-scrollbar { display: none; } .nora-providers-scroll.grabbing { cursor: grabbing; } /* --- G. Provider Card --- */ .nora-provider-card { flex: 0 0 240px; width: 240px; height: 116px; border-radius: 10px; position: relative; overflow: visible; display: block; text-decoration: none; transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.35s ease; background: linear-gradient(115.6deg, var(--nora-bg, #3a3a3d) 4.29%, var(--nora-bg2, #242427) 97.27%); border: 0.5px solid var(--nora-accent, #555); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35), 0 6px 14px rgba(0, 0, 0, 0.25); } /* Card background wrapper */ .nora-card-bg { position: absolute; inset: 0; overflow: hidden; border-radius: inherit; pointer-events: none; z-index: 0; } /* Radial dot pattern overlay */ .nora-radial-pattern { position: absolute; width: 170px; height: 170px; right: -25px; top: -25px; background-size: contain; background-repeat: no-repeat; mix-blend-mode: var(--nora-spiral-blend, normal); opacity: var(--nora-spiral-opacity, 1); } /* Accent color-dodge overlay */ .nora-provider-card::before { content: ''; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(-62.88deg, transparent 30%, var(--nora-accent, rgba(85, 85, 85, 0.5)) 100%); mix-blend-mode: color-dodge; pointer-events: none; } /* Inset glow */ .nora-provider-card::after { content: ''; position: absolute; inset: -0.5px; border-radius: inherit; box-shadow: inset 1px 1px 2px 0px rgba(255, 255, 255, 0.25), inset -1px -1px 2px 0px rgba(0, 0, 0, 0.2); pointer-events: none; transition: box-shadow 0.35s ease; } /* Provider content */ .nora-provider-content { position: relative; z-index: 2; padding: 14px 16px; height: 100%; display: flex; flex-direction: column; justify-content: space-between; } .nora-provider-card h3 { font-size: 26px; font-weight: 400; line-height: 0.941; color: var(--nora-title, #fff); text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); } /* Provider image */ .nora-provider-image { position: absolute; z-index: 1; pointer-events: none; filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.25)); width: 105px; height: auto; max-height: 100%; right: -0.5rem; top: 50%; transform: translateY(-50%); object-fit: contain; transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1), filter 0.35s ease; } /* Play now button */ .nora-play-now { display: flex; align-items: center; gap: 5px; font-size: 10px; font-weight: 400; line-height: 0.941; letter-spacing: 0.5px; padding-bottom: 18px; transition: gap 0.3s ease; } .nora-play-now svg { width: 7px; height: 7px; flex-shrink: 0; transition: transform 0.2s ease; } .nora-play-dark { color: #000000; } .nora-play-light { color: #ffffff; } /* --- Provider Hover (Desktop Premium) --- */ @media (hover: hover) { .nora-provider-card:hover { transform: translateY(-5px); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.45), 0 0 20px var(--nora-accent, rgba(240, 201, 89, 0.1)); } /* Inner glow intensifies */ .nora-provider-card:hover::after { box-shadow: inset -4px 3px 16px -3px var(--nora-accent, #f0c959), inset 3px 0 12px -2px var(--nora-accent, #f0c959); } /* Image floats up */ .nora-provider-card:hover .nora-provider-image { transform: translateY(-50%) scale(1.08); filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.35)); } /* Play Now gap widens */ .nora-provider-card:hover .nora-play-now { gap: 8px; } /* Arrow bounces */ .nora-provider-card:hover .nora-play-now svg { animation: arrowBounce 0.8s ease infinite; } } .nora-provider-card:active { transform: scale(0.97); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); transition: transform 0.1s ease, box-shadow 0.1s ease; } /* --- H. Promos Scroll --- */ .nora-promos-scroll { display: flex; gap: 10px; overflow-x: auto; scrollbar-width: none; padding-top: 50px; margin-top: -50px; padding-bottom: 6px; cursor: grab; } .nora-promos-scroll::-webkit-scrollbar { display: none; } .nora-promos-scroll.grabbing { cursor: grabbing; } /* --- I. Promo Card --- */ .nora-promo-card { flex: 0 0 240px; width: 240px; height: 116px; border-radius: 10px; position: relative; overflow: visible; display: block; text-decoration: none; background: linear-gradient(115.6deg, var(--nora-bg, #febe10) 4%, var(--nora-bg2, #f0c959) 97%); transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.35s ease; } .nora-promo-content { position: relative; z-index: 2; padding: 14px 16px; height: 100%; display: flex; flex-direction: column; justify-content: space-between; } .nora-promo-card h3 { font-size: 26px; font-weight: 400; line-height: 0.941; color: var(--nora-title, #000000); } .nora-promo-card .nora-play-now { color: var(--nora-btn, #000); } .nora-promo-card .nora-play-now svg path { fill: currentColor; } .nora-promo-image { position: absolute; z-index: 1; pointer-events: none; width: 130px; height: 130px; right: -2px; top: -20px; transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1), filter 0.35s ease; } /* --- Promo Hover (Desktop Premium) --- */ @media (hover: hover) { .nora-promo-card:hover { transform: translateY(-5px); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.45), 0 0 20px rgba(240, 201, 89, 0.1); } /* Image floats up */ .nora-promo-card:hover .nora-promo-image { transform: scale(1.08) translateY(-6px); filter: drop-shadow(0 6px 14px rgba(0, 0, 0, 0.35)); } /* Play Now gap widens */ .nora-promo-card:hover .nora-play-now { gap: 8px; } /* Arrow bounces */ .nora-promo-card:hover .nora-play-now svg { animation: arrowBounce 0.8s ease infinite; } } .nora-promo-card:active { transform: scale(0.97); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); transition: transform 0.1s ease, box-shadow 0.1s ease; } /* --- J. Leagues Scroll --- */ .nora-leagues-scroll { display: flex; gap: 10px; overflow-x: auto; scrollbar-width: none; padding-top: 20px; margin-top: -20px; padding-bottom: 6px; cursor: grab; } .nora-leagues-scroll::-webkit-scrollbar { display: none; } .nora-leagues-scroll.grabbing { cursor: grabbing; } /* --- K. League Card --- */ .nora-league-card { flex: 0 0 240px; width: 240px; height: 70px; border-radius: 9px; position: relative; overflow: hidden; display: block; text-decoration: none; transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.3s ease; } .nora-league-image { width: 100%; height: 100%; object-fit: cover; display: block; } /* --- League Hover (Desktop Premium) --- */ @media (hover: hover) { .nora-league-card:hover { transform: translateY(-4px) scale(1.03); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.45), 0 0 20px rgba(240, 201, 89, 0.08); } } .nora-league-card:active { transform: scale(0.97); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); transition: transform 0.1s ease, box-shadow 0.1s ease; } /* --- L. Tournaments Scroll --- */ .nora-tournaments-scroll { display: flex; gap: 10px; overflow-x: auto; scrollbar-width: none; padding-top: 50px; margin-top: -50px; padding-bottom: 6px; cursor: grab; } .nora-tournaments-scroll::-webkit-scrollbar { display: none; } .nora-tournaments-scroll.grabbing { cursor: grabbing; } /* --- M. Tournament Card --- */ .nora-tournament-card { flex: 0 0 240px; width: 240px; height: 116px; border-radius: 10px; position: relative; overflow: visible; display: block; text-decoration: none; transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.35s ease; } .nora-tournament-pink { background: linear-gradient(115.806deg, rgb(16, 16, 18) 1.84%, var(--nora-accent, rgb(232, 38, 142)) 97.64%); } .nora-tournament-pink::after { content: ''; position: absolute; inset: 0; border-radius: inherit; box-shadow: inset 0px 0px 6.8px -3px var(--nora-accent, #e34dd0); pointer-events: none; transition: box-shadow 0.35s ease; } .nora-tournament-gold { background: linear-gradient(115.806deg, rgb(16, 16, 18) 1.84%, var(--nora-accent, rgb(240, 202, 90)) 97.64%); } .nora-tournament-gold::after { content: ''; position: absolute; inset: 0; border-radius: inherit; box-shadow: inset 0px 0px 6.8px -3px var(--nora-accent, #dbb853); pointer-events: none; transition: box-shadow 0.35s ease; } .nora-tournament-content { position: relative; z-index: 2; padding: 6px 12px 12px; height: 100%; display: flex; flex-direction: column; max-width: 145px; } .nora-tournament-logo { height: 22px; margin-bottom: 5px; display: flex; align-items: center; } .nora-tournament-logo img { height: 22px; width: auto; } .nora-provider-name { font-size: 9px; font-weight: 700; letter-spacing: 0.5px; line-height: 1; } .nora-betconstruct-text { color: #e8268f; } .nora-tournament-date { display: inline-flex; align-items: center; justify-content: center; font-size: 7px; font-weight: 500; border-radius: 3px; margin-bottom: 4px; width: 80px; height: 13px; background-color: #e8268e; color: #ffffff; } .nora-date-gold { background-color: #f0c959; color: #000000; } .nora-tournament-title { font-size: 12px; font-weight: 500; color: var(--nora-title, #ffffff); line-height: 1.18; margin-bottom: 0; } .nora-tournament-prize { font-size: 24px; font-weight: 700; letter-spacing: 0.2px; line-height: 1.2; margin-top: auto; } .nora-prize-pink { color: #e8268f; } .nora-prize-gold { color: #f0c959; } .nora-tournament-image { position: absolute; z-index: 1; pointer-events: none; transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1), filter 0.35s ease; object-fit: contain; height: 126px; width: auto; right: 0; top: -10px; } /* --- Tournament Hover (Desktop Premium) --- */ @media (hover: hover) { .nora-tournament-card:hover { transform: translateY(-5px); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.45), 0 0 20px rgba(240, 201, 89, 0.08); } /* Inner glow intensifies — kart accent rengine göre */ .nora-tournament-card:hover::after { box-shadow: inset -4px 3px 16px -3px var(--nora-accent, #e34dd0), inset 3px 0 12px -2px var(--nora-accent, #e34dd0); } /* Image floats up */ .nora-tournament-card:hover .nora-tournament-image { transform: scale(1.08) translateY(-6px); filter: drop-shadow(0 6px 14px rgba(0, 0, 0, 0.35)); } } .nora-tournament-card:active { transform: scale(0.97); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); transition: transform 0.1s ease, box-shadow 0.1s ease; } /* --- N. Selected Scroll --- */ .nora-selected-scroll { display: flex; gap: 10px; overflow-x: auto; scrollbar-width: none; padding-top: 50px; margin-top: -50px; padding-bottom: 6px; cursor: grab; } .nora-selected-scroll::-webkit-scrollbar { display: none; } .nora-selected-scroll.grabbing { cursor: grabbing; } /* --- O. Selected Card --- */ .nora-selected-card { flex: 0 0 240px; width: 240px; height: 116px; border-radius: 10px; position: relative; overflow: visible; display: block; text-decoration: none; background: linear-gradient(-62.17deg, rgba(183, 183, 183, 0) 1.57%, rgba(183, 183, 183, 0.3) 94.7%), linear-gradient(90deg, var(--nora-bg, rgb(240, 201, 89)) 0%, var(--nora-bg, rgb(240, 201, 89)) 100%); transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.35s ease; } .nora-selected-content { position: relative; z-index: 2; padding: 12px 16px; height: 100%; display: flex; flex-direction: column; justify-content: space-between; } .nora-selected-card h3 { font-size: 24px; font-weight: 400; line-height: 1.1; color: var(--nora-title, #000000); } .nora-selected-image { position: absolute; z-index: 1; pointer-events: none; transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1), filter 0.35s ease; width: 130px; height: 130px; right: -2px; top: -15px; object-fit: contain; } /* --- Selected Hover (Desktop Premium) --- */ @media (hover: hover) { .nora-selected-card:hover { transform: translateY(-5px); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.45), 0 0 20px rgba(240, 201, 89, 0.1); } /* Image floats up */ .nora-selected-card:hover .nora-selected-image { transform: scale(1.08) translateY(-6px); filter: drop-shadow(0 6px 14px rgba(0, 0, 0, 0.35)); } /* Play Now gap widens */ .nora-selected-card:hover .nora-play-now { gap: 8px; } /* Arrow bounces */ .nora-selected-card:hover .nora-play-now svg { animation: arrowBounce 0.8s ease infinite; } } .nora-selected-card:active { transform: scale(0.97); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); transition: transform 0.1s ease, box-shadow 0.1s ease; } /* --- P. Casino Lobby Skeleton --- */ .nora-game-card .nora-skeleton-shimmer, .nora-provider-card .nora-skeleton-shimmer, .nora-promo-card .nora-skeleton-shimmer, .nora-league-card .nora-skeleton-shimmer, .nora-tournament-card .nora-skeleton-shimmer, .nora-selected-card .nora-skeleton-shimmer { position: absolute; inset: 0; border-radius: inherit; background: #1e1e21; z-index: 5; pointer-events: none; } .nora-game-card .nora-skeleton-shimmer::after, .nora-provider-card .nora-skeleton-shimmer::after, .nora-promo-card .nora-skeleton-shimmer::after, .nora-league-card .nora-skeleton-shimmer::after, .nora-tournament-card .nora-skeleton-shimmer::after, .nora-selected-card .nora-skeleton-shimmer::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 28px; height: 28px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 84 84'%3E%3Ccircle cx='42' cy='42' r='42' fill='%23F0C959'/%3E%3Cpath d='M47.35 55.78C43.12 54.29 39.34 54.22 35.09 55.8c2.13-2.4 4.14-5.1 4.84-7.8.04-.16 0-.41-.01-.48-.02-.1-.39-.08-.5.03-2.21 2.11-7.56 3.14-10.15 2.28-3.32-1.11-5.94-3.86-6.98-7.14-1.13-3.57-.2-7.22 2.31-9.9 1.59-1.69 3.32-3 5.3-4.23 2.48-1.46 4.69-3.1 6.89-4.95 1.73-1.46 3.19-2.97 4.43-5.01 1.31 2.12 2.87 3.74 4.73 5.27 2.2 1.81 4.39 3.39 6.84 4.86 3.48 2.09 7.33 5.52 7.75 9.74.28 2.79-.5 5.35-2.18 7.55-1.36 1.78-3.11 3.24-5.31 3.83-2.2.59-4.11.19-6.21-.31-2.68-.64-3.95-2.38-4.29-2.03-.06.06-.12.29-.09.39.82 2.98 2.7 5.41 4.91 7.9z' fill='%231a1a1d'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; background-position: center; border-radius: 50%; box-shadow: 0 0 0 2px #2d2d30, 0 0 0 3px #f0c959; animation: noraLogoPulse 1.5s ease-in-out infinite; } .nora-game-card.nora-loaded .nora-skeleton-shimmer, .nora-provider-card.nora-loaded .nora-skeleton-shimmer, .nora-promo-card.nora-loaded .nora-skeleton-shimmer, .nora-league-card.nora-loaded .nora-skeleton-shimmer, .nora-tournament-card.nora-loaded .nora-skeleton-shimmer, .nora-selected-card.nora-loaded .nora-skeleton-shimmer { display: none; } /* ================================================================ §21. PARA YATIR / DEPOSIT PAGE ---------------------------------------------------------------- Mobile §19 port — Desktop uyarlaması. Ödeme yöntemleri grid, badge'ler, min/max limitler, tab'lar, popup. ================================================================ */ /* ============================================================ A. ÖDEME YÖNTEMLERİ GRID ============================================================ */ /* Ana grid container — Desktop'ta daha geniş kartlar */ .dep-w-info-bc .m-block-nav-items-bc { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)) !important; gap: 14px !important; padding: 20px !important; background: transparent !important; } /* Her ödeme kartı */ .dep-w-info-bc .m-nav-items-list-item-bc[class*="deposit_"], .dep-w-info-bc .m-nav-items-list-item-bc[class*="withdraw_"] { display: flex !important; flex-direction: column !important; align-items: center !important; background: rgba(30, 30, 33, 0.8) !important; border: 1px solid rgba(255, 255, 255, 0.08) !important; border-radius: 12px !important; padding: 14px 10px !important; gap: 10px !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; position: relative !important; } /* Hover — desktop'ta daha belirgin */ @media (hover: hover) { .dep-w-info-bc .m-nav-items-list-item-bc[class*="deposit_"]:hover, .dep-w-info-bc .m-nav-items-list-item-bc[class*="withdraw_"]:hover { background: rgba(36, 36, 39, 0.95) !important; border-color: rgba(240, 201, 89, 0.3) !important; transform: translateY(-2px) !important; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(240, 201, 89, 0.1) !important; } } /* Seçili kart — gold border + glow */ .dep-w-info-bc .m-nav-items-list-item-bc.active { border-color: rgba(240, 201, 89, 0.5) !important; box-shadow: 0 0 0 1px rgba(240, 201, 89, 0.2), 0 4px 16px rgba(240, 201, 89, 0.1) !important; } /* ============================================================ B. ÖDEME BADGE'LERİ ============================================================ */ /* Badge genel stil */ .m-nav-items-list-item-bc .paymentBadgeBlock, .m-nav-items-list-item-bc.enhanced .paymentBadgeBlock, span.paymentBadgeBlock, .paymentBadgeBlock[data-badge] { position: absolute !important; bottom: auto !important; left: 50% !important; right: auto !important; top: -0.5rem !important; transform: translateX(-50%) !important; margin: 0 !important; padding: 2px 10px !important; border-radius: 4px !important; font-size: 9px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.3px !important; white-space: nowrap !important; z-index: 10 !important; box-shadow: none !important; animation: badgePulse 2.5s ease-in-out infinite !important; clip-path: none !important; -webkit-clip-path: none !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; line-height: 1.2 !important; } /* Ribbon ::before kaldır */ .paymentBadgeBlock::before, .m-nav-items-list-item-bc .paymentBadgeBlock::before, span.paymentBadgeBlock::before { display: none !important; content: none !important; width: 0 !important; height: 0 !important; border: none !important; background: none !important; } /* ::after — text gösterimi */ .paymentBadgeBlock::after, .m-nav-items-list-item-bc .paymentBadgeBlock::after, span.paymentBadgeBlock::after { content: attr(data-badge) !important; display: inline-block !important; position: static !important; padding: 0 !important; margin: 0 !important; border: none !important; background: none !important; box-shadow: none !important; border-radius: 0 !important; font-size: inherit !important; font-weight: inherit !important; color: inherit !important; } /* Badge pulse animasyonu */ @keyframes badgePulse { 0%, 100% { opacity: 1; transform: translateX(-50%) scale(1); } 50% { opacity: 0.65; transform: translateX(-50%) scale(0.98); } } /* EN HIZLI — kırmızı */ .paymentBadgeBlock.badge-fastest, .m-nav-items-list-item-bc .paymentBadgeBlock.badge-fastest { background: rgba(255, 107, 107, 0.15) !important; color: #ff6b6b !important; border: 1px solid rgba(255, 107, 107, 0.3) !important; } /* ÖNE ÇIKANLAR — mor */ .paymentBadgeBlock.badge-featured, .m-nav-items-list-item-bc .paymentBadgeBlock.badge-featured { background: rgba(168, 85, 247, 0.15) !important; color: #a855f7 !important; border: 1px solid rgba(168, 85, 247, 0.3) !important; } /* ÖNERİLEN — yeşil */ .paymentBadgeBlock.badge-recommended, .m-nav-items-list-item-bc .paymentBadgeBlock.badge-recommended { background: rgba(74, 222, 128, 0.15) !important; color: #4ade80 !important; border: 1px solid rgba(74, 222, 128, 0.3) !important; } /* YENİ — mavi */ .paymentBadgeBlock.badge-new, .m-nav-items-list-item-bc .paymentBadgeBlock.badge-new { background: rgba(59, 130, 246, 0.15) !important; color: #3b82f6 !important; border: 1px solid rgba(59, 130, 246, 0.3) !important; } /* POPÜLER — altın */ .paymentBadgeBlock.badge-popular, .m-nav-items-list-item-bc .paymentBadgeBlock.badge-popular { background: rgba(240, 201, 89, 0.15) !important; color: #f0c959 !important; border: 1px solid rgba(240, 201, 89, 0.3) !important; } /* ============================================================ C. ÖDEME LOGOSU ============================================================ */ .dep-w-info-bc .m-nav-items-list-item-bc[class*="deposit_"] .nav-ico-w-row-bc, .dep-w-info-bc .m-nav-items-list-item-bc[class*="withdraw_"] .nav-ico-w-row-bc { width: 100% !important; height: 56px !important; display: flex !important; align-items: center !important; justify-content: center !important; } .dep-w-info-bc .m-nav-items-list-item-bc[class*="deposit_"] .payment-logo, .dep-w-info-bc .m-nav-items-list-item-bc[class*="withdraw_"] .payment-logo { max-width: 85% !important; max-height: 44px !important; object-fit: contain !important; filter: brightness(1.05) !important; transition: filter 0.25s ease !important; } @media (hover: hover) { .dep-w-info-bc .m-nav-items-list-item-bc[class*="deposit_"]:hover .payment-logo, .dep-w-info-bc .m-nav-items-list-item-bc[class*="withdraw_"]:hover .payment-logo { filter: brightness(1.2) !important; } } /* ============================================================ D. MİN/MAX LİMİTLER VE SÜRE OVERLAY ============================================================ */ .payment-info-overlay { width: 100% !important; background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.4) 70%, transparent 100%) !important; padding: 10px !important; border-radius: 0 0 10px 10px !important; margin-top: auto !important; } .payment-limits { display: flex !important; justify-content: space-between !important; gap: 8px !important; margin-bottom: 4px !important; } .payment-min { color: #4ade80 !important; font-size: 11px !important; font-weight: 500 !important; } .payment-max { color: #fbbf24 !important; font-size: 11px !important; font-weight: 500 !important; } .payment-time { color: #60a5fa !important; font-size: 10px !important; text-align: center !important; opacity: 0.9 !important; } /* ============================================================ E. PARA YATIR TAB'LARI ============================================================ */ /* Tab container */ .horizontal-sl-list.deposit-tabs, .deposit-category-tabs { background: transparent !important; gap: 10px !important; } /* Her tab */ .horizontal-sl-item-bc.deposit-tab, .deposit-tab-item { background: rgba(36, 36, 39, 0.8) !important; border: 1px solid rgba(255, 255, 255, 0.08) !important; border-radius: 10px !important; padding: 10px 18px !important; color: #b7b7b7 !important; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important; } @media (hover: hover) { .horizontal-sl-item-bc.deposit-tab:hover, .deposit-tab-item:hover { background: rgba(45, 45, 48, 0.9) !important; color: #ffffff !important; transform: translateY(-1px) !important; } } .horizontal-sl-item-bc.deposit-tab.active, .deposit-tab-item.active { background: linear-gradient(145deg, rgba(240, 201, 89, 0.15) 0%, rgba(240, 201, 89, 0.08) 100%) !important; border-color: rgba(240, 201, 89, 0.4) !important; color: #f0c959 !important; } /* Tab icon */ .horizontal-sl-item-bc.deposit-tab .horizontal-sl-icon-bc, .deposit-tab-item i { color: inherit !important; font-size: 20px !important; margin-bottom: 4px !important; } /* Tab title */ .horizontal-sl-item-bc.deposit-tab .horizontal-sl-title-bc, .deposit-tab-item span { font-size: 11px !important; text-transform: uppercase !important; } /* ============================================================ F. POPUP/MODAL STİLLERİ (Para Yatır) ============================================================ */ /* Deposit popup container */ .popup-holder-bc.deposit-popup .popup-inner-bc { background: rgba(24, 24, 27, 0.98) !important; border: 1px solid rgba(255, 255, 255, 0.08) !important; border-radius: 16px !important; backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important; } /* Popup başlık */ .deposit-popup .popup-title-bc { color: #ffffff !important; border-bottom: 1px solid rgba(240, 201, 89, 0.15) !important; } /* Input alanları */ .deposit-popup input[type="text"], .deposit-popup input[type="number"] { background: rgba(36, 36, 39, 0.9) !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; border-radius: 10px !important; color: #ffffff !important; padding: 12px 16px !important; transition: border-color 0.25s ease, box-shadow 0.25s ease !important; } .deposit-popup input:focus { border-color: rgba(240, 201, 89, 0.4) !important; box-shadow: 0 0 0 3px rgba(240, 201, 89, 0.1) !important; } /* Devam butonu */ .deposit-popup .btn-primary, .deposit-popup .button.primary { background: linear-gradient(145deg, #f0c959 0%, #d4a843 100%) !important; color: #1a1a1d !important; border: none !important; border-radius: 10px !important; font-weight: 600 !important; box-shadow: 0 4px 12px rgba(240, 201, 89, 0.3) !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; } @media (hover: hover) { .deposit-popup .btn-primary:hover, .deposit-popup .button.primary:hover { background: linear-gradient(145deg, #ffd666 0%, #f0c959 100%) !important; box-shadow: 0 6px 20px rgba(240, 201, 89, 0.4) !important; transform: translateY(-1px) !important; } } /* ================================================================ MESAJ KUTUSU — Koyu Tema Renk Override ================================================================ */ /* Mesaj body içindeki tüm inline renkleri override et */ .message-info-bc, .message-info-bc *, .message-info-bc p, .message-info-bc div, .message-info-bc span, .message-info-bc h1, .message-info-bc h2, .message-info-bc h3, .message-info-bc h4 { color: #b7b7b7 !important; } /* Mesaj içi linkleri gold yap */ .message-info-bc a { color: #f0c959 !important; } /* Mesaj içi arka plan kutularını temaya uyumlu yap */ .message-info-bc > div[style], .message-info-bc div[style*="background"] { background-color: #242427 !important; border-color: #3a3a3d !important; }