/* ============================================================
   BOXED LAYOUT
   ============================================================ */

/* App background: clean dark gradient + subtle green glow up top (behind
   header/hero), fading to near-black. Replaces the photographic page
   backgrounds — gives a compact, cohesive surface for content to sit on. */
body {
    background:
        radial-gradient(1300px 700px at 50% 0%, rgba(0, 224, 116, .22), transparent 50%),
        linear-gradient(180deg, #0a1c13 0%, #08160f 50%, #050d09 100%) !important;
    background-attachment: fixed !important;
}

/* Box the main layout on desktop */
#root.layout-bc {
    max-width: 1600px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-shadow: 0 0 40px rgba(0, 0, 0, .6) !important;
    /* Subtle green accent line at top edge of the box */
    border-top: 1px solid rgba(0, 208, 101, .25) !important;
}

/* ============================================================
   HEADER POLISH
   ============================================================ */

/* Header bar: brand dark-green (NOT grey) with a green separator.
   NOTE: do NOT add backdrop-filter here — it creates a containing block
   for position:fixed descendants and traps the back-to-top float button
   at the top of the page. The bg is near-opaque so blur isn't needed. */
.layout-header-holder-bc {
    background: linear-gradient(180deg, rgba(11, 30, 20, .98) 0%, rgba(8, 21, 14, .98) 100%) !important;
    border-bottom: 1px solid rgba(0, 208, 101, .15) !important;
}

/* Nav row: connected tab bar, brand green-tinted (a lighter green shade
   than the header) so the two bars are branded yet distinct. */
.nav-content-bc {
    background: linear-gradient(180deg, rgba(0, 208, 101, .07) 0%, rgba(0, 208, 101, .025) 100%) !important;
    border-top: 1px solid rgba(0, 208, 101, .14) !important;
}

/* DESKTOP nav: real elements are ul.nav-menu > a.nav-menu-item.
   Spread items full-width with pill hover + green active state. */
.nav-menu {
    justify-content: space-between !important;
}
.nav-menu-item {
    border-radius: 8px !important;
    padding: 8px 14px !important;
    transition: background .15s ease, color .15s ease !important;
}
.nav-menu-item:hover {
    background: rgba(255, 255, 255, .06) !important;
    color: #ffffff !important;
}
.nav-menu-item.active,
.nav-menu-item.state-active,
.nav-menu-item[class*="active"] {
    background: rgba(0, 208, 101, .12) !important;
    color: #00d065 !important;
}

/* MOBILE nav uses .hdr-navigation-link-bc (different class) */
.hdr-navigation-link-bc {
    color: rgba(255, 255, 255, .82) !important;
    font-weight: 500 !important;
    position: relative !important;
    border-radius: 8px !important;
    padding: 8px 14px !important;
    transition: all .15s ease !important;
}
.hdr-navigation-link-bc:hover {
    color: #ffffff !important;
    background: rgba(255, 255, 255, .05) !important;
}
.hdr-navigation-link-bc.active {
    color: #00d065 !important;
    background: rgba(0, 208, 101, .10) !important;
}

/* ============================================================
   AUTH BUTTONS (GİRİŞ / KAYIT)
   ============================================================ */

/* GİRİŞ — outlined ghost button */
.btn.sign-in {
    padding: 0 16px !important;
    height: 34px !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, .04) !important;
    border: 1px solid rgba(255, 255, 255, .14) !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    letter-spacing: .3px !important;
    text-decoration: none !important;
    transition: all .15s ease !important;
}
.btn.sign-in:hover {
    background: rgba(255, 255, 255, .08) !important;
    border-color: rgba(0, 208, 101, .4) !important;
}
.btn.sign-in span {
    text-decoration: none !important;
}

