/* ============================================================
   HOLEYBET - CUSTOM SKIN CSS
   ============================================================ */
:root, html { --theme-color: #c9a227 !important; }

/* Genel Yapı */
.customElement { width: 100%; position: relative; margin-bottom: 50px; float: left; top: 30px; }
@media (max-width: 767px) { .customElement { margin-bottom: 20px; } }

.customElement > .customElement-container video { display: table; width: 100%; height: 100%; object-fit: cover; }
.customElement .customElement-header { font-size: 20px; line-height: 24px; color: var(--white-color); font-weight: 700; padding: 0; margin: 0 auto; align-items: center; grid-column: 1 / -1 !important; width: 100% !important; display: flex !important; }
.customElement .customElement-header h3 { margin-bottom: 0 !important; }
.customElement .customElement-header .customElement-icon { width: 48px; height: 48px; line-height: 48px; margin: 0 15px 0 0; font-size: 28px; background: var(--theme-color); display: inline-block; text-align: center; border-radius: 4px; }

/* Grid Düzenleri */
.grid-games { display: grid !important; grid-template-columns: repeat(6, 1fr) !important; gap: 20px !important; }
.grid-categories { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 20px !important; }
.grid-sponsors { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 20px !important; border: 1px solid var(--theme-color) !important; border-radius: 18px !important; padding: 18px !important; }

@media (max-width: 767px) {
    .grid-games, .grid-categories, .grid-sponsors { grid-template-columns: repeat(2, 1fr) !important; gap: 10px !important; }
    .grid-sponsors { padding: 12px !important; }
}

/* Linkler ve Görseller */
.customElement .container a { display: flex; position: relative; }
.customElement .container a img { width: 100%; transition: all 0.3s ease; }
.customElement.sponsors .container a:hover img, .customElement.categories .container a:hover img, .customElement.games .container a:hover img { transform: scale(1.05); }

/* Play Butonu */
.customElement .container a .playButton { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background: #0e1927; color: var(--theme-color); width: 50px; height: 50px; border-radius: 100px; font-size: 20px; justify-content: center; align-items: center; transition: 0.1s all; display: flex; }
.customElement .container a .playButton::before { content: ''; display: block; background: color-mix(in srgb, var(--theme-color) 50%, transparent); width: 50px; height: 50px; position: absolute; border-radius: 100px; pointer-events: none; border: 2px solid var(--theme-color); animation: pulsePlayBtn 1.5s ease-out infinite; animation-delay: 1s; }
.customElement .container a .playButton::after { content: ''; display: block; background: transparent; width: 50px; height: 50px; position: absolute; border-radius: 100px; pointer-events: none; border: 2px solid var(--theme-color); animation: pulsePlayBtn 1.5s ease-out infinite; }
@keyframes pulsePlayBtn { 0% { transform: scale(1); opacity: 0.9; } 100% { transform: scale(2); opacity: 0; } }

main.home section.casino.landing { position: relative !important; }

/* OVERRIDE'LAR */
body { background-color: #0a0a0a !important; background-image: url('https://holeybetcss.com/holeybet/img/arkaplan.webp') !important; background-size: cover !important; background-attachment: fixed !important; background-position: center top !important; }

header .navigation, header div.navigation { border-bottom: 2px solid #c9a227 !important; }
html body header .navigation .hamburger { background: #1a1a1a !important; border: 1px solid #8a6d0f !important; box-shadow: none !important; }
html body header .navigation .hamburger i { color: #c9a227 !important; }
html body header .navigation .hamburger + .guest.guest-telegram a { background: #1a1a1a !important; }
html body a.button.primary.whatsapp-header[href*="whatsapp"] { background: #25D366 !important; color: #fff !important; }
html body a.button.primary.whatsapp-header:not([href*="whatsapp"]) { background: #1a1a1a !important; border: 1px solid #2a2a2a !important; }

header .top .functions a.button.primary.deposit, .user-guest-modal-content .content .buttons a.primary { background: linear-gradient(135deg,#8a6d0f,#c9a227,#f0d060,#c9a227,#8a6d0f) !important; color: #000 !important; font-weight: 700 !important; }
header .mobile-sticky-bar { border-top: 2px solid #c9a227 !important; }
button.back-to-top { background: linear-gradient(135deg,#8a6d0f,#c9a227,#f0d060) !important; color: #000 !important; border: none !important; }
.swiper-pagination-bullet-active { background: #c9a227 !important; }
.button_pd, .black-modal.register .form .element.button button, .form-components .element.button .button.yellow { background: linear-gradient(135deg,#8a6d0f,#c9a227,#f0d060) !important; color: #000 !important; font-weight: 700 !important; }
.pagination ul li.active, .pagination ul li:hover { background-color: #c9a227 !important; color: #000 !important; }
footer { border-top: 2px solid #8a6d0f !important; }

/* Banner Köşe & Hover */
.customElement.tv a, .customElement.slot a, .customElement.sponsorluklar a { display: block !important; border-radius: 12px !important; overflow: hidden !important; transition: transform 0.3s ease, box-shadow 0.3s ease !important; }
.customElement.tv a:hover, .customElement.slot a:hover, .customElement.sponsorluklar a:hover { transform: translateY(-4px) !important; box-shadow: 0 8px 25px rgba(201,162,39,0.45) !important; }
.customElement.tv img, .customElement.slot img, .customElement.sponsorluklar img { border-radius: 12px !important; transition: filter 0.3s ease !important; }
.customElement.tv a:hover img, .customElement.slot a:hover img, .customElement.sponsorluklar a:hover img { filter: brightness(1.08) !important; }
.customElement.affiliate .container a img, .customElement.affiliate img { width: 100% !important; height: auto !important; display: block !important; }

.customElement.social_gif { display: none !important; }
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #0a0a0a; }
::-webkit-scrollbar-thumb { background: #8a6d0f; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #c9a227; }

.box-grand, .box-major, .box-mega, .box-minor, .hover-box { border: 2px solid var(--theme-color) !important; }

/* Sohbet Butonu */
.chatButtonContainer .chatButton, .chatButton--ripple { background: linear-gradient(135deg,#FAD961,#C28F2C) !important; }
.chatButtonContainer .innerIcon, path.innerIcon { fill: #C28F2C !important; }
.chatButtonContainer .innerDot { fill: #C28F2C !important; }
.chatButton--ripple::before, .chatButton--ripple::after { border-color: #C28F2C !important; }

/* Çarkıfelek butonu gizle */
header .top .functions .promotions:has(i.cark) { display: none !important; }

/* Mobilde çarkıfelek gizle, div kalsın */
@media (max-width: 991px) {
  header .navigation .guest.guest-telegram a.button { display: none !important; }
}