/* KAYIT — primary green pill with depth */
.btn.register {
    padding: 0 18px !important;
    height: 34px !important;
    border-radius: 8px !important;
    background: linear-gradient(180deg, #00d065 0%, #09a044 100%) !important;
    border: 1px solid rgba(0, 208, 101, .6) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    letter-spacing: .3px !important;
    box-shadow:
        0 4px 14px rgba(0, 208, 101, .35),
        inset 0 1px 0 rgba(255, 255, 255, .2) !important;
    transition: all .15s ease !important;
}
.btn.register:hover {
    background: linear-gradient(180deg, #14e074 0%, #0bbd50 100%) !important;
    box-shadow:
        0 6px 18px rgba(0, 208, 101, .5),
        inset 0 1px 0 rgba(255, 255, 255, .25) !important;
    transform: translateY(-1px) !important;
}

/* ============================================================
   TOP PROMO STRIP (informative-widget)
   ============================================================ */

.informative-widget {
    background: linear-gradient(180deg, rgba(0, 208, 101, .08) 0%, rgba(7, 11, 9, .96) 100%) !important;
    border-bottom: 1px solid rgba(0, 208, 101, .18) !important;
    color: rgba(255, 255, 255, .95) !important;
    font-weight: 500 !important;
    padding: 8px 16px !important;
}
.informative-widget-link,
.informative-widget a {
    color: #00d065 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}
.informative-widget-link:hover,
.informative-widget a:hover {
    color: #14e074 !important;
    text-decoration: underline !important;
}
/* Notification/popup close X — circular ghost button.
   NOTE: the close icon is NOT a descendant of .informative-widget (it sits in
   the container), so it must be targeted unscoped, not `.informative-widget .e-p-close-icon-bc`. */
.e-p-close-icon-bc {
    width: 26px !important;
    height: 26px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, .06) !important;
    border: 1px solid rgba(255, 255, 255, .12) !important;
    color: rgba(255, 255, 255, .75) !important;
    font-size: 10px !important;
    cursor: pointer !important;
    transition: all .15s ease !important;
}
.e-p-close-icon-bc:hover {
    background: rgba(255, 90, 90, .2) !important;
    border-color: rgba(255, 90, 90, .45) !important;
    color: #ffffff !important;
    transform: rotate(90deg) !important;
}

/* ============================================================
   HEADER SUB-ICONS (gift, chat, promos)
   ============================================================ */

.user-nav-icon {
    width: 34px !important;
    height: 34px !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, .04) !important;
    border: 1px solid rgba(255, 255, 255, .08) !important;
    color: rgba(255, 255, 255, .85) !important;
    transition: all .15s ease !important;
}
.user-nav-icon:hover {
    background: rgba(0, 208, 101, .12) !important;
    border-color: rgba(0, 208, 101, .35) !important;
    color: #ffffff !important;
}
.user-nav-icon.bc-i-promotions-3 {
    background: rgba(0, 208, 101, .15) !important;
    border-color: rgba(0, 208, 101, .35) !important;
    color: #00d065 !important;
}

/* ⋮ vertical menu button */
.hdr-toggle-button-bc {
    width: 34px !important;
    height: 34px !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, .04) !important;
    border: 1px solid rgba(255, 255, 255, .1) !important;
    color: rgba(255, 255, 255, .85) !important;
    transition: all .15s ease !important;
}
.hdr-toggle-button-bc:hover {
    background: rgba(255, 255, 255, .08) !important;
    color: #ffffff !important;
}

/* Logo container: a touch more breathing room */
.hdr-logo-bc {
    padding: 0 8px !important;
}

/* ============================================================
   MOBILE BOTTOM NAV (mobile only — classes don't exist on desktop)
   ============================================================ */

html.is-mobile .layout-navigation-holder-bc {
    background: linear-gradient(180deg, rgba(20, 24, 28, .98) 0%, rgba(7, 11, 9, .99) 100%) !important;
    border-top: 1px solid rgba(0, 208, 101, .2) !important;
    box-shadow: 0 -8px 24px rgba(0, 0, 0, .5) !important;
}
html.is-mobile .tab-navigation-w-bc {
    background: transparent !important;
}
html.is-mobile .tab-nav-item-bc {
    color: rgba(255, 255, 255, .55) !important;
    font-weight: 600 !important;
    transition: color .15s ease !important;
}
html.is-mobile .tab-nav-item-bc:hover,
html.is-mobile .tab-nav-item-bc.active {
    color: #00d065 !important;
}
html.is-mobile .tab-nav-icon-bc {
    width: 36px !important;
    height: 36px !important;
    border-radius: 10px !important;
    background: rgba(255, 255, 255, .04) !important;
    border: 1px solid rgba(255, 255, 255, .06) !important;
    margin-bottom: 4px !important;
    transition: all .15s ease !important;
}
html.is-mobile .tab-nav-item-bc.active .tab-nav-icon-bc {
    background: rgba(0, 208, 101, .15) !important;
    border-color: rgba(0, 208, 101, .35) !important;
    color: #00d065 !important;
    box-shadow: 0 0 12px rgba(0, 208, 101, .25) !important;
}

/* ============================================================
   SECTION HEADERS (page-view-more, "POPÜLER OYUNLAR" etc)
   ============================================================ */

.page-view-more {
    padding: 16px 18px 12px !important;
    border-bottom: 1px solid rgba(255, 255, 255, .04) !important;
}
.view-title-more {
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: .8px !important;
    text-transform: uppercase !important;
    color: rgba(255, 255, 255, .95) !important;
    position: relative !important;
    padding-left: 14px !important;
}
.view-title-more::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 4px !important;
    height: 18px !important;
    background: linear-gradient(180deg, #00d065, #09a044) !important;
    border-radius: 2px !important;
    box-shadow: 0 0 8px rgba(0, 208, 101, .5) !important;
}
.view-see-more {
    color: rgba(255, 255, 255, .55) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: .5px !important;
    transition: color .15s ease !important;
}
.view-see-more:hover { color: #00d065 !important; }

/* ============================================================
   SPORT CATEGORIES ROW (horizontal-sl-list)
   ============================================================ */

.horizontal-sl-item-bc {
    border-radius: 8px !important;
    transition: all .15s ease !important;
}
.horizontal-sl-item-bc:hover {
    background: rgba(255, 255, 255, .04) !important;
}
.horizontal-sl-item-bc.active {
    background: rgba(0, 208, 101, .12) !important;
    box-shadow: inset 0 0 0 1px rgba(0, 208, 101, .35) !important;
}
.horizontal-sl-item-bc.active .horizontal-sl-icon-bc {
    color: #00d065 !important;
    filter: drop-shadow(0 0 4px rgba(0, 208, 101, .5)) !important;
}
.horizontal-sl-item-bc.active .horizontal-sl-title-bc {
    color: #ffffff !important;
    font-weight: 700 !important;
}
.horizontal-sl-count-bc {
    background: rgba(0, 208, 101, .15) !important;
    color: #00d065 !important;
    font-weight: 700 !important;
    border-radius: 10px !important;
    padding: 1px 8px !important;
}

/* ============================================================
   TIME FILTERS (Maç Sonucu dropdown, day pills)
   ============================================================ */

.time-filter-button-bc {
    border-radius: 8px !important;
    background: rgba(255, 255, 255, .03) !important;
    border: 1px solid rgba(255, 255, 255, .08) !important;
    color: rgba(255, 255, 255, .8) !important;
    transition: all .15s ease !important;
}
.time-filter-button-bc:hover {
    background: rgba(255, 255, 255, .06) !important;
    border-color: rgba(0, 208, 101, .3) !important;
    color: #ffffff !important;
}
.time-filter-button-bc.active,
.time-filter-button-bc[class*="active"] {
    background: rgba(0, 208, 101, .15) !important;
    border-color: rgba(0, 208, 101, .5) !important;
    color: #00d065 !important;
    font-weight: 700 !important;
}

/* ============================================================
   MATCH ROWS (.c-row-bc bordered)
   ============================================================ */

.c-row-bc {
    border-radius: 8px !important;
    margin: 4px 8px !important;
    background: rgba(255, 255, 255, .02) !important;
    border: 1px solid rgba(255, 255, 255, .04) !important;
    transition: background .15s ease, border-color .15s ease !important;
}
.c-row-bc:hover {
    background: rgba(255, 255, 255, .04) !important;
    border-color: rgba(0, 208, 101, .25) !important;
}
.c-row-bc.bordered { border-color: rgba(255, 255, 255, .05) !important; }
.c-teams-bc {
    color: rgba(255, 255, 255, .95) !important;
    font-weight: 600 !important;
}
.c-info-content-bc {
    color: rgba(255, 255, 255, .55) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
}
.c-info-more-bc {
    color: #00d065 !important;
    font-weight: 700 !important;
    font-size: 12px !important;
}

/* Odds cells (MS1, X, MS2) */
.c-odd-bc {
    border-radius: 6px !important;
    background: rgba(255, 255, 255, .03) !important;
    border: 1px solid rgba(255, 255, 255, .06) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    transition: all .12s ease !important;
}
.c-odd-bc:hover {
    background: rgba(0, 208, 101, .12) !important;
    border-color: rgba(0, 208, 101, .45) !important;
    color: #00d065 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 10px rgba(0, 208, 101, .15) !important;
}
.c-odd-bc.active,
.c-odd-bc.selected {
    background: linear-gradient(180deg, #00d065 0%, #09a044 100%) !important;
    border-color: rgba(0, 208, 101, .7) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(0, 208, 101, .35), inset 0 1px 0 rgba(255, 255, 255, .2) !important;
}

/* ============================================================
   CASINO GAME CARDS (POPÜLER OYUNLAR)
   ============================================================ */

.casino-game-item {
    border-radius: 12px !important;
    overflow: hidden !important;
    transition: transform .2s ease, box-shadow .2s ease !important;
}
.casino-game-item:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .6), 0 0 0 1px rgba(0, 208, 101, .35) !important;
}
.casino-game-item-content {
    border-radius: 12px !important;
    overflow: hidden !important;
}
.casino-game-item-image-bc {
    border-radius: 12px !important;
    transition: transform .25s ease !important;
}
.casino-game-item:hover .casino-game-item-image-bc {
    transform: scale(1.04) !important;
}
.casino-game-item-fav-bc {
    color: rgba(255, 255, 255, .85) !important;
    background: rgba(0, 0, 0, .45) !important;
    border-radius: 50% !important;
    width: 26px !important;
    height: 26px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    backdrop-filter: blur(4px) !important;
    transition: all .15s ease !important;
}
.casino-game-item-fav-bc:hover,
.casino-game-item-fav-bc.active {
    background: rgba(0, 208, 101, .85) !important;
    color: #ffffff !important;
}

/* ============================================================
   PRODUCT BANNER CARDS (Min 500 TL, payment methods, etc)
   ============================================================ */

.product-banner-container-bc {
    padding: 12px 8px !important;
}
.product-banner-bc,
.product-banner-img-bc {
    border-radius: 12px !important;
    overflow: hidden !important;
    transition: transform .2s ease, box-shadow .2s ease !important;
    border: 1px solid rgba(255, 255, 255, .06) !important;
}
.product-banner-bc:hover,
.product-banner-img-bc:hover {
    transform: translateY(-3px) !important;
    box-shadow:
        0 12px 24px rgba(0, 0, 0, .5),
        0 0 0 1px rgba(0, 208, 101, .35) !important;
    border-color: transparent !important;
}

/* The deposit/banner carousel clips this hover lift with overflow:hidden on
   .swiper / .swiper-slide / .sdr-item-bc. Free the vertical axis (keep
   horizontal slide-clipping via overflow-x: clip). Scoped to
   .carouselCountEnable so the hero banner carousel is untouched. */
.carouselCountEnable .swiper {
    overflow-x: clip !important;
    overflow-y: visible !important;
}
.carouselCountEnable .swiper-slide,
.carouselCountEnable .sdr-item-holder-bc,
.carouselCountEnable .sdr-item-bc {
    overflow: visible !important;
}

/* Hero slider aspect ratio — match the 3220x820 slide images so they fit
   edge-to-edge without side cropping. BC sets aspect-ratio inline based on
   the old image size, so override with !important. object-fit: cover + a
   matching container ratio = full image, no crop.
   SCOPED to .hm-row-bc (the homepage hero) — the same .carouselCountEnable
   slider markup is also used by the banner inside the login/register modal,
   and an unscoped rule cropped that modal banner. The modal banner is NOT
   inside .hm-row-bc, so this scope leaves it alone. */
.hm-row-bc .carouselCountEnable .sdr-item-holder-bc {
    aspect-ratio: 3220 / 820 !important;
}
.hm-row-bc .carouselCountEnable .sdr-item-bc,
.hm-row-bc .carouselCountEnable .sdr-item-bc img {
    object-fit: cover !important;
}

/* ============================================================
   JACKPOT WIDGET (AMUSNET, EGT DİGİTAL)
   ============================================================ */

.jackpotWidgetWrapper {
    border-radius: 14px !important;
    overflow: hidden !important;
    border-top: 2px solid rgba(0, 208, 101, .3) !important;
    background: linear-gradient(180deg,
        rgba(0, 208, 101, .08) 0%,
        rgba(0, 208, 101, .02) 40%,
        rgba(7, 11, 9, .96) 100%) !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, .35) !important;
    margin: 6px !important;
    position: relative !important;
}
.jackpotWidgetWrapper::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important; right: 0 !important; top: 0 !important;
    height: 1px !important;
    background: linear-gradient(to right,
        transparent 10%,
        rgba(0, 208, 101, .5) 40%,
        rgba(20, 224, 116, .7) 50%,
        rgba(0, 208, 101, .5) 60%,
        transparent 90%) !important;
    box-shadow: 0 0 14px rgba(0, 208, 101, .35) !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

/* Main jackpot amount (PİKES, GRAND big number) */
.jackpotPoolLevel.jackpotPoolLevelHomepageWidget,
.jackpotPoolLevelFirst {
    text-align: center !important;
    padding: 12px 8px !important;
}
.jackpotPoolLevelTitle {
    color: rgba(255, 255, 255, .7) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    margin-bottom: 4px !important;
}
.jackpotPoolMoney,
.jackpotPoolPrice {
    color: #00d065 !important;
    font-weight: 800 !important;
    text-shadow: 0 0 12px rgba(0, 208, 101, .4) !important;
}

/* Secondary jackpot pools (KUPA, KARO, MAJOR) */
.jackpotPoolWrapper {
    display: flex !important;
    gap: 8px !important;
    padding: 8px 10px !important;
}
.jackpotPoolItem {
    flex: 1 !important;
    background: rgba(255, 255, 255, .03) !important;
    border: 1px solid rgba(255, 255, 255, .06) !important;
    border-radius: 10px !important;
    padding: 10px 12px !important;
    transition: all .15s ease !important;
}
.jackpotPoolItem:hover {
    background: rgba(0, 208, 101, .06) !important;
    border-color: rgba(0, 208, 101, .2) !important;
}
.jackpotPoolItem .jackpotPoolTitle {
    color: rgba(255, 255, 255, .55) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: .8px !important;
    text-transform: uppercase !important;
    margin-bottom: 2px !important;
}
.jackpotPoolItem .jackpotPoolMoney {
    color: rgba(255, 255, 255, .9) !important;
    font-size: 14px !important;
    text-shadow: none !important;
}

/* ============================================================
   FEATURED EVENTS (ÖNE ÇIKAN ETKİNLİKLER cards)
   ============================================================ */

.featuredGameItem {
    border-radius: 10px !important;
    overflow: hidden !important;
    background: rgba(7, 11, 9, .65) !important;
    border: 1px solid rgba(255, 255, 255, .06) !important;
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease !important;
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
}
.featuredGameItem:hover {
    transform: translateY(-2px) !important;
    border-color: rgba(0, 208, 101, .3) !important;
    box-shadow: 0 8px 22px rgba(0, 0, 0, .4) !important;
}
.featuredGameItemHeader {
    background: rgba(255, 255, 255, .03) !important;
    border-bottom: 1px solid rgba(255, 255, 255, .06) !important;
    padding: 8px 12px !important;
    color: rgba(255, 255, 255, .85) !important;
    font-weight: 600 !important;
}

/* ============================================================
   COMPACTNESS — tighten section spacing for a denser, cohesive layout
   ============================================================ */

/* Gap between home sections (default 20px → 10px) */
.hm-row-bc { margin-top: 10px !important; }
.hm-row-bc:first-child { margin-top: 0 !important; }

/* Jackpot widget had a loose 30px top pad + 16px/6px wrapper pad+margin */
.jackpotPoolsWidgetTemplate { padding-top: 12px !important; }
.jackpotWidgetWrapper {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    margin: 4px !important;
}

/* Collapse empty promo slider rows — BC renders several unconfigured
   .hm-row-bc.has-slider slots with no slides, each still carrying a margin,
   which created scattered dead space between real sections. */
.hm-row-bc.has-slider:not(:has(.swiper-slide)) {
    display: none !important;
    margin: 0 !important;
}

/* ============================================================
   FOOTER
   ============================================================ */

.layout-footer-holder-bc {
    background: linear-gradient(180deg, rgba(7, 11, 9, .98) 0%, rgba(4, 6, 5, 1) 100%) !important;
    border-top: 1px solid rgba(0, 208, 101, .2) !important;
    margin-top: 16px !important;
}

/* Expand/collapse chevron at top of footer */
.open-footer-icon {
    color: rgba(255, 255, 255, .5) !important;
    background: rgba(255, 255, 255, .04) !important;
    border: 1px solid rgba(255, 255, 255, .08) !important;
    border-radius: 50% !important;
    transition: all .15s ease !important;
}
.open-footer-icon:hover {
    color: #00d065 !important;
    border-color: rgba(0, 208, 101, .35) !important;
}

/* Social icons */
.footerSocialLink {
    width: 38px !important;
    height: 38px !important;
    border-radius: 10px !important;
    background: rgba(255, 255, 255, .04) !important;
    border: 1px solid rgba(255, 255, 255, .08) !important;
    color: rgba(255, 255, 255, .75) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all .18s ease !important;
}
.footerSocialLink:hover {
    background: rgba(0, 208, 101, .15) !important;
    border-color: rgba(0, 208, 101, .4) !important;
    color: #00d065 !important;
    transform: translateY(-2px) !important;
}

/* Language dropdown */
.footerInfoColumn .languageDropdown {
    background: rgba(255, 255, 255, .04) !important;
    border: 1px solid rgba(255, 255, 255, .08) !important;
    border-radius: 8px !important;
}

/* Link columns */
.footerLinkColTitle {
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    letter-spacing: .5px !important;
    text-transform: uppercase !important;
    position: relative !important;
    padding-bottom: 8px !important;
    margin-bottom: 10px !important;
}
.footerLinkColTitle::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 28px !important;
    height: 2px !important;
    background: linear-gradient(90deg, #00d065, transparent) !important;
    border-radius: 2px !important;
}
.footerLinkColEl {
    color: rgba(255, 255, 255, .55) !important;
    font-size: 12px !important;
    transition: color .15s ease, padding-left .15s ease !important;
}
.footerLinkColEl:hover {
    color: #00d065 !important;
    padding-left: 4px !important;
}

/* Slider section titles (DÜZENLEMELER, YATIRIM YÖNTEMLERİ) */
.sliderTitle {
    color: rgba(255, 255, 255, .7) !important;
    font-weight: 700 !important;
    font-size: 12px !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
}

/* Regulatory licence badge container */
.FooterLicenceCuracaoContainer {
    border-radius: 10px !important;
    background: rgba(255, 255, 255, .03) !important;
    border: 1px solid rgba(255, 255, 255, .06) !important;
    padding: 8px !important;
}

/* Payment method tiles */
.horizontalSliderElem {
    border-radius: 10px !important;
    background: rgba(255, 255, 255, .04) !important;
    border: 1px solid rgba(255, 255, 255, .07) !important;
    transition: all .15s ease !important;
}
.horizontalSliderElem:hover {
    background: rgba(255, 255, 255, .07) !important;
    border-color: rgba(0, 208, 101, .3) !important;
    transform: translateY(-2px) !important;
}
.horizontalSliderNav {
    color: rgba(255, 255, 255, .6) !important;
    background: rgba(255, 255, 255, .04) !important;
    border-radius: 8px !important;
    transition: all .15s ease !important;
}
.horizontalSliderNav:hover {
    color: #00d065 !important;
    background: rgba(0, 208, 101, .12) !important;
}

/* Copyright */
.ftr-copy-rights-bc {
    color: rgba(255, 255, 255, .4) !important;
    font-size: 11px !important;
}

/* Warning / age text */
.footerWarning,
.footerWarningAge {
    color: rgba(255, 255, 255, .45) !important;
}

/* ============================================================
   PAGE BACKGROUNDS
   The gradient lives on `body` (above). Each page's box is made
   transparent so the gradient shows through edge-to-edge.
   (Previously these set per-page photographic backgrounds; replaced
   with the single cohesive gradient for a compact, calm surface.)
   ============================================================ */

.layout-bc.is-home-page,
.layout-bc.skill-games-page,
.layout-bc.casino-slots,
.layout-bc.promotion-page,
.layout-bc.live-casino-games {
    background: transparent !important;
}
iframe[src*="comm100.com"],iframe[id*="comm100"],iframe[title*="comm100"]{display:none!important;width:0!important;height:0!important}iframe[src*="livechatinc.com"],iframe[src*="livechat.com"]{display:none!important;width:0!important;height:0!important}div[id*="comm100"],div[class*="comm100"]{display:none!important}div[id*="livechat"],div[class*="livechat-"]{display:none!important}.comm100-widget,.livechat-widget-container{display:none!important}