/* ======================================================================
   BETREDI V16 — UNIFIED NEON RED / OBSIDIAN UI
   Build: consolidated V10 + V14 + V15 visual logic into a single V16 system.
   Palette: neon red highlights + crimson body + deep red depth + obsidian base.
   ====================================================================== */

@import url("https://fonts.googleapis.com/css2?family=Afacad:ital,wght@0,400..700;1,400..700&display=swap");


:root {
    --betredi-bg: #050505;
    --betredi-bg-deep: #030303;
    --betredi-surface: #0a0a0a;
    --betredi-surface-soft: #0f0f0f;

    /* Compatibility: eski --betredi-green değişken adları korunur, değerleri neon red temaya çekildi. */
    --betredi-green: #eb282e;
    --betredi-green-2: #eb282e;
    --betredi-green-dark: #eb282e;

    --betredi-accent: #eb282e;
    --betredi-accent-2: #eb282e;
    --betredi-accent-light: #eb282e;
    --betredi-accent-dark: #eb282e;
    --betredi-accent-glow: rgba(235, 40, 46, 0.28);
    --betredi-gold: #eb282e;
    --betredi-gold-2: #eb282e;
    --betredi-text: #ffffff;
    --betredi-muted: rgba(255, 255, 255, 0.72);
    --tf-active: #eb282e;
    --tf-cool-button: radial-gradient(circle, #eb282e 0%, #eb282e 100%);
    --tf-border: linear-gradient(180deg, rgba(235, 40, 46, 0.38), rgba(235, 40, 46, 0.16));
}

.slot__img img {
    width: 99%;
    height: 100%;
    object-fit: cover;
}

.hero__content {
    min-height: 200px;
}

#comm100-float-button-bad0bc23-9782-4b4c-a3a7-69b5688a7a86-2 {
    display: none !important;
}

@media screen and (max-width: 390px) {
    .hero--main .hero__content {
        min-height: 200px;
    }
}

.hero__bg img {
    object-fit: contain;
}

.hero {
    background: #14141400;
}

.bottomMenuWidgetImage {
    width: 100%;
    height: auto;
}

.bottomMenuWidgedContainer {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    margin: 0 auto;
    /* padding: 10px; */
}





.otherGames {
    font-family: "Afacad", serif;
}

.otherGamesHeader {
    font-size: 24px;
    font-weight: bold;
    background: linear-gradient(90deg, #fff 0%, #999 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.otherGamesComponent {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1px;
    margin: 0 auto;
    padding: 10px;
}

.otherGamesComponentLayout {
    flex: 1 1 calc(25% - 10px);
    text-align: center;
}

.otherGamesComponentLayoutImg {
    width: 100%;
    height: auto;
}




.hm-row-bc {
    display: grid;
    gap: 10px;
}

.hm-row-bc:not(:first-child:empty)+.hm-row-bc {
    margin-top: 20px;
}

.pb-component-wrapper {
    display: grid;
}

.sdr-image-bc {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: max-height .24s linear;
}

.sdr-item-bc {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.sdr-item-holder-bc {
    cursor: pointer;
    /* position: relative; */
    width: 100%;
    height: 100%;
}

.carousel-slide {
    flex-shrink: 0;
    position: relative;
}

.carousel-container {
    display: flex;
}

.carousel-viewport {
    overflow: hidden;
}

.carousel {
    position: relative;
}

.has-game.has-slider .slider-bc:not(.has-title) {
    padding-top: 0px;
}

.slider-bc {
    min-width: 0;
    position: relative;
}

.casino-game-image-bc {
    width: 100%;
    height: 100%;
    display: block;
    cursor: pointer;
    /* position: absolute; */
    top: 0;
    left: 0;
    transition: filter .24s;
}

.casino-game-item {
    box-shadow: 0 0 6px #eb282e;
    /* padding-top: 60%; */
    border-radius: 14px !important;
    overflow: hidden;
    position: relative;
    border: 1px solid #eb282e;
    box-shadow: 5px 0px 25px 0.3px var(--tf-active);
}

.games-horiz-scroll {
    grid-template-columns: repeat(5, 1fr);
    display: grid;
    grid-auto-flow: column;
    grid-gap: 10px;
    height: 100%;
}

.games-horiz {
    overflow: hidden;
    height: 100%;
}

.games-content {
    overflow: hidden;
}

.casino-game-item-content {
    display: grid;
}





.hm-row-bc {
    display: grid;
    gap: 10px;
    font-family: "Afacad", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

.hm-row-bc:not(:first-child:empty)+.hm-row-bc {
    margin-top: 2px;
}

.pb-component-wrapper {
    display: grid;
}

.sdr-image-bc {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: max-height .24s linear;
}

.sdr-item-bc {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.sdr-item-holder-bc {
    cursor: pointer;
    /* position: relative; */
    width: 100%;
    height: 100%;
}

.carousel-slide {
    flex-shrink: 0;
    position: relative;
}

.carousel-container {
    display: flex;
}

.carousel-viewport {
    overflow: hidden;
}

.carousel {
    position: relative;
}

.has-game.has-slider .slider-bc:not(.has-title) {
    padding-top: 0px;
}

.slider-bc {
    min-width: 0;
    position: relative;
}

.casino-game-image-bc {
    width: 100%;
    height: 100%;
    display: block;
    cursor: pointer;
    /* position: absolute; */
    top: 0;
    left: 0;
    transition: filter .24s;
}

.games-horiz-scroll {
    grid-template-columns: repeat(5, 1fr);
    display: grid;
    grid-auto-flow: column;
    grid-gap: 10px;
    height: 100%;
}

.games-horiz {
    overflow: hidden;
    height: 100%;
}

.games-content {
    overflow: hidden;
}

.casino-game-item-content {
    display: grid;
}

.casino-game-item-content {
    position: relative;
    overflow: hidden;
    border-radius: 14px;
}

/* .casino-game-item img {
        transition: transform 0.3s ease, filter 0.3s ease;
      }
      .casino-game-item:hover img {
        transform: scale(1.1);
        filter: blur(5px);
        opacity: 1;
        object-fit: cover;
        transition: transform 0.3s ease, filter 0.3s ease, opacity 0.3s ease;
      } */
.overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.casino-game-item:hover .overlay {
    opacity: 1;
}

.overlay a {
    text-decoration: none;
    color: white;
    text-wrap: nowrap;
    font-weight: 600;
    padding: 10px 20px;
    background-color: #eb282e;
    border-radius: 5px;
}


.manual-buttons {
    display: flex;
    gap: 10px;
}

.buttonsContainer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
}

.buttonsContainer a {
    text-decoration: none;
}

#splide01 {
    max-width: 1226px;
    margin: auto;
}

.manual-redi-button {
    background-image: var(--tf-cool-button);
    text-align: center;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;
    border-radius: 10px;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    height: 42px;
    justify-content: center;
    align-items: center;
    /* border: 1px solid var(--tf-active); */
    /* box-shadow: 5px 0px 25px 0.3px var(--tf-active); */
    letter-spacing: 1.5px;
    min-width: 45px;
    line-height: 17px;
}

.manual-redi-button:hover {
    background-position: right center;
    /* change the direction of the change here */
    color: #fff;
    text-decoration: none;
}

.button-section {
    display: flex;
    gap: 15px;
    border-right: 1px solid #eb282e;
    padding-right: 14px;
}


@media (max-width: 768px) {
    /* #main-slider > .container:first-of-type {
  padding: 0px !important;
} */

    #mini-games-wrapper .swiper-slide .mini-game {
        min-height: 156px !important;
        max-height: 156px !important;
    }
}

@media (min-width: 768px) {
    .sidebar__big {
        padding: 0px 16px !important;
    }

    #mini-games-wrapper .swiper-slide {
        width: 25% !important;
    }
}


@media (max-width: 1155px) {
    .modal__sign-img {
        display: none !important;
    }

    /* #main-slider .swiper-wrapper .swiper-slide {
    width: 100% !important;
    margin-right: 0px !important;
  } */

    .custom--providers--link {
        width: 90px !important;
        padding: 0px 5px !important;
    }

    /* .otherGames {
    padding: 0px 16px !important;
  } */

    /* .sport-card {
    margin: 4px !important;
  } */

    .right__col {
        width: 100% !important;
        float: auto !important;
    }

    /* .sport-card-2,
  .sport-card-5 {
    margin: 0px 8px;
  } */

    /* #main-slider-swiper {
        margin-top: 0px !important;
    } */

    #tgpromo {
        margin-bottom: 12px !important;
        margin-top: 12px !important;
    }

    #web-header-buttons {
        height: 0px;
        width: 0px;
        overflow: hidden;
    }

    header {
        height: auto !important;
    }
}

@media (min-width: 1155px) {
    .mobile-boxes {
        display: none;
    }

    #mobile-header-buttons {
        display: none;
    }

    .modal--sign .modal-content {
        height: 728px !important;
    }

    .modal--sign .modal__content {
        height: 728px !important;
        display: flex !important;
        flex-direction: column;
        justify-content: center;
        position: relative;
    }

    .modal--sign .modal__content .modal__head {
        position: static !important;
    }

    .modal--sign .modal__content .modal__head .modal__close {
        position: absolute;
        top: 14px;
        right: 14px;
    }
}



#mobile-header-buttons {
    justify-content: flex-start;
}

#mobile-header-buttons .col-1 {
    width: 56px;
    max-width: 75px;
}


.promo-post__cover {
    aspect-ratio: 400 / 220;
}

.box-icon-item {
    /* background: linear-gradient(to right, #eb282e, #eb282e); */
    /* border: 1px solid #eb282e; */
    background-color: rgb(255 255 255 / 5%);
    border-radius: 4px;
    padding: 24px 0px;
    text-align: center;
    color: #fff;
    font-size: 14px;
}

.box-icon-item img {
    width: 24px;
    height: 24px;
    margin-bottom: 5px;
}

.box-icon-item:hover {
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.3);
}

.box-icon-item i {
    font-size: 24px;
    margin-bottom: 8px;
}


#mobile-header-buttons .manual-redi-button {
    height: 30px;
    width: 30px;
    margin-bottom: 4px;
}

#mobile-header-buttons .manual-redi-button svg {
    height: 22px;
}

.vip {
    aspect-ratio: 3.5/1.2;
    background: var(--tf-border);
}

.vip:before {
    background: url('https://betrediofficial.github.io/images/VipSlider2.png') center center / contain no-repeat;
    filter: none;
}

.vip__title {
    display: none;
}

.vip__btn {
    display: none;
}

.vip__text {
    display: none;
}

.pt-24 {
    padding-top: 0px !important;
}

#mobileboxes {
    margin-top: 0px !important;
}

.slot_pos,
.slot_title--no {
    visibility: hidden;
    display: none;
}


.slot__cover--no-layer img {
    height: 100%;
    border-radius: 8px;
    object-fit: cover;
}

.slot_pos,
.slot_title--no {
    visibility: hidden;
    display: none;
}


.slot__cover--no-layer img {
    height: 100%;
    border-radius: 8px;
    object-fit: cover;
}

.slot__title h3,
.slot__title .game-provider {
    display: none !important;
}

/*#sidebar-content{
  margin-top: 52px;
}*/

.header__content {
    gap: 20px;
}


/* .swiper {
  overflow: hidden !important;
}

.swiper-wrapper {
  display: flex !important;
}

.swiper-slide[style] {
  width: 100% !important;
  max-width: 100% !important;
  margin-right: 0 !important;
  flex-shrink: 0 !important;
}

.swiper-slide img {
  width: 100% !important;
  height: auto !important;
  object-fit: cover;
} */

#sportsCardsRow {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    gap: 12px;
    padding-bottom: 8px;
    scrollbar-width: none;
    /* Firefox */
}

#sportsCardsRow::-webkit-scrollbar {
    display: none;
    /* Chrome/Safari */
}

#sportsCardsRow .card {
    flex: 0 0 auto;
    scroll-snap-align: start;
}

.sidebar__logo {
    width: 170px !important;
    left: 60px !important;
}



.mid-me {
    height: unset !important;
    width: unset !important;
}

footer {
    display: block !important;
}

#footer {
    display: block !important;
}

footer .footer__content {
    display: block !important;
}

#footer .footer__content {
    display: block !important;
}

/* #signup-modal .modal-dialog {
  max-width: 960px !important;
}

#signup-modal .modal-content {
  max-width: 960px !important;
}

#signup-modal .modal__content {
  max-width: 960px !important;
}

#signin-modal .modal-dialog {
  max-width: 720px !important;
}

#signin-modal .modal-content {
  max-width: 720px !important;
}

#signin-modal .modal__content {
  max-width: 720px !important;
} */

.sport-card img,
.otherGamesComponentLayout img {
    transition: 0.3s all ease;
}

.sport-card:hover img,
.otherGamesComponentLayout:hover img,
.extra-game:hover img {
    transform: scale(1.03) !important;
    opacity: 0.8 !important;
}

.hovered-effect {
    transition: 0.3s all ease;
}

.sport-card:hover .hovered-effect,
.otherGamesComponentLayout:hover .hovered-effect,
.extra-game:hover .hovered-effect {
    opacity: 1 !important;
}


/* #signup-modal .modal-dialog .modal__sign-img {
  width: 40%;
} */

/* #signup-modal .modal-dialog .right-col {
  width: 58%;
  float: right;
} */


/* Slider */

/* #main-slider .container {
  padding-left: 0px !important;
  padding-right: 0px !important;
  max-width: 100% !important;
  min-width: 100vw !important;
}

#main-slider .swiper-wrapper {
  align-items: center !important;
  justify-content: start !important;
}

#main-slider .swiper-wrapper .swiper-slide {
  margin-right: 0px !important;
  width: 100% !important;
}

#main-slider .swiper-button-prev,
#main-slider .swiper-button-next {
  display: none !important;
}

.swiper {
  padding-top: 16px;
}

#main-slider-swiper {
  margin-top: 22px;
} */

.bottom-menu-widget {
    transition: 0.3s all ease;
}

.bottom-menu-widget:hover {
    transform: translateY(-10px) !important;
}

/* SLIDER AYARLARI */

/* #main-slider .container {
  padding-left: 0px !important;
  padding-right: 0px !important;
  
  max-width: 100% !important;
}

@media screen and (min-width: 991px) {
#main-slider .container {
  padding-left: 0px !important;
  padding-right: 0px !important;
  
  max-width: 100% !important;
  padding: unset !important;
}

    #main-slider .swiper-slide > * {
   transform: translateX(-1.8vw);
  }

#main-slider .swiper-wrapper .swiper-slide {
  margin-right: 0px !important;
  width: 1659px !important; 
  width: inherit !important;
   max-width: 100vw !important;
  width: 100% !important;

  width: 100% !important;
      padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0 !important;

  transform: translateX(-1.8vw);
  transform: translateZ(0) !important; 
  margin-right: 8px !important;
}

  #main-slider .swiper-wrapper .swiper-slide > * {
    width: 100% !important;
  }

#main-slider.swiper-wrapper .swiper-slide .slide {
    width: 1659px !important;
   margin-left: -4vw !important;
}

  #comm100-container > div:nth-child(2) {
    display: block !important;
  }
}

#main-slider .swiper-wrapper {
  box-sizing: content-box !important;
 transform: translate3d(0, 0, 0) !important; 

  width: 100% !important;
  height: 100% !important;
  box-sizing: content-box !important;
}

.mySwiper {
  max-width: 100vw !important;
  width: 100% !important;
}

#main-slider .swiper-wrapper .swiper-slide a {
  width: 100% !important;
}

#main-slider .swiper-wrapper .swiper-slide .slide-image {
  border-radius: 0px !important;
}

#main-slider #main-slider-swiper {
  max-width: 100vw !important;
  width: 100% !important;
}

.swiper-button-prev {
  padding-left: 12px !important;
}

.swiper-button-next {
  padding-right: 12px !important;
} */


/* CAROUSEL */
@keyframes scrollAnimation {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

/* .providers--marquee--bg {
  position: relative;
  z-index: 0;
  height: 100%;
} */


.providers--marquee {
    display: inline-flex !important;
    gap: 10px !important;
    align-items: center !important;
    animation: scrollAnimation 125s linear infinite !important;
    overflow: hidden;
    white-space: nowrap;
}

.providers--marquee:hover {
    animation-play-state: paused !important;
}

.marquee-content {
    display: inline-flex;
}

.custom--providers--link {
    width: 140px;
    padding: 15px 10px;
    margin: 0px !important;
    display: inline-block;
    flex-shrink: 0;
}

.custom--providers--image {
    width: 100% !important;
    opacity: 0.9;
    transition: transform 0.3s;
}

.custom--providers--image:hover {
    transform: scale(1.1);
    opacity: 1;
}

/* .providers--marquee--bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(90deg, #eb282e 0%, #000 50%, #eb282e 100%);
  opacity: 0.1;
  pointer-events: none;
  z-index: 0;
} */

/* .providers--marquee--bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(90deg, #eb282e 0%, #000 50%, #eb282e 100%);
  opacity: 0.1;
  pointer-events: none;
  z-index: 0;
} */


/* */


/* .providers--marquee {
  display: inline-flex !important;
  overflow: hidden;
  position: relative;
  padding: 20px 0;
  white-space: nowrap;
  animation: scrollAnimation 150s linear infinite
}

.marquee-content {
  display: inline-flex;
  animation: marqueeAnim 30s linear infinite;
}

.providers--marquee:hover .marquee-content {
  animation-play-state: paused;
}

.custom--providers--link {
  width: 160px !important;
  padding: 15px 10px !important;
  margin: 0px !important;
  display: inline-block;
  flex-shrink: 0;
}

.custom--providers--image {
  height: 40px;
  opacity: 0.9;
  transition: transform 0.3s;
}

.custom--providers--image:hover {
  transform: scale(1.1);
  opacity: 1;
}

@keyframes marqueeAnim {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
} */

.custom--section--2 {
    padding-top: 0px !important;
}

.sidebar--active {
    z-index: 1055 !important;
}


.swiper-pagination {
    left: 50% !important;
    transform: translateX(-50%) !important;
}

.deposit__img {
    border-radius: 0px !important;
}


.filter__search,
.filter__sort {
    display: block !important;
}

.swiper-slide .mini-game {
    min-height: 120px;
}

.slider-hide-important {
    display: none !important;
}

/* #main-slider-swiper {
  display: none !important;
} */

#main__content {
    background: #050505 !important;
}

.sidebar__links {
    margin-bottom: 16px !important;
}

#rtp-sorgu-bottom-sheet {
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* Internet Explorer 10+ */
}

#rtp-sorgu-bottom-sheet::-webkit-scrollbar {
    display: none;
    /* Chrome, Safari, Opera */
}


body.no-scroll {
    overflow: hidden !important;
}


/* a.sidebar__link--casino[href*="modal=bonus-request"] {
  display: none !important;
} */

.tournament__cover+.article {
    user-select: text !important;
}

#mini-slider-wrapper {
    margin-top: 20px;
}

.hm-row-bc .pb-component-wrapper:first-of-type {
    border: 3px solid #eb282e !important;
    border-radius: 14px !important;
    overflow: hidden !important;
}

.bottom-menu-widget {
    transition: transform 0.25s ease-out;
}

.bottom-menu-widget:hover {
    transform: translateY(-12px);
}

.sidebar__links-small {
    display: none !important;
}

.swiper-button-prev,
.swiper-button-next {
    color: #eb282e !important;
    transition: transform 0.35s ease-out;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
    transform: scale(125%);
}

.swiper-button-next {
    right: 6px !important;
}

.swiper-button-prev {
    left: 6px !important;
}

h1.section__title.section__title--head.text-uppercase.mt-4 {
    margin-bottom: 12px;
}

.sidebar__actions .sidebar__scheme {
    display: none;
}

/* .deposit-button {
  padding: 10px 0px;
  margin-top: 20px;
  background: linear-gradient(90deg, #eb282e, #eb282e, #eb282e);
  transition: background 0.35s ease;
  border: none !important;
}

.deposit-button:hover {
  background: #eb282e;
  color: white !important;
} */


.deposit-button {
    position: relative;
    overflow: hidden;
    padding: 12px 0px;
    margin-top: 20px;
    background: #eb282e !important;
    color: white !important;
    border: none !important;
    cursor: pointer;
    z-index: 0;
    transition: background 0.3s ease;
    border-radius: 8px;
}

.deposit-button,
.deposit-button svg {
    color: #ffffff !important;
}

.deposit-button::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #eb282e;
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: -1;
}

.deposit-button:hover::before {
    opacity: 1;
}

.deposit-button>* {
    position: relative;
    z-index: 1;
}

.deposit-button svg {
    color: #eb282e;
    width: 18px !important;
    height: 18px !important;
}

.deposit-button:hover svg {
    color: white !important;
}

.payment-method-box {
    border: 2px solid #eb282e !important;
    background: #0a0a0a !important;
}

img[alt="Canlı Sohbet penceresini aç"] {
    width: 120px;
    margin-bottom: 8px;
    margin-right: 20px;
}

.manual-redi-button {
    background-image: radial-gradient(circle, #eb282e 0%, #eb282e 100%) !important;
    background-size: 100% 100% !important;
    color: white !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6) !important;
    font-weight: bold !important;
    border: 1px solid #eb282e !important;
}

.manual-redi-button svg,
.manual-redi-button i {
    filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.6)) !important;
}

.header__signup,
.wallet-button {
    background-image: radial-gradient(circle, #eb282e 0%, #eb282e 100%) !important;
    background-size: 100% 100% !important;
    color: white !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6) !important;
    font-weight: bold !important;
    border: 1px solid #eb282e !important;
    padding: 0 15px !important;
    height: 42px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 8px !important;
    transition: 0.3s ease;
}

.header__signup:hover,
.wallet-button:hover {
    filter: brightness(1.1);
    box-shadow: 0px 4px 15px rgba(235, 40, 46, 0.34) !important;
}

.sidebar__nav a span,
.sidebar__nav button span {
    background: radial-gradient(circle, #eb282e 0%, #eb282e 100%) !important;
    color: white !important;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4) !important;
    font-weight: 700 !important;
    margin-top: -12px;
    padding: 2px 8px !important;
    font-size: 10px !important;
    margin-left: 8px;
    border-radius: 4px !important;
    border: 1px solid #eb282e !important;
    height: auto !important;
    text-transform: uppercase !important;
    display: inline-block !important;
}

.header__logo {
    width: 90px !important;
    min-width: 80px !important;
}

.header__wallet-dropdown-btn {
    width: 100px !important;
    padding: 0 5px !important;
    justify-content: center !important;
    font-size: 12px !important;
}

.header__wallet-dropdown-btn div {
    gap: 15px !important;
}

.header__search-btnmob {
    margin-right: 5px !important;
}

.modal-dialog .modal-content,
#walletModal .modal-dialog .modal-content, 
#betModal .modal-dialog .modal-content {
    background-color: #0a0a0a !important;
}

div.main-search form.search-form input,
input[name="top-search"] {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

.wheel-side__article,
.wheel-side__article p,
.wheel-side__article strong,
.wheel-side__article * {
    color: #ffffff !important;
}

/* BETREDI NEON RED THEME OVERRIDES */
body,
#main__content {
    background: #050505 !important;
    color: #ffffff !important;
}

.hero {
    background: transparent !important;
}

.otherGamesHeader {
    background: linear-gradient(90deg, #ffffff 0%, #eb282e 52%, #eb282e 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.casino-game-item {
    border: 1px solid rgba(235, 40, 46, 0.68) !important;
    box-shadow: 0 0 18px rgba(235, 40, 46, 0.22), 0 0 34px rgba(235, 40, 46, 0.10) !important;
    background: #0a0a0a !important;
}

.casino-game-item-content {
    border-radius: 14px;
    background: #0a0a0a !important;
}

.overlay a {
    color: #ffffff !important;
    background: linear-gradient(135deg, #eb282e 0%, #eb282e 100%) !important;
    box-shadow: 0 10px 24px rgba(235, 40, 46, 0.28) !important;
}

.box-icon-item {
    background-color: rgba(235, 40, 46, 0.07) !important;
    border: 1px solid rgba(235, 40, 46, 0.14) !important;
    color: #ffffff !important;
}

.box-icon-item:hover {
    background-color: rgba(235, 40, 46, 0.18) !important;
    border-color: rgba(235, 40, 46, 0.36) !important;
}

.hm-row-bc .pb-component-wrapper:first-of-type {
    border: 3px solid rgba(235, 40, 46, 0.72) !important;
    box-shadow: 0 0 24px rgba(235, 40, 46, 0.18) !important;
}

.swiper-button-prev,
.swiper-button-next {
    color: #eb282e !important;
    text-shadow: 0 0 16px rgba(235, 40, 46, 0.42) !important;
}

.deposit-button {
    background: linear-gradient(135deg, #eb282e 0%, #eb282e 100%) !important;
    color: #ffffff !important;
    border: 1px solid rgba(235, 40, 46, 0.72) !important;
    box-shadow: 0 10px 26px rgba(235, 40, 46, 0.24) !important;
}

.deposit-button,
.deposit-button svg {
    color: #ffffff !important;
}

.deposit-button::before {
    background: linear-gradient(135deg, #eb282e 0%, #eb282e 100%) !important;
}

.deposit-button:hover,
.deposit-button:hover svg {
    color: #ffffff !important;
}

.payment-method-box {
    border: 2px solid rgba(235, 40, 46, 0.58) !important;
    background: #0a0a0a !important;
    box-shadow: 0 0 20px rgba(235, 40, 46, 0.10) !important;
}

.manual-redi-button,
.header__signup,
.wallet-button {
    background-image: radial-gradient(circle, #eb282e 0%, #eb282e 100%) !important;
    background-size: 100% 100% !important;
    color: #ffffff !important;
    text-shadow: none !important;
    font-weight: 800 !important;
    border: 1px solid rgba(235, 40, 46, 0.72) !important;
    box-shadow: 0 10px 24px rgba(235, 40, 46, 0.22) !important;
}

.manual-redi-button:hover,
.header__signup:hover,
.wallet-button:hover {
    filter: brightness(1.08);
    box-shadow: 0 12px 30px rgba(235, 40, 46, 0.34) !important;
}

.manual-redi-button svg,
.manual-redi-button i,
.header__signup svg,
.wallet-button svg {
    color: #ffffff !important;
    filter: none !important;
}

.sidebar__nav a span,
.sidebar__nav button span {
    background: radial-gradient(circle, #eb282e 0%, #eb282e 100%) !important;
    color: #ffffff !important;
    text-shadow: none !important;
    border: 1px solid rgba(235, 40, 46, 0.74) !important;
    box-shadow: 0 4px 14px rgba(235, 40, 46, 0.24) !important;
}

.modal-dialog .modal-content,
#walletModal .modal-dialog .modal-content,
#betModal .modal-dialog .modal-content {
    background-color: #0a0a0a !important;
    border: 1px solid rgba(235, 40, 46, 0.12) !important;
}

div.main-search form.search-form input,
input[name="top-search"] {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    caret-color: #eb282e !important;
}

.bottom-menu-widget:hover,
.sport-card:hover img,
.otherGamesComponentLayout:hover img,
.extra-game:hover img {
    filter: drop-shadow(0 0 12px rgba(235, 40, 46, 0.22));
}
/* BETREDI BUTTON HOVER SHAKE EFFECT */
/* Hafif, premium sallanma efekti: sadece mouse hover destekleyen cihazlarda çalışır. */
@keyframes betrediSoftShake {
    0% {
        transform: translate3d(0, 0, 0) rotate(0deg) scale(1);
    }

    20% {
        transform: translate3d(-1px, 0, 0) rotate(-1deg) scale(1.015);
    }

    40% {
        transform: translate3d(1px, 0, 0) rotate(1deg) scale(1.015);
    }

    60% {
        transform: translate3d(-1px, 0, 0) rotate(-0.6deg) scale(1.01);
    }

    80% {
        transform: translate3d(1px, 0, 0) rotate(0.6deg) scale(1.01);
    }

    100% {
        transform: translate3d(0, 0, 0) rotate(0deg) scale(1);
    }
}

@keyframes betrediSoftShakeLift {
    0% {
        transform: translateY(-12px) rotate(0deg) scale(1);
    }

    20% {
        transform: translateY(-12px) translateX(-1px) rotate(-1deg) scale(1.015);
    }

    40% {
        transform: translateY(-12px) translateX(1px) rotate(1deg) scale(1.015);
    }

    60% {
        transform: translateY(-12px) translateX(-1px) rotate(-0.6deg) scale(1.01);
    }

    80% {
        transform: translateY(-12px) translateX(1px) rotate(0.6deg) scale(1.01);
    }

    100% {
        transform: translateY(-12px) rotate(0deg) scale(1);
    }
}

.manual-redi-button,
.header__signup,
.wallet-button,
.deposit-button,
.overlay a,
.box-icon-item,
.sidebar__nav a span,
.sidebar__nav button span,
.bottom-menu-widget {
    transform-origin: center center;
    backface-visibility: hidden;
    will-change: transform;
}

@media (hover: hover) and (pointer: fine) {
    .manual-redi-button:hover,
    .header__signup:hover,
    .wallet-button:hover,
    .deposit-button:hover,
    .overlay a:hover,
    .box-icon-item:hover,
    .sidebar__nav a:hover span,
    .sidebar__nav button:hover span {
        animation: betrediSoftShake 0.42s ease-in-out both !important;
    }

    .bottom-menu-widget:hover {
        animation: betrediSoftShakeLift 0.42s ease-in-out both !important;
    }
}

/* Kullanıcı cihazında animasyon azaltma ayarı açıksa sallanmayı kapatır. */
@media (prefers-reduced-motion: reduce) {
    .manual-redi-button:hover,
    .header__signup:hover,
    .wallet-button:hover,
    .deposit-button:hover,
    .overlay a:hover,
    .box-icon-item:hover,
    .sidebar__nav a:hover span,
    .sidebar__nav button:hover span,
    .bottom-menu-widget:hover {
        animation: none !important;
    }
}

/* ==========================================================
   BETREDI FINAL CLEAN FIX
   - Header "Kayıt Ol" butonunu neon red tema yapar.
   - Sol açılır menü linklerine hover sallanma efekti verir.
   Bu blok dosyanın en altında kalmalı.
   ========================================================== */

/* Header Kayıt Ol butonu: <a class="button register" href="?modal=auth&tab=register"> */
.middle-header-container .login-buttons a.button.register,
.middle-header-container .header-buttons .login-buttons a.button.register,
.header-buttons .login-buttons a.button.register,
.login-buttons a.button.register,
a.button.register[href*="tab=register"],
a[href*="modal=auth"][href*="tab=register"] {
    background: linear-gradient(135deg, #eb282e 0%, #eb282e 100%) !important;
    background-color: #eb282e !important;
    color: #ffffff !important;
    border: 1px solid rgba(235, 40, 46, 0.88) !important;
    box-shadow: 0 10px 24px rgba(235, 40, 46, 0.28) !important;
    text-shadow: none !important;
    font-weight: 800 !important;
    border-radius: 8px !important;
    transition: filter 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease !important;
}

.middle-header-container .login-buttons a.button.register:hover,
.middle-header-container .header-buttons .login-buttons a.button.register:hover,
.header-buttons .login-buttons a.button.register:hover,
.login-buttons a.button.register:hover,
a.button.register[href*="tab=register"]:hover,
a[href*="modal=auth"][href*="tab=register"]:hover {
    filter: brightness(1.08) !important;
    box-shadow: 0 12px 30px rgba(235, 40, 46, 0.38) !important;
}

/* Sol menü hover sallanma efekti */
@keyframes betrediSidebarShakeFinal {
    0% {
        transform: translate3d(0, 0, 0) rotate(0deg) scale(1);
    }

    20% {
        transform: translate3d(-2px, 0, 0) rotate(-0.8deg) scale(1.012);
    }

    40% {
        transform: translate3d(2px, 0, 0) rotate(0.8deg) scale(1.012);
    }

    60% {
        transform: translate3d(-1px, 0, 0) rotate(-0.5deg) scale(1.008);
    }

    80% {
        transform: translate3d(1px, 0, 0) rotate(0.5deg) scale(1.008);
    }

    100% {
        transform: translate3d(0, 0, 0) rotate(0deg) scale(1);
    }
}

.sidebar__links a,
.sidebar__links button,
.sidebar__nav a,
.sidebar__nav button,
.sidebar__link,
.sidebar__menu a,
.sidebar__menu button,
.sidebar--active a,
.sidebar--active button,
.sidebar a,
.sidebar button,
aside[class*="sidebar"] a,
aside[class*="sidebar"] button,
div[class*="sidebar"] a,
div[class*="sidebar"] button {
    transform-origin: center center !important;
    backface-visibility: hidden !important;
    will-change: transform !important;
}

.sidebar__links a:hover,
.sidebar__links button:hover,
.sidebar__nav a:hover,
.sidebar__nav button:hover,
.sidebar__link:hover,
.sidebar__menu a:hover,
.sidebar__menu button:hover,
.sidebar--active a:hover,
.sidebar--active button:hover,
.sidebar a:hover,
.sidebar button:hover,
aside[class*="sidebar"] a:hover,
aside[class*="sidebar"] button:hover,
div[class*="sidebar"] a:hover,
div[class*="sidebar"] button:hover {
    animation: betrediSidebarShakeFinal 0.42s ease-in-out both !important;
}

/* Sol menü aktif/hover görünümü: neon red tema ile uyumlu hafif parıltı */
.sidebar__links a:hover,
.sidebar__links button:hover,
.sidebar__nav a:hover,
.sidebar__nav button:hover,
.sidebar__link:hover,
.sidebar__menu a:hover,
.sidebar__menu button:hover {
    border-color: rgba(235, 40, 46, 0.32) !important;
    box-shadow: 0 0 16px rgba(235, 40, 46, 0.16) !important;
}

@media (prefers-reduced-motion: reduce) {
    .sidebar__links a:hover,
    .sidebar__links button:hover,
    .sidebar__nav a:hover,
    .sidebar__nav button:hover,
    .sidebar__link:hover,
    .sidebar__menu a:hover,
    .sidebar__menu button:hover,
    .sidebar--active a:hover,
    .sidebar--active button:hover,
    .sidebar a:hover,
    .sidebar button:hover,
    aside[class*="sidebar"] a:hover,
    aside[class*="sidebar"] button:hover,
    div[class*="sidebar"] a:hover,
    div[class*="sidebar"] button:hover {
        animation: none !important;
    }
}

/* ======================================================================
   BETREDI - SIMPLE BETS / GECERLI ALAN TEMA RENK GUNCELLEMESI
   Alan: .simple-bets, Casino Bahisleri / Spor Bahisleri / Canli Bahisler
   ====================================================================== */

.simple-bets {
    background: linear-gradient(180deg, rgba(16, 27, 40, 0.98) 0%, rgba(13, 17, 24, 0.98) 100%) !important;
    border: 1px solid rgba(235, 40, 46, 0.16) !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.42), 0 0 28px rgba(235, 40, 46, 0.08) !important;
    color: #ffffff !important;
    border-radius: 16px !important;
    overflow: hidden !important;
}

.simple-bets,
.simple-bets * {
    font-family: "Afacad", serif !important;
}

.simple-bets .bet-list__header {
    background: linear-gradient(90deg, rgba(235, 40, 46, 0.10) 0%, rgba(235, 40, 46, 0.045) 100%) !important;
    border-bottom: 1px solid rgba(235, 40, 46, 0.16) !important;
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.035) !important;
    color: #ffffff !important;
}

.simple-bets .nav.nav-pills {
    background: rgba(13, 17, 24, 0.72) !important;
    border: 1px solid rgba(235, 40, 46, 0.14) !important;
    border-radius: 12px !important;
    padding: 4px !important;
    gap: 6px !important;
}

.simple-bets .nav-pills .nav-link,
.simple-bets .bet-list__header .nav-link,
.simple-bets button.nav-link {
    background: rgba(255, 255, 255, 0.045) !important;
    color: rgba(255, 255, 255, 0.74) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 10px !important;
    font-weight: 800 !important;
    text-shadow: none !important;
    transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease !important;
}

.simple-bets .nav-pills .nav-link.active,
.simple-bets .bet-list__header .nav-link.active,
.simple-bets button.nav-link.active,
.simple-bets button.nav-link[aria-selected="true"] {
    background: linear-gradient(135deg, #eb282e 0%, #eb282e 100%) !important;
    color: #ffffff !important;
    border-color: rgba(235, 40, 46, 0.76) !important;
    box-shadow: 0 10px 24px rgba(235, 40, 46, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.30) !important;
}

.simple-bets .nav-pills .nav-link:not(.active):hover,
.simple-bets .bet-list__header .nav-link:not(.active):hover,
.simple-bets button.nav-link[aria-selected="false"]:hover {
    background: rgba(235, 40, 46, 0.12) !important;
    color: #ffffff !important;
    border-color: rgba(235, 40, 46, 0.34) !important;
    box-shadow: 0 8px 22px rgba(235, 40, 46, 0.12) !important;
    transform: translateY(-1px) !important;
}

.simple-bets .bet-list__live-toggle {
    background: rgba(13, 17, 24, 0.72) !important;
    border: 1px solid rgba(235, 40, 46, 0.18) !important;
    border-radius: 999px !important;
    color: #ffffff !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

.simple-bets .bet-list__live-toggle:hover {
    border-color: rgba(235, 40, 46, 0.42) !important;
    box-shadow: 0 10px 26px rgba(235, 40, 46, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

.simple-bets .bet-list__live-toggle-copy,
.simple-bets .bet-list__live-toggle-text {
    color: #ffffff !important;
    font-weight: 800 !important;
}

.simple-bets .bet-list__live-toggle-dot {
    background: #eb282e !important;
    box-shadow: 0 0 0 4px rgba(235, 40, 46, 0.12), 0 0 14px rgba(235, 40, 46, 0.75) !important;
}

.simple-bets .bet-list__live-switch-track {
    background: #0a0a0a !important;
    border: 1px solid rgba(235, 40, 46, 0.28) !important;
    box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.38) !important;
}

.simple-bets .bet-list__live-switch-thumb {
    background: #ffffff !important;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.42) !important;
}

.simple-bets .bet-list__live-switch input:checked + .bet-list__live-switch-track,
.simple-bets .bet-list__live-switch input:checked ~ .bet-list__live-switch-track {
    background: linear-gradient(135deg, #eb282e 0%, #eb282e 100%) !important;
    border-color: rgba(235, 40, 46, 0.80) !important;
    box-shadow: 0 0 18px rgba(235, 40, 46, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.26) !important;
}

.simple-bets .tab-content,
.simple-bets .tab-pane {
    background: transparent !important;
    color: #ffffff !important;
}

.simple-bets .flex-table,
.simple-bets .casino-bets-table {
    background: rgba(16, 27, 40, 0.88) !important;
    border: 1px solid rgba(235, 40, 46, 0.12) !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.30) !important;
}

.simple-bets .flex-row {
    background: rgba(255, 255, 255, 0.028) !important;
    border-bottom: 1px solid rgba(235, 40, 46, 0.08) !important;
    color: #ffffff !important;
    transition: background 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease !important;
}

.simple-bets .flex-row:last-child {
    border-bottom: 0 !important;
}

.simple-bets .flex-row.header {
    background: linear-gradient(90deg, rgba(235, 40, 46, 0.18) 0%, rgba(235, 40, 46, 0.10) 100%) !important;
    border-bottom: 1px solid rgba(235, 40, 46, 0.20) !important;
    color: #eb282e !important;
    text-transform: uppercase !important;
    letter-spacing: 0.6px !important;
    font-weight: 900 !important;
}

.simple-bets .flex-row:not(.header):hover {
    background: rgba(235, 40, 46, 0.075) !important;
    box-shadow: inset 3px 0 0 #eb282e, 0 0 18px rgba(235, 40, 46, 0.08) !important;
}

.simple-bets .flex-cell,
.simple-bets .flex-cell .text,
.simple-bets .game .text {
    color: #ffffff !important;
}

.simple-bets .flex-row.header .flex-cell {
    color: #eb282e !important;
}

.simple-bets a.flex-cell.game {
    text-decoration: none !important;
}

.simple-bets a.flex-cell.game:hover .text,
.simple-bets a.flex-cell.game:hover .game .text {
    color: #eb282e !important;
}

.simple-bets .game .icon,
.simple-bets .game .icon span,
.simple-bets .game svg {
    color: #eb282e !important;
    filter: drop-shadow(0 0 8px rgba(235, 40, 46, 0.24)) !important;
}

.simple-bets .amount {
    border-radius: 999px !important;
    padding: 4px 8px !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}

.simple-bets .amount .value,
.simple-bets .amount .text {
    font-weight: 900 !important;
}

.simple-bets .amount.up {
    background: rgba(235, 40, 46, 0.12) !important;
    border-color: rgba(235, 40, 46, 0.32) !important;
    color: #eb282e !important;
    box-shadow: 0 0 16px rgba(235, 40, 46, 0.10) !important;
}

.simple-bets .amount.up .value,
.simple-bets .amount.up .text {
    color: #eb282e !important;
}

.simple-bets .amount.down {
    background: rgba(235, 40, 46, 0.12) !important;
    border-color: rgba(235, 40, 46, 0.32) !important;
    color: #eb282e !important;
    box-shadow: 0 0 16px rgba(235, 40, 46, 0.10) !important;
}

.simple-bets .amount.down .value,
.simple-bets .amount.down .text {
    color: #eb282e !important;
}

.simple-bets .amount .icon img {
    filter: drop-shadow(0 0 6px rgba(255, 255, 255, 0.20)) !important;
}

@media (max-width: 768px) {
    .simple-bets {
        border-radius: 12px !important;
    }

    .simple-bets .bet-list__header {
        gap: 8px !important;
    }

    .simple-bets .nav.nav-pills {
        border-radius: 10px !important;
    }

    .simple-bets .nav-pills .nav-link,
    .simple-bets .bet-list__header .nav-link,
    .simple-bets button.nav-link {
        border-radius: 8px !important;
    }

    .simple-bets .flex-table,
    .simple-bets .casino-bets-table {
        border-radius: 12px !important;
    }
}
/* ======================================================================
   BETREDI - SIMPLE BETS ABSOLUTE FORCE OVERRIDE V3
   Bu blok en sonda durmalı. Mavi active tab ve tablo alanını zorla neon red temaya çeker.
   ====================================================================== */

html body .simple-bets,
html body section .simple-bets,
html body div.simple-bets {
    background: transparent !important;
    color: #ffffff !important;
}

html body .simple-bets .bet-list__header,
html body .simple-bets > .bet-list__header,
html body div.simple-bets div.bet-list__header {
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

html body .simple-bets .bet-list__header ul.nav,
html body .simple-bets .bet-list__header ul.nav.nav-pills,
html body .simple-bets ul.nav[role="tablist"],
html body .simple-bets ul[aria-label="Bet lists"] {
    background: rgba(16, 27, 40, 0.90) !important;
    background-color: rgba(16, 27, 40, 0.90) !important;
    border: 1px solid rgba(235, 40, 46, 0.18) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 10px 24px rgba(0, 0, 0, 0.18) !important;
    border-radius: 10px !important;
    padding: 4px !important;
}

html body .simple-bets .bet-list__header .nav-link,
html body .simple-bets .bet-list__header button.nav-link,
html body .simple-bets .nav-pills .nav-link,
html body .simple-bets button[role="tab"],
html body .simple-bets #bet-list-tab-casino,
html body .simple-bets #bet-list-tab-sportsbook {
    background: rgba(20, 32, 48, 0.92) !important;
    background-color: rgba(20, 32, 48, 0.92) !important;
    background-image: none !important;
    color: rgba(255, 255, 255, 0.74) !important;
    border: 1px solid rgba(235, 40, 46, 0.12) !important;
    box-shadow: none !important;
    border-radius: 8px !important;
    text-shadow: none !important;
    font-weight: 800 !important;
    outline: none !important;
}

html body .simple-bets .bet-list__header .nav-link.active,
html body .simple-bets .bet-list__header button.nav-link.active,
html body .simple-bets .nav-pills .nav-link.active,
html body .simple-bets .nav-link[aria-selected="true"],
html body .simple-bets button[role="tab"][aria-selected="true"],
html body .simple-bets #bet-list-tab-casino.active,
html body .simple-bets #bet-list-tab-sportsbook.active,
html body .simple-bets #bet-list-tab-casino[aria-selected="true"],
html body .simple-bets #bet-list-tab-sportsbook[aria-selected="true"] {
    background: linear-gradient(135deg, #eb282e 0%, #eb282e 100%) !important;
    background-color: #eb282e !important;
    background-image: linear-gradient(135deg, #eb282e 0%, #eb282e 100%) !important;
    color: #ffffff !important;
    border-color: rgba(235, 40, 46, 0.95) !important;
    box-shadow: 0 10px 24px rgba(235, 40, 46, 0.30), inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
    text-shadow: none !important;
    font-weight: 900 !important;
}

html body .simple-bets .bet-list__header .nav-link:not(.active):hover,
html body .simple-bets .bet-list__header button.nav-link:not(.active):hover,
html body .simple-bets button[role="tab"][aria-selected="false"]:hover {
    background: rgba(235, 40, 46, 0.16) !important;
    background-color: rgba(235, 40, 46, 0.16) !important;
    color: #ffffff !important;
    border-color: rgba(235, 40, 46, 0.42) !important;
    box-shadow: 0 8px 20px rgba(235, 40, 46, 0.12) !important;
}

html body .simple-bets .bet-list__live-toggle,
html body .simple-bets label.bet-list__live-toggle {
    background: rgba(16, 27, 40, 0.90) !important;
    background-color: rgba(16, 27, 40, 0.90) !important;
    border: 1px solid rgba(235, 40, 46, 0.18) !important;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.22) !important;
    color: #ffffff !important;
    border-radius: 999px !important;
}

html body .simple-bets .bet-list__live-toggle-text,
html body .simple-bets .bet-list__live-toggle-copy {
    color: #ffffff !important;
    font-weight: 900 !important;
}

html body .simple-bets .bet-list__live-toggle-dot {
    background: #eb282e !important;
    background-color: #eb282e !important;
    box-shadow: 0 0 0 4px rgba(235, 40, 46, 0.12), 0 0 16px rgba(235, 40, 46, 0.80) !important;
}

html body .simple-bets .bet-list__live-switch-track {
    background: rgba(22, 28, 38, 0.55) !important;
    background-color: rgba(22, 28, 38, 0.55) !important;
    border: 1px solid rgba(235, 40, 46, 0.35) !important;
    box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.45) !important;
}

html body .simple-bets .bet-list__live-switch input:checked + .bet-list__live-switch-track,
html body .simple-bets .bet-list__live-switch input:checked ~ .bet-list__live-switch-track {
    background: linear-gradient(135deg, #eb282e 0%, #eb282e 100%) !important;
    background-color: #eb282e !important;
    border-color: rgba(235, 40, 46, 0.90) !important;
}

html body .simple-bets .bet-list__live-switch-thumb {
    background: #ffffff !important;
    background-color: #ffffff !important;
}

html body .simple-bets .flex-table,
html body .simple-bets .casino-bets-table,
html body .simple-bets div.flex-table.casino-bets-table {
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #ffffff !important;
}

html body .simple-bets .flex-table .flex-row.header,
html body .simple-bets .casino-bets-table .flex-row.header,
html body .simple-bets div.flex-row.header {
    background: linear-gradient(90deg, rgba(16, 27, 40, 0.98) 0%, rgba(20, 32, 48, 0.96) 100%) !important;
    background-color: #0a0a0a !important;
    background-image: linear-gradient(90deg, rgba(16, 27, 40, 0.98) 0%, rgba(20, 32, 48, 0.96) 100%) !important;
    border: 1px solid rgba(235, 40, 46, 0.12) !important;
    color: rgba(235, 40, 46, 0.78) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
}

html body .simple-bets .flex-row.header .flex-cell,
html body .simple-bets .flex-row.header .text {
    color: rgba(235, 40, 46, 0.78) !important;
    font-weight: 900 !important;
}

html body .simple-bets .flex-table .flex-row:not(.header),
html body .simple-bets .casino-bets-table .flex-row:not(.header),
html body .simple-bets div.flex-row:not(.header) {
    background: transparent !important;
    background-color: transparent !important;
    border-bottom: 1px solid rgba(235, 40, 46, 0.055) !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

html body .simple-bets .flex-table .flex-row:not(.header):nth-child(odd),
html body .simple-bets .casino-bets-table .flex-row:not(.header):nth-child(odd) {
    background: rgba(18, 24, 32, 0.18) !important;
    background-color: rgba(18, 24, 32, 0.18) !important;
}

html body .simple-bets .flex-table .flex-row:not(.header):nth-child(even),
html body .simple-bets .casino-bets-table .flex-row:not(.header):nth-child(even) {
    background: rgba(18, 24, 32, 0.56) !important;
    background-color: rgba(18, 24, 32, 0.56) !important;
}

html body .simple-bets .flex-table .flex-row:not(.header):hover,
html body .simple-bets .casino-bets-table .flex-row:not(.header):hover {
    background: rgba(235, 40, 46, 0.10) !important;
    background-color: rgba(235, 40, 46, 0.10) !important;
    box-shadow: inset 4px 0 0 #eb282e, 0 0 20px rgba(235, 40, 46, 0.09) !important;
}

html body .simple-bets .flex-cell,
html body .simple-bets .flex-cell .text,
html body .simple-bets .game .text,
html body .simple-bets .flex-row:not(.header) .flex-cell {
    color: #ffffff !important;
}

html body .simple-bets .game .icon,
html body .simple-bets .game .icon span,
html body .simple-bets .game svg,
html body .simple-bets .flex-cell.game svg {
    color: #eb282e !important;
    fill: currentColor !important;
    filter: drop-shadow(0 0 8px rgba(235, 40, 46, 0.26)) !important;
}

html body .simple-bets .amount,
html body .simple-bets .amount .value,
html body .simple-bets .amount .text {
    font-weight: 900 !important;
}

html body .simple-bets .amount.up,
html body .simple-bets .amount.up .value,
html body .simple-bets .amount.up .text {
    color: #eb282e !important;
}

html body .simple-bets .amount.down,
html body .simple-bets .amount.down .value,
html body .simple-bets .amount.down .text {
    color: rgba(235, 40, 46, 0.92) !important;
}

html body .simple-bets .amount .icon img {
    filter: hue-rotate(58deg) saturate(1.3) drop-shadow(0 0 6px rgba(235, 40, 46, 0.18)) !important;
}


/* ======================================================================
   BETREDI SIMPLE BETS CRITICAL V4 - BOOTSTRAP BLUE OVERRIDE
   DevTools'ta görünen mavi active tab için en agresif override bloğu.
   Bu blok MUTLAKA CSS dosyasının EN ALTINDA kalmalı.
   ====================================================================== */

html body .bet-list__header .nav.nav-pills,
html body .bet-list__header ul.nav[role="tablist"],
html body .simple-bets .bet-list__header .nav.nav-pills,
html body .simple-bets .bet-list__header ul.nav[role="tablist"] {
    background: rgba(18, 24, 32, 0.92) !important;
    background-color: rgba(18, 24, 32, 0.92) !important;
    border: 1px solid rgba(235, 40, 46, 0.20) !important;
    border-radius: 10px !important;
    padding: 4px !important;
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.24) !important;
}

html body .bet-list__header .nav.nav-pills .nav-link,
html body .bet-list__header .nav.nav-pills button.nav-link,
html body .bet-list__header button[role="tab"],
html body .simple-bets .bet-list__header .nav.nav-pills .nav-link,
html body .simple-bets .bet-list__header .nav.nav-pills button.nav-link,
html body .simple-bets .bet-list__header button[role="tab"],
html body button#bet-list-tab-casino,
html body button#bet-list-tab-sportsbook {
    background: rgba(20, 32, 48, 0.92) !important;
    background-color: rgba(20, 32, 48, 0.92) !important;
    background-image: none !important;
    color: rgba(255, 255, 255, 0.78) !important;
    border: 1px solid rgba(235, 40, 46, 0.14) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    text-shadow: none !important;
    font-weight: 800 !important;
}

html body .bet-list__header .nav.nav-pills .nav-link.active,
html body .bet-list__header .nav.nav-pills button.nav-link.active,
html body .bet-list__header button[role="tab"].active,
html body .bet-list__header button[role="tab"][aria-selected="true"],
html body .simple-bets .bet-list__header .nav.nav-pills .nav-link.active,
html body .simple-bets .bet-list__header .nav.nav-pills button.nav-link.active,
html body .simple-bets .bet-list__header button[role="tab"].active,
html body .simple-bets .bet-list__header button[role="tab"][aria-selected="true"],
html body button#bet-list-tab-casino.active,
html body button#bet-list-tab-sportsbook.active,
html body button#bet-list-tab-casino[aria-selected="true"],
html body button#bet-list-tab-sportsbook[aria-selected="true"] {
    background: linear-gradient(135deg, #eb282e 0%, #eb282e 100%) !important;
    background-color: #eb282e !important;
    background-image: linear-gradient(135deg, #eb282e 0%, #eb282e 100%) !important;
    color: #ffffff !important;
    border: 1px solid rgba(235, 40, 46, 0.95) !important;
    box-shadow: 0 10px 24px rgba(235, 40, 46, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.34) !important;
    text-shadow: none !important;
    font-weight: 900 !important;
}

html body .bet-list__header .nav.nav-pills .nav-link:hover,
html body .bet-list__header .nav.nav-pills button.nav-link:hover,
html body .bet-list__header button[role="tab"]:hover,
html body .simple-bets .bet-list__header .nav.nav-pills .nav-link:hover,
html body .simple-bets .bet-list__header .nav.nav-pills button.nav-link:hover,
html body .simple-bets .bet-list__header button[role="tab"]:hover {
    filter: brightness(1.08) !important;
    border-color: rgba(235, 40, 46, 0.46) !important;
}

html body .simple-bets .flex-row.header,
html body .simple-bets .casino-bets-table .flex-row.header,
html body .simple-bets .flex-table .flex-row.header {
    background: linear-gradient(90deg, rgba(16, 27, 40, 0.98), rgba(20, 32, 48, 0.96)) !important;
    background-color: #0a0a0a !important;
    background-image: linear-gradient(90deg, rgba(16, 27, 40, 0.98), rgba(20, 32, 48, 0.96)) !important;
    border: 1px solid rgba(235, 40, 46, 0.12) !important;
}


/* ======================================================================
   BETREDI PROMOSYON RESPONSIVE FIX V3 - DEVRE DISI
   Eski geniş selectorlı blok performans sorunu yarattığı için kaldırıldı.
   Responsive yapı aşağıdaki scoped .betredi-promo-zoom-* bloklarıyla korunur.
   ====================================================================== */

/* ======================================================================

/* ======================================================================
   BETREDI V16 — UNIFIED NEON RED / OBSIDIAN UI SYSTEM
   - Referans alınan modern blue UI hiyerarşisini, Betredi için red, crimson ve obsidian paletine çevirir.
   - Canlı Kazançlar bileşenine dokunmaz.
   - Türkçe özel home bileşenleri yalnızca .betredi-route-tr altında görünür.
   - Bu blok dosyanın EN ALTINDA kalmalıdır.
   ====================================================================== */

:root {
    /* Unified V16 palette — neon red highlights, real gold body, bronze depth. */
    --betredi-v16-ink: #030303;
    --betredi-v16-ink-2: #050505;
    --betredi-v16-panel: #0a0a0a;
    --betredi-v16-panel-2: #0f0f0f;
    --betredi-v16-panel-3: #111111;
    --betredi-v16-red-hi: #ff4d52;
    --betredi-v16-red: #eb282e;
    --betredi-v16-red-rich: #cc1d22;
    --betredi-v16-red-deep: #991419;
    --betredi-v16-red-dark: #660c10;
    --betredi-v16-line: rgba(235, 40, 46, 0.15);
    --betredi-v16-line-strong: rgba(235, 40, 46, 0.38);
    --betredi-v16-text: #ffffff;
    --betredi-v16-muted: rgba(255, 255, 255, 0.68);
    --betredi-v16-shadow: 0 18px 38px rgba(0, 0, 0, 0.36);
    --betredi-v16-red-gradient: linear-gradient(135deg, #ff4d52 0%, #eb282e 28%, #cc1d22 59%, #991419 100%);
    --betredi-v16-red-gradient-strong: linear-gradient(135deg, #ff4d52 0%, #cc1d22 46%, #991419 76%, #660c10 100%);
}

/* Ana zemin: lacivertten uzak, siyah/obsidian üzerinde ince neon red derinliği. */
html,
html body {
    background-color: var(--betredi-v16-ink) !important;
    color: var(--betredi-v16-text) !important;
}

html body #main__content,
html body .main-content,
html body .page-content,
html body .content-wrapper,
html body .page-wrapper,
html body main {
    background:
        radial-gradient(1100px 520px at 68% -170px, rgba(235, 40, 46, 0.11), transparent 64%),
        radial-gradient(760px 440px at 2% 12%, rgba(153, 20, 25, 0.08), transparent 70%),
        linear-gradient(180deg, #080808 0%, #090D13 46%, #070A0F 100%) !important;
    color: var(--betredi-v16-text) !important;
}

/* Header: siyaha yakın, temiz ve markadan bağımsız düzen. */
html body header,
html body .header,
html body .header__content,
html body .middle-header-container,
html body .top-header {
    background:
        linear-gradient(180deg, rgba(16, 20, 27, 0.99), rgba(8, 11, 16, 0.99)) !important;
    border-color: rgba(235, 40, 46, 0.10) !important;
    box-shadow: 0 8px 26px rgba(0, 0, 0, 0.22) !important;
}

/* Sol menü: blue tema örneğindeki katman hissi, neon red vurgulu obsidian sürüm. */
html body .sidebar,
html body .sidebar__content,
html body .sidebar__inner,
html body aside[class*="sidebar"] {
    background:
        radial-gradient(500px 320px at -10% -10%, rgba(235, 40, 46, 0.12), transparent 64%),
        linear-gradient(180deg, #0f0f0f 0%, #060606 48%, #040404 100%) !important;
    border-color: rgba(235, 40, 46, 0.13) !important;
}

html body .sidebar__links > a,
html body .sidebar__links > button,
html body .sidebar__nav > a,
html body .sidebar__nav > button,
html body .sidebar__link,
html body .sidebar__menu > a,
html body .sidebar__menu > button {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    min-height: 52px !important;
    margin: 0 0 7px !important;
    padding: 0 15px !important;
    color: rgba(255, 255, 255, 0.92) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.92) !important;
    background:
        linear-gradient(135deg, rgba(29, 35, 45, 0.92), rgba(14, 19, 27, 0.92)) !important;
    border: 1px solid rgba(255, 255, 255, 0.055) !important;
    border-radius: 8px !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.026) !important;
    text-shadow: none !important;
    transition: transform .20s ease, background-color .20s ease, background-image .20s ease, border-color .20s ease, box-shadow .20s ease, color .20s ease !important;
}

html body .sidebar__links > a::before,
html body .sidebar__links > button::before,
html body .sidebar__nav > a::before,
html body .sidebar__nav > button::before,
html body .sidebar__link::before,
html body .sidebar__menu > a::before,
html body .sidebar__menu > button::before {
    content: "" !important;
    position: absolute !important;
    z-index: -1 !important;
    inset: 0 auto 0 0 !important;
    width: 3px !important;
    opacity: 0 !important;
    background: linear-gradient(180deg, var(--betredi-v16-red-hi), var(--betredi-v16-red-deep)) !important;
    transition: opacity .20s ease !important;
}

@media (hover: hover) and (pointer: fine) {
    html body .sidebar__links > a:hover,
    html body .sidebar__links > button:hover,
    html body .sidebar__nav > a:hover,
    html body .sidebar__nav > button:hover,
    html body .sidebar__link:hover,
    html body .sidebar__menu > a:hover,
    html body .sidebar__menu > button:hover {
        color: #FFFFFF !important;
        -webkit-text-fill-color: #FFFFFF !important;
        background:
            radial-gradient(circle at 0% 50%, rgba(235, 40, 46, 0.13), transparent 52%),
            linear-gradient(135deg, rgba(41, 42, 43, 0.98), rgba(18, 22, 29, 0.98)) !important;
        border-color: rgba(235, 40, 46, 0.28) !important;
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.21), inset 0 1px 0 rgba(255, 255, 255, 0.045) !important;
        transform: translateX(3px) !important;
        animation: none !important;
    }

    html body .sidebar__links > a:hover::before,
    html body .sidebar__links > button:hover::before,
    html body .sidebar__nav > a:hover::before,
    html body .sidebar__nav > button:hover::before,
    html body .sidebar__link:hover::before,
    html body .sidebar__menu > a:hover::before,
    html body .sidebar__menu > button:hover::before {
        opacity: .82 !important;
    }
}

html body .sidebar__links > .active,
html body .sidebar__links > a.active,
html body .sidebar__links > a[aria-current="page"],
html body .sidebar__nav > .active,
html body .sidebar__nav > a.active,
html body .sidebar__nav > a[aria-current="page"],
html body .sidebar__menu > .active,
html body .sidebar__menu > a.active,
html body .sidebar__menu > a[aria-current="page"] {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    background:
        radial-gradient(circle at 0% 50%, rgba(235, 40, 46, 0.20), transparent 54%),
        linear-gradient(135deg, rgba(48, 46, 40, 0.98), rgba(21, 24, 28, 0.98)) !important;
    border-color: rgba(235, 40, 46, 0.43) !important;
    box-shadow: inset 3px 0 0 var(--betredi-v16-red), 0 10px 22px rgba(0, 0, 0, 0.20) !important;
}

html body .sidebar__links > .active::before,
html body .sidebar__links > a.active::before,
html body .sidebar__links > a[aria-current="page"]::before,
html body .sidebar__nav > .active::before,
html body .sidebar__nav > a.active::before,
html body .sidebar__nav > a[aria-current="page"]::before,
html body .sidebar__menu > .active::before,
html body .sidebar__menu > a.active::before,
html body .sidebar__menu > a[aria-current="page"]::before {
    opacity: 1 !important;
}

/* Casino / Spor kartları: referanstaki canlı iki sekmeyi gold + bronz olarak uygular. */
html body .sidebar__link--casino,
html body .sidebar [class*="casino-tab"] {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: linear-gradient(135deg, #ff4d52 0%, #eb282e 52%, #b31519 100%) !important;
    border: 1px solid rgba(255, 77, 82, 0.64) !important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.20), inset 0 1px 0 rgba(255, 255, 255, 0.48) !important;
    text-shadow: none !important;
}

html body .sidebar__link--sport,
html body .sidebar__link--sportsbook,
html body .sidebar [class*="sportsbook-tab"] {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: linear-gradient(135deg, #b31519 0%, #800a0d 58%, #4d0406 100%) !important;
    border: 1px solid rgba(255, 102, 106, 0.46) !important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.20), inset 0 1px 0 rgba(255, 235, 189, 0.16) !important;
    text-shadow: none !important;
}

html body .sidebar__link--casino:hover,
html body .sidebar [class*="casino-tab"]:hover,
html body .sidebar__link--sport:hover,
html body .sidebar__link--sportsbook:hover,
html body .sidebar [class*="sportsbook-tab"]:hover {
    filter: brightness(1.06) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 14px 25px rgba(0, 0, 0, 0.28), 0 0 17px rgba(235, 40, 46, 0.13) !important;
    animation: none !important;
}

/* Arama alanı: daha düz, net ve giriş alanı odaklı. */
html body .sidebar form,
html body .sidebar .search-form,
html body .sidebar__search,
html body .main-search form,
html body form.search-form,
html body .filter__search,
html body .filter__sort {
    background: linear-gradient(135deg, rgba(19, 25, 34, 0.98), rgba(9, 13, 19, 0.98)) !important;
    border: 1px solid rgba(235, 40, 46, 0.18) !important;
    border-radius: 8px !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025), 0 9px 20px rgba(0, 0, 0, 0.16) !important;
}

html body .sidebar form:focus-within,
html body .sidebar .search-form:focus-within,
html body .main-search form:focus-within,
html body form.search-form:focus-within {
    border-color: rgba(235, 40, 46, 0.52) !important;
    box-shadow: 0 0 0 3px rgba(235, 40, 46, 0.09), 0 11px 24px rgba(0, 0, 0, 0.20) !important;
}

/* Header aksiyonları: Giriş Yap ghost, Kayıt Ol net gold CTA. */
html body .login-buttons a:not(.register),
html body .login-buttons a.button:not(.register),
html body .header__signin,
html body .header__login {
    color: var(--betredi-v16-red) !important;
    -webkit-text-fill-color: var(--betredi-v16-red) !important;
    background: rgba(235, 40, 46, 0.035) !important;
    border: 1px solid rgba(235, 40, 46, 0.26) !important;
    border-radius: 9px !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025) !important;
    text-shadow: none !important;
}

html body .login-buttons a:not(.register):hover,
html body .login-buttons a.button:not(.register):hover,
html body .header__signin:hover,
html body .header__login:hover {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    background: rgba(235, 40, 46, 0.10) !important;
    border-color: rgba(235, 40, 46, 0.52) !important;
    transform: translateY(-1px) !important;
}

html body .middle-header-container .login-buttons a.button.register,
html body .header-buttons .login-buttons a.button.register,
html body .login-buttons a.button.register,
html body a.button.register[href*="tab=register"],
html body a[href*="modal=auth"][href*="tab=register"],
html body .header__signup {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: var(--betredi-v16-red-gradient-strong) !important;
    border: 1px solid rgba(255, 77, 82, 0.72) !important;
    border-radius: 9px !important;
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.25), 0 0 15px rgba(235, 40, 46, 0.14) !important;
    font-weight: 900 !important;
    text-shadow: none !important;
    transition: transform .20s ease, filter .20s ease, box-shadow .20s ease !important;
}

html body .middle-header-container .login-buttons a.button.register::after,
html body .header-buttons .login-buttons a.button.register::after,
html body .login-buttons a.button.register::after,
html body a.button.register[href*="tab=register"]::after,
html body a[href*="modal=auth"][href*="tab=register"]::after,
html body .header__signup::after {
    content: "" !important;
    position: absolute !important;
    z-index: -1 !important;
    top: -70% !important;
    left: -42% !important;
    width: 24% !important;
    height: 240% !important;
    opacity: 0 !important;
    transform: rotate(22deg) !important;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.52), transparent) !important;
    transition: left .55s ease, opacity .20s ease !important;
}

html body .middle-header-container .login-buttons a.button.register:hover,
html body .header-buttons .login-buttons a.button.register:hover,
html body .login-buttons a.button.register:hover,
html body a.button.register[href*="tab=register"]:hover,
html body a[href*="modal=auth"][href*="tab=register"]:hover,
html body .header__signup:hover {
    filter: brightness(1.035) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 15px 28px rgba(0, 0, 0, 0.30), 0 0 22px rgba(235, 40, 46, 0.18) !important;
}

html body .middle-header-container .login-buttons a.button.register:hover::after,
html body .header-buttons .login-buttons a.button.register:hover::after,
html body .login-buttons a.button.register:hover::after,
html body a.button.register[href*="tab=register"]:hover::after,
html body a[href*="modal=auth"][href*="tab=register"]:hover::after,
html body .header__signup:hover::after {
    left: 120% !important;
    opacity: 1 !important;
}

/* Slider kabuğu, kontrol düğmeleri ve pagination: gold tonlarıyla hafif ve net. */
html body .hm-row-bc .pb-component-wrapper:first-of-type,
html body #main-slider,
html body #main-slider-swiper,
html body .hero--main {
    border-color: rgba(235, 40, 46, 0.26) !important;
    box-shadow: var(--betredi-v16-shadow), 0 0 0 1px rgba(255, 255, 255, 0.026) !important;
}

html body .swiper-button-prev,
html body .swiper-button-next {
    width: 42px !important;
    height: 42px !important;
    display: grid !important;
    place-items: center !important;
    color: var(--betredi-v16-red) !important;
    background: rgba(11, 14, 20, 0.82) !important;
    border: 1px solid rgba(235, 40, 46, 0.18) !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.24) !important;
    text-shadow: none !important;
    transition: transform .20s ease, border-color .20s ease, background-color .20s ease, box-shadow .20s ease !important;
}

html body .swiper-button-prev:hover,
html body .swiper-button-next:hover {
    color: #ffffff !important;
    background: var(--betredi-v16-red-gradient-strong) !important;
    border-color: rgba(255, 77, 82, 0.65) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.30), 0 0 16px rgba(235, 40, 46, 0.15) !important;
    transform: scale(1.04) !important;
}

html body .swiper-pagination-bullet,
html body .swiper-pagination .swiper-pagination-bullet {
    width: 8px !important;
    height: 8px !important;
    margin: 0 4px !important;
    opacity: .58 !important;
    background: rgba(255, 255, 255, 0.60) !important;
    border-radius: 999px !important;
    box-shadow: none !important;
    transition: width .24s ease, background-color .24s ease, opacity .24s ease, box-shadow .24s ease !important;
}

html body .swiper-pagination-bullet-active,
html body .swiper-pagination .swiper-pagination-bullet-active {
    width: 30px !important;
    opacity: 1 !important;
    background: linear-gradient(90deg, #991419, #ff4d52, #eb282e) !important;
    box-shadow: 0 0 13px rgba(235, 40, 46, 0.42) !important;
}

/* Oyun kartları: sürekli ışıklı çerçeve yerine düşük kontrast border + yalnızca hover'da gold. */
html body .casino-game-item {
    isolation: isolate !important;
    overflow: hidden !important;
    background: #080808 !important;
    border: 1px solid rgba(255, 255, 255, 0.085) !important;
    border-radius: 10px !important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.025) !important;
    transform: translateZ(0) !important;
    will-change: transform !important;
    transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease !important;
}

html body .casino-game-item::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    pointer-events: none !important;
    opacity: 0 !important;
    background: linear-gradient(180deg, transparent 38%, rgba(5, 8, 12, 0.88) 100%) !important;
    transition: opacity .22s ease !important;
}

html body .casino-game-item-content,
html body .casino-game-item .slot__cover,
html body .casino-game-item .slot__img {
    position: relative !important;
    z-index: 2 !important;
}

@media (hover: hover) and (pointer: fine) {
    html body .casino-game-item:hover {
        border-color: rgba(235, 40, 46, 0.52) !important;
        box-shadow: 0 18px 30px rgba(0, 0, 0, 0.34), 0 0 19px rgba(235, 40, 46, 0.11) !important;
        transform: translate3d(0, -5px, 0) scale(1.012) !important;
    }

    html body .casino-game-item:hover::after {
        opacity: 1 !important;
    }

    html body .casino-game-item:hover .casino-game-image-bc,
    html body .casino-game-item:hover .slot__img img,
    html body .casino-game-item:hover .slot__cover img {
        transform: scale(1.035) !important;
        filter: none !important;
        opacity: 1 !important;
    }
}

html body .casino-game-image-bc,
html body .slot__img img,
html body .slot__cover img {
    transition: transform .24s ease !important;
}

/* ----------------------------------------------------------------------
   /tr özel hızlı işlem menüsü
   Canlı Kazançlar alanı ile ilgisi yoktur; slider sonrasında tek başına yerleşir.
   ---------------------------------------------------------------------- */
#betredi-home-premium-strip {
    display: none !important;
}

#betredi-home-after-slider-slot {
    width: min(100%, 1240px) !important;
    margin: 18px auto 0 !important;
    padding: 0 4px !important;
}

#betredi-home-quick-nav,
#betredi-home-category-showcase {
    font-family: "Afacad", Arial, sans-serif !important;
}

#betredi-home-quick-nav {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding: 8px !important;
    border: 1px solid rgba(235, 40, 46, 0.18) !important;
    border-radius: 14px !important;
    background:
        radial-gradient(540px 140px at 10% 0%, rgba(235, 40, 46, 0.12), transparent 75%),
        linear-gradient(135deg, rgba(27, 31, 37, 0.98), rgba(10, 14, 20, 0.99)) !important;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
}

#betredi-home-quick-nav .betredi-home-quick-nav__item {
    position: relative !important;
    overflow: hidden !important;
    min-height: 64px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    padding: 0 12px !important;
    color: rgba(255, 255, 255, 0.92) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.92) !important;
    text-decoration: none !important;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.020)) !important;
    border: 1px solid rgba(255, 255, 255, 0.075) !important;
    border-radius: 10px !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    white-space: nowrap !important;
    transition: transform .20s ease, color .20s ease, background-color .20s ease, background-image .20s ease, border-color .20s ease, box-shadow .20s ease !important;
}

#betredi-home-quick-nav .betredi-home-quick-nav__item::after {
    content: "" !important;
    position: absolute !important;
    top: -80% !important;
    left: -42% !important;
    width: 22% !important;
    height: 260% !important;
    opacity: 0 !important;
    transform: rotate(23deg) !important;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.44), transparent) !important;
    transition: left .52s ease, opacity .18s ease !important;
}

#betredi-home-quick-nav .betredi-home-quick-nav__emoji {
    flex: 0 0 auto !important;
    display: inline-grid !important;
    place-items: center !important;
    width: 29px !important;
    height: 29px !important;
    font-size: 20px !important;
    line-height: 1 !important;
    filter: drop-shadow(0 5px 7px rgba(0, 0, 0, 0.25)) !important;
}

#betredi-home-quick-nav .betredi-home-quick-nav__text {
    position: relative !important;
    z-index: 1 !important;
}

@media (hover: hover) and (pointer: fine) {
    #betredi-home-quick-nav .betredi-home-quick-nav__item:hover {
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        background: var(--betredi-v16-red-gradient-strong) !important;
        border-color: rgba(255, 77, 82, 0.58) !important;
        box-shadow: 0 12px 22px rgba(0, 0, 0, 0.24), 0 0 15px rgba(235, 40, 46, 0.13) !important;
        transform: translateY(-2px) !important;
        animation: none !important;
    }

    #betredi-home-quick-nav .betredi-home-quick-nav__item:hover::after {
        left: 120% !important;
        opacity: 1 !important;
    }
}

/* Aynı JS herhangi bir locale geçişinde bir an geç render olursa Türkçe blok görünmez. */
html:not(.betredi-route-tr) [data-betredi-turkish-only],
html:not(.betredi-route-tr) #betredi-home-quick-nav,
html:not(.betredi-route-tr) #betredi-home-category-showcase,
html:not(.betredi-route-tr) #betredi-home-after-slider-slot {
    display: none !important;
}

@media (max-width: 900px) {
    #betredi-home-after-slider-slot {
        margin-top: 12px !important;
        padding: 0 !important;
    }

    #betredi-home-quick-nav {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    #betredi-home-quick-nav .betredi-home-quick-nav__item {
        min-height: 56px !important;
        gap: 8px !important;
    }
}

@media (max-width: 640px) {
    #betredi-home-quick-nav {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 7px !important;
        padding: 7px !important;
        border-radius: 12px !important;
    }

    #betredi-home-quick-nav .betredi-home-quick-nav__item {
        min-height: 52px !important;
        justify-content: flex-start !important;
        padding: 0 12px !important;
        font-size: 13px !important;
    }

    #betredi-home-quick-nav .betredi-home-quick-nav__item:nth-child(5) {
        grid-column: 1 / -1 !important;
    }

    #betredi-home-quick-nav .betredi-home-quick-nav__emoji {
        width: 26px !important;
        height: 26px !important;
        font-size: 18px !important;
    }

    html body .swiper-button-prev,
    html body .swiper-button-next {
        width: 38px !important;
        height: 38px !important;
        border-radius: 11px !important;
    }

    html body .swiper-pagination-bullet-active {
        width: 24px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    html body *,
    html body *::before,
    html body *::after {
        scroll-behavior: auto !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}



/* ======================================================================
   V16 UNIFIED FINISH
   This is the final source of truth for V10 / V14 / V15 visual decisions.
   No navy fallback, no pastel-only gold, no sidebar shake inheritance.
   ====================================================================== */

:root {
    --bs-primary: #991419 !important;
    --bs-primary-rgb: 184, 139, 74 !important;
    --primary: #991419 !important;
    --primary-rgb: 184, 139, 74 !important;
    --active-color: #eb282e !important;
    --active-bg: #991419 !important;
    --focus-ring-color: rgba(235, 40, 46, 0.32) !important;
    --betredi-bg: var(--betredi-v16-ink);
    --betredi-bg-deep: #050608;
    --betredi-surface: var(--betredi-v16-panel);
    --betredi-surface-soft: var(--betredi-v16-panel-2);
    --betredi-accent: var(--betredi-v16-red-rich);
    --betredi-accent-2: var(--betredi-v16-red);
    --betredi-gold: var(--betredi-v16-red);
    --betredi-gold-2: var(--betredi-v16-red-rich);
    --betredi-gold-deep: var(--betredi-v16-red-deep);
}

/* ================================================================
   SOL MENÜ — obsidian single-panel hierarchy
   ================================================================ */
html body .sidebar,
html body .sidebar__content,
html body .sidebar__inner,
html body .sidebar__body,
html body .sidebar__wrapper,
html body aside[class*="sidebar"],
html body div[class*="sidebar"] {
    background:
        radial-gradient(420px 320px at -28% -4%, rgba(255, 77, 82, 0.09), transparent 64%),
        radial-gradient(260px 300px at 110% 45%, rgba(153, 20, 25, 0.055), transparent 69%),
        linear-gradient(180deg, #0a0a0a 0%, #060606 44%, #040404 100%) !important;
    background-color: #060606 !important;
    border-color: rgba(235, 40, 46, 0.14) !important;
    box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.025), 14px 0 36px rgba(0,0,0,.20) !important;
}

html body .sidebar__links,
html body .sidebar__nav,
html body .sidebar__menu {
    padding: 0 8px 8px !important;
    background: transparent !important;
}

html body .sidebar :is(.sidebar__links > a, .sidebar__links > button, .sidebar__nav > a, .sidebar__nav > button, .sidebar__link, .sidebar__menu > a, .sidebar__menu > button),
html body [class*="sidebar"] :is(.sidebar__links > a, .sidebar__links > button, .sidebar__nav > a, .sidebar__nav > button, .sidebar__link, .sidebar__menu > a, .sidebar__menu > button) {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    min-height: 52px !important;
    margin: 0 0 7px !important;
    padding: 0 15px !important;
    color: rgba(255, 255, 255, 0.93) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.93) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.042), rgba(255,255,255,.014)) !important;
    border: 1px solid rgba(255,255,255,.062) !important;
    border-radius: 9px !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.032), 0 4px 10px rgba(0,0,0,.10) !important;
    text-shadow: none !important;
    animation: none !important;
    transition: transform .20s ease, border-color .20s ease, background .20s ease, box-shadow .20s ease, color .20s ease !important;
}

html body .sidebar :is(.sidebar__links > a, .sidebar__links > button, .sidebar__nav > a, .sidebar__nav > button, .sidebar__link, .sidebar__menu > a, .sidebar__menu > button)::before,
html body [class*="sidebar"] :is(.sidebar__links > a, .sidebar__links > button, .sidebar__nav > a, .sidebar__nav > button, .sidebar__link, .sidebar__menu > a, .sidebar__menu > button)::before {
    content: "" !important;
    position: absolute !important;
    inset: 10px auto 10px 0 !important;
    width: 3px !important;
    z-index: -1 !important;
    opacity: 0 !important;
    border-radius: 0 4px 4px 0 !important;
    background: linear-gradient(180deg, var(--betredi-v16-red-hi), var(--betredi-v16-red-rich) 55%, var(--betredi-v16-red-dark)) !important;
    box-shadow: 0 0 14px rgba(235, 40, 46, .40) !important;
    transition: opacity .20s ease, inset .20s ease !important;
}

html body .sidebar :is(.sidebar__links > a, .sidebar__links > button, .sidebar__nav > a, .sidebar__nav > button, .sidebar__link, .sidebar__menu > a, .sidebar__menu > button) :is(svg, i, img, span, p, small),
html body [class*="sidebar"] :is(.sidebar__links > a, .sidebar__links > button, .sidebar__nav > a, .sidebar__nav > button, .sidebar__link, .sidebar__menu > a, .sidebar__menu > button) :is(svg, i, span, p, small) {
    color: inherit !important;
    -webkit-text-fill-color: inherit !important;
    transition: color .20s ease, opacity .20s ease, filter .20s ease !important;
}

@media (hover: hover) and (pointer: fine) {
    html body .sidebar :is(.sidebar__links > a, .sidebar__links > button, .sidebar__nav > a, .sidebar__nav > button, .sidebar__link, .sidebar__menu > a, .sidebar__menu > button):hover,
    html body [class*="sidebar"] :is(.sidebar__links > a, .sidebar__links > button, .sidebar__nav > a, .sidebar__nav > button, .sidebar__link, .sidebar__menu > a, .sidebar__menu > button):hover {
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        background:
            radial-gradient(260px 72px at 0% 50%, rgba(235, 40, 46, .15), transparent 72%),
            linear-gradient(180deg, rgba(255,255,255,.057), rgba(255,255,255,.020)) !important;
        border-color: rgba(235, 40, 46, .28) !important;
        box-shadow: 0 10px 20px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.050) !important;
        transform: translateX(3px) !important;
        animation: none !important;
    }

    html body .sidebar :is(.sidebar__links > a, .sidebar__links > button, .sidebar__nav > a, .sidebar__nav > button, .sidebar__link, .sidebar__menu > a, .sidebar__menu > button):hover::before,
    html body [class*="sidebar"] :is(.sidebar__links > a, .sidebar__links > button, .sidebar__nav > a, .sidebar__nav > button, .sidebar__link, .sidebar__menu > a, .sidebar__menu > button):hover::before {
        opacity: .86 !important;
    }
}

html body .sidebar :is(.sidebar__links > .active, .sidebar__links > a.active, .sidebar__links > button.active, .sidebar__links > [aria-current="page"], .sidebar__nav > .active, .sidebar__nav > a.active, .sidebar__nav > button.active, .sidebar__nav > [aria-current="page"], .sidebar__menu > .active, .sidebar__menu > a.active, .sidebar__menu > button.active, .sidebar__menu > [aria-current="page"]),
html body [class*="sidebar"] :is(.sidebar__links > .active, .sidebar__links > a.active, .sidebar__links > button.active, .sidebar__links > [aria-current="page"], .sidebar__nav > .active, .sidebar__nav > a.active, .sidebar__nav > button.active, .sidebar__nav > [aria-current="page"], .sidebar__menu > .active, .sidebar__menu > a.active, .sidebar__menu > button.active, .sidebar__menu > [aria-current="page"]) {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background:
        radial-gradient(310px 90px at 0% 50%, rgba(153, 20, 25, .20), transparent 74%),
        linear-gradient(90deg, rgba(255,255,255,.058), rgba(255,255,255,.017)) !important;
    border-color: rgba(235, 40, 46, .36) !important;
    box-shadow: inset 3px 0 0 var(--betredi-v16-red-rich), 0 10px 22px rgba(0,0,0,.25), 0 0 16px rgba(153, 20, 25,.10) !important;
}

html body .sidebar :is(.sidebar__links > .active, .sidebar__links > a.active, .sidebar__links > button.active, .sidebar__links > [aria-current="page"], .sidebar__nav > .active, .sidebar__nav > a.active, .sidebar__nav > button.active, .sidebar__nav > [aria-current="page"], .sidebar__menu > .active, .sidebar__menu > a.active, .sidebar__menu > button.active, .sidebar__menu > [aria-current="page"])::before,
html body [class*="sidebar"] :is(.sidebar__links > .active, .sidebar__links > a.active, .sidebar__links > button.active, .sidebar__links > [aria-current="page"], .sidebar__nav > .active, .sidebar__nav > a.active, .sidebar__nav > button.active, .sidebar__nav > [aria-current="page"], .sidebar__menu > .active, .sidebar__menu > a.active, .sidebar__menu > button.active, .sidebar__menu > [aria-current="page"])::before {
    inset: 7px auto 7px 0 !important;
    opacity: 1 !important;
}

/* Sidebar upper controls: no navy, no blue focus ring. */
html body .sidebar :is(form, .search-form, .sidebar__search, .search),
html body [class*="sidebar"] :is(form, .search-form, .sidebar__search, .search) {
    background: linear-gradient(180deg, #0a0a0a, #050505) !important;
    border: 1px solid rgba(235, 40, 46, .24) !important;
    border-radius: 10px !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 8px 18px rgba(0,0,0,.15) !important;
}
html body .sidebar :is(input, input[type="search"]),
html body [class*="sidebar"] :is(input, input[type="search"]) {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    caret-color: var(--betredi-v16-red-rich) !important;
    background: transparent !important;
}
html body .sidebar :is(.sidebar__link--casino, [class*="casino-tab"]),
html body [class*="sidebar"] :is(.sidebar__link--casino, [class*="casino-tab"]) {
    background: linear-gradient(135deg, #ff4d52 0%, #eb282e 34%, #cc1d22 66%, #800a0d 100%) !important;
    border-color: rgba(255, 77, 82, .42) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: 0 10px 20px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.40) !important;
}
html body .sidebar :is(.sidebar__link--sport, .sidebar__link--sportsbook, [class*="sportsbook-tab"]),
html body [class*="sidebar"] :is(.sidebar__link--sport, .sidebar__link--sportsbook, [class*="sportsbook-tab"]) {
    background: linear-gradient(135deg, #cc1d22 0%, #991419 54%, #4d0406 100%) !important;
    border-color: rgba(235, 40, 46, .24) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: 0 10px 20px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.14) !important;
}

/* ================================================================
   Gold distribution — cream is reserved for highlights, bronze carries actions.
   ================================================================ */
html body :is(.header__signup, .wallet-button, .deposit-button, .manual-redi-button, .login-buttons .register, .button.register, .header-buttons .register),
html body :is(.btn-primary, .button-primary, [class*="btn"][class*="primary"]):not(.sidebar__link) {
    background: var(--betredi-v16-red-gradient-strong) !important;
    background-color: var(--betredi-v16-red-deep) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border-color: rgba(255, 77, 82, .54) !important;
    text-shadow: none !important;
    box-shadow: 0 12px 26px rgba(0,0,0,.24), 0 0 16px rgba(153, 20, 25,.14) !important;
}
html body :is(.header__signup, .wallet-button, .deposit-button, .manual-redi-button, .login-buttons .register, .button.register, .header-buttons .register) :is(svg, i),
html body :is(.btn-primary, .button-primary, [class*="btn"][class*="primary"]):not(.sidebar__link) :is(svg, i) {
    color: #ffffff !important;
    fill: currentColor !important;
    stroke: currentColor !important;
}
@media (hover: hover) and (pointer: fine) {
    html body :is(.header__signup, .wallet-button, .deposit-button, .manual-redi-button, .login-buttons .register, .button.register, .header-buttons .register):hover,
    html body :is(.btn-primary, .button-primary, [class*="btn"][class*="primary"]):not(.sidebar__link):hover {
        filter: brightness(1.06) saturate(1.06) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 15px 30px rgba(0,0,0,.30), 0 0 22px rgba(204, 29, 34,.20) !important;
        animation: none !important;
    }
}

/* All generic active/focus states lose blue / purple leakage. */
html body :is(a, button, input, select, textarea, .btn, .button):focus-visible {
    outline: 2px solid rgba(235, 40, 46, .74) !important;
    outline-offset: 2px !important;
    box-shadow: 0 0 0 4px rgba(153, 20, 25, .17) !important;
}
html body :is(.nav-link.active, .nav-pills .nav-link.active, [role="tab"][aria-selected="true"], .tab.active, .filter__item.active) {
    background: var(--betredi-v16-red-gradient-strong) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border-color: rgba(255, 77, 82, .55) !important;
    box-shadow: 0 10px 24px rgba(0,0,0,.24), 0 0 15px rgba(153, 20, 25,.14) !important;
}

/* ================================================================
   HOME QUICK ACTIONS + CATEGORY CARDS
   ================================================================ */
#betredi-home-quick-nav {
    background:
        radial-gradient(520px 160px at 6% 0%, rgba(255, 77, 82,.08), transparent 74%),
        linear-gradient(135deg, #0a0a0a, #060606) !important;
    border-color: rgba(235, 40, 46,.20) !important;
}
#betredi-home-quick-nav .betredi-home-quick-nav__item {
    background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018)) !important;
    border-color: rgba(255,255,255,.075) !important;
}
#betredi-home-quick-nav .betredi-home-quick-nav__emoji {
    filter: drop-shadow(0 5px 7px rgba(0,0,0,.28)) saturate(1.08) !important;
}
@media (hover: hover) and (pointer: fine) {
    #betredi-home-quick-nav .betredi-home-quick-nav__item:hover {
        background: var(--betredi-v16-red-gradient-strong) !important;
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        border-color: rgba(255, 77, 82,.58) !important;
        box-shadow: 0 12px 24px rgba(0,0,0,.25), 0 0 14px rgba(153, 20, 25,.15) !important;
    }
}

#betredi-home-category-showcase {
    width: min(100%, 1240px) !important;
    margin: 14px auto 0 !important;
    padding: 0 4px !important;
}
#betredi-home-category-showcase,
#betredi-home-category-showcase * { box-sizing: border-box !important; }
#betredi-home-category-showcase .betredi-home-category-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 14px !important;
}
#betredi-home-category-showcase .betredi-home-category-card {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    display: block !important;
    min-height: 154px !important;
    aspect-ratio: 2.12 / 1 !important;
    border: 1px solid rgba(235, 40, 46,.34) !important;
    border-radius: 16px !important;
    background: linear-gradient(135deg, #0A0C10 0%, #15191F 62%, #090A0D 100%) !important;
    box-shadow: 0 13px 25px rgba(0,0,0,.23), inset 0 1px 0 rgba(255,255,255,.06) !important;
    text-decoration: none !important;
    transform: translateZ(0) !important;
    transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease !important;
}
#betredi-home-category-showcase .betredi-home-category-card__bg {
    position: absolute !important;
    inset: 0 !important;
    z-index: -2 !important;
    background:
        radial-gradient(220px 130px at 78% 52%, rgba(235, 40, 46,.12), transparent 69%),
        linear-gradient(135deg, #0A0B0E 0%, #0a0a0a 54%, #090A0C 100%) !important;
}
#betredi-home-category-showcase .betredi-home-category-card__shade {
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    pointer-events: none !important;
    background: linear-gradient(90deg, rgba(6,7,9,.94) 0%, rgba(6,7,9,.66) 38%, rgba(6,7,9,.08) 72%, rgba(6,7,9,.16) 100%) !important;
}
#betredi-home-category-showcase .betredi-home-category-card__image {
    position: absolute !important;
    z-index: 1 !important;
    right: -2% !important;
    bottom: 0 !important;
    width: 64% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: contain !important;
    object-position: right center !important;
    filter: drop-shadow(-14px 12px 18px rgba(0,0,0,.38)) !important;
    transition: transform .34s ease, filter .34s ease !important;
}
#betredi-home-category-showcase .betredi-home-category-card[data-game="live"] .betredi-home-category-card__image { width: 67% !important; right: -3% !important; }
#betredi-home-category-showcase .betredi-home-category-card[data-game="slot"] .betredi-home-category-card__image { width: 67% !important; right: -4% !important; }
#betredi-home-category-showcase .betredi-home-category-card[data-game="sports"] .betredi-home-category-card__image { width: 64% !important; right: -1% !important; }
#betredi-home-category-showcase .betredi-home-category-card[data-game="crash"] .betredi-home-category-card__image { width: 69% !important; right: -5% !important; }
#betredi-home-category-showcase .betredi-home-category-card__content {
    position: relative !important;
    z-index: 3 !important;
    display: flex !important;
    height: 100% !important;
    width: 58% !important;
    min-width: 136px !important;
    padding: 22px 0 18px 24px !important;
    flex-direction: column !important;
    justify-content: space-between !important;
}
#betredi-home-category-showcase .betredi-home-category-card__content strong {
    display: grid !important;
    gap: 0 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-family: "Afacad", Arial, sans-serif !important;
    font-weight: 900 !important;
    font-size: clamp(25px, 2vw, 38px) !important;
    letter-spacing: -1.5px !important;
    line-height: .88 !important;
}
#betredi-home-category-showcase .betredi-home-category-card__content em {
    color: var(--betredi-v16-red-hi) !important;
    -webkit-text-fill-color: var(--betredi-v16-red-hi) !important;
    font-style: normal !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    letter-spacing: .15px !important;
}
#betredi-home-category-showcase .betredi-home-category-card::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 4 !important;
    opacity: 0 !important;
    pointer-events: none !important;
    background: linear-gradient(115deg, transparent 30%, rgba(255, 77, 82,.20) 49%, transparent 63%) !important;
    transform: translateX(-120%) !important;
    transition: transform .60s ease, opacity .22s ease !important;
}
#betredi-home-category-showcase .betredi-home-category-card__spark { display: none !important; }
@media (hover: hover) and (pointer: fine) {
    #betredi-home-category-showcase .betredi-home-category-card:hover,
    #betredi-home-category-showcase .betredi-home-category-card:focus-visible,
    #betredi-home-category-showcase .betredi-home-category-card.is-betredi-home-hovered {
        overflow: hidden !important;
        border-color: rgba(255, 77, 82,.58) !important;
        box-shadow: 0 19px 34px rgba(0,0,0,.34), 0 0 18px rgba(153, 20, 25,.16), inset 0 1px 0 rgba(255,255,255,.10) !important;
        transform: translateY(-4px) !important;
        animation: none !important;
    }
    #betredi-home-category-showcase .betredi-home-category-card:hover .betredi-home-category-card__image,
    #betredi-home-category-showcase .betredi-home-category-card:focus-visible .betredi-home-category-card__image,
    #betredi-home-category-showcase .betredi-home-category-card.is-betredi-home-hovered .betredi-home-category-card__image {
        transform: scale(1.045) translateX(-1.5%) !important;
        filter: drop-shadow(-14px 14px 20px rgba(0,0,0,.44)) saturate(1.05) !important;
    }
    #betredi-home-category-showcase .betredi-home-category-card:hover::after,
    #betredi-home-category-showcase .betredi-home-category-card:focus-visible::after,
    #betredi-home-category-showcase .betredi-home-category-card.is-betredi-home-hovered::after {
        opacity: 1 !important;
        transform: translateX(120%) !important;
    }
}
@media (max-width: 1000px) {
    #betredi-home-category-showcase .betredi-home-category-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 560px) {
    #betredi-home-category-showcase { margin-top: 10px !important; padding: 0 !important; }
    #betredi-home-category-showcase .betredi-home-category-grid { gap: 9px !important; }
    #betredi-home-category-showcase .betredi-home-category-card { min-height: 122px !important; border-radius: 13px !important; }
    #betredi-home-category-showcase .betredi-home-category-card__content { padding: 16px 0 13px 15px !important; width: 63% !important; min-width: 0 !important; }
    #betredi-home-category-showcase .betredi-home-category-card__content strong { font-size: clamp(21px, 7vw, 30px) !important; }
    #betredi-home-category-showcase .betredi-home-category-card__content em { font-size: 11px !important; }
    #betredi-home-category-showcase .betredi-home-category-card__image { width: 66% !important; right: -8% !important; }
}

/* ================================================================
   PROMOTIONS + VIP — merged V10 motion intent with V16 performance limits
   ================================================================ */
@property --betredi-v16-border-angle {
    syntax: "<angle>";
    initial-value: 34deg;
    inherits: false;
}
@keyframes betrediV16DustDrift {
    0%, 100% { transform: translate3d(-1.5%, -1%, 0); opacity: .46; }
    50% { transform: translate3d(1.5%, 1%, 0); opacity: .68; }
}
@keyframes betrediV16BorderSpin {
    to { --betredi-v16-border-angle: 394deg; }
}
@keyframes betrediV16BeamSweep {
    0% { transform: translate3d(-150%, -24%, 0) rotate(17deg); opacity: 0; }
    16% { opacity: .38; }
    42% { opacity: .16; }
    100% { transform: translate3d(155%, 30%, 0) rotate(17deg); opacity: 0; }
}
html.betredi-route-promotions #main__content,
html.betredi-route-promotions main,
html.betredi-route-vip-club #main__content,
html.betredi-route-vip-club main {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    background:
        radial-gradient(760px 370px at 10% -8%, rgba(235, 40, 46,.10), transparent 70%),
        radial-gradient(680px 360px at 91% 18%, rgba(153, 20, 25,.08), transparent 71%),
        linear-gradient(180deg, #111317 0%, #040404 100%) !important;
}
html.betredi-route-promotions #main__content::before,
html.betredi-route-promotions main::before,
html.betredi-route-vip-club #main__content::before,
html.betredi-route-vip-club main::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: -1 !important;
    pointer-events: none !important;
    background:
        radial-gradient(circle at 13% 24%, rgba(255, 77, 82,.24) 0 1px, transparent 2px),
        radial-gradient(circle at 75% 11%, rgba(204, 29, 34,.19) 0 1px, transparent 2px),
        radial-gradient(circle at 42% 80%, rgba(153, 20, 25,.16) 0 1px, transparent 2px);
    background-size: 150px 150px, 210px 210px, 260px 260px !important;
    animation: betrediV16DustDrift 24s ease-in-out infinite !important;
}
html.betredi-route-promotions #main__content > *,
html.betredi-route-promotions main > *,
html.betredi-route-vip-club #main__content > *,
html.betredi-route-vip-club main > * { position: relative !important; z-index: 1 !important; }

html.betredi-route-promotions .betredi-promo-zoom-grid {
    gap: clamp(14px, 1.2vw, 22px) !important;
}
html.betredi-route-promotions .betredi-promo-zoom-card,
html.betredi-route-vip-club .vip6qCard {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    border: 1px solid rgba(235, 40, 46,.28) !important;
    border-radius: 15px !important;
    background: linear-gradient(180deg, rgba(255,255,255,.028), rgba(255,255,255,.008)) !important;
    box-shadow: 0 14px 26px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.035) !important;
    transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease !important;
}
html.betredi-route-promotions .betredi-promo-zoom-card::before,
html.betredi-route-vip-club .vip6qCard::before {
    content: "" !important;
    position: absolute !important;
    inset: -1px !important;
    z-index: -1 !important;
    padding: 1px !important;
    border-radius: inherit !important;
    opacity: .72 !important;
    background: conic-gradient(from var(--betredi-v16-border-angle), rgba(102, 12, 16,.92), rgba(235, 40, 46,.18) 16%, rgba(255, 77, 82,.95) 30%, rgba(153, 20, 25,.24) 45%, rgba(102, 12, 16,.92) 60%, rgba(255, 77, 82,.84) 78%, rgba(102, 12, 16,.92)) !important;
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0) !important;
    -webkit-mask-composite: xor !important;
    mask-composite: exclude !important;
}
html.betredi-route-promotions .betredi-promo-zoom-card::after,
html.betredi-route-vip-club .vip6qCard::after {
    content: "" !important;
    position: absolute !important;
    left: -32% !important;
    top: -80% !important;
    width: 20% !important;
    height: 270% !important;
    z-index: 4 !important;
    pointer-events: none !important;
    opacity: 0 !important;
    background: linear-gradient(90deg, transparent, rgba(255, 77, 82,.54), transparent) !important;
    transform: rotate(17deg) !important;
}
html.betredi-route-promotions .betredi-promo-zoom-card > *,
html.betredi-route-vip-club .vip6qCard > * { position: relative !important; z-index: 1 !important; }
@media (hover: hover) and (pointer: fine) {
    html.betredi-route-promotions .betredi-promo-zoom-card:hover,
    html.betredi-route-vip-club .vip6qCard:hover {
        transform: translateY(-4px) !important;
        border-color: rgba(255, 77, 82,.54) !important;
        box-shadow: 0 20px 34px rgba(0,0,0,.34), 0 0 18px rgba(153, 20, 25,.14), inset 0 1px 0 rgba(255,255,255,.07) !important;
    }
    html.betredi-route-promotions .betredi-promo-zoom-card:hover::before,
    html.betredi-route-vip-club .vip6qCard:hover::before { animation: betrediV16BorderSpin 7.5s linear infinite !important; }
    html.betredi-route-promotions .betredi-promo-zoom-card:hover::after,
    html.betredi-route-vip-club .vip6qCard:hover::after { animation: betrediV16BeamSweep 1.85s ease-out 1 !important; }
}
@media (hover: none) {
    html.betredi-route-promotions .betredi-promo-zoom-card::before,
    html.betredi-route-vip-club .vip6qCard::before { animation: betrediV16BorderSpin 13s linear infinite !important; }
}

/* Scoped responsive promo geometry retained from the final V15 implementation. */
html.betredi-route-promotions .betredi-promo-zoom-grid > * { min-width: 0 !important; }
html.betredi-route-promotions .betredi-promo-zoom-media {
    display: block !important;
    width: 100% !important;
    aspect-ratio: 400 / 220 !important;
    overflow: hidden !important;
    border-radius: inherit !important;
}
html.betredi-route-promotions .betredi-promo-zoom-media > *,
html.betredi-route-promotions .betredi-promo-zoom-media picture,
html.betredi-route-promotions .betredi-promo-zoom-media img,
html.betredi-route-promotions img.betredi-promo-zoom-img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* Small component normalization: older navy shades cannot leak through cards/tables. */
html body :is(.simple-bets, .scoreboard, .score-table, .bet-list__header, .providers--marquee--bg, .payment-method-box) {
    background-color: #0a0a0a !important;
    border-color: rgba(235, 40, 46,.14) !important;
}
html body .simple-bets .flex-row.header,
html body .simple-bets .casino-bets-table .flex-row.header,
html body .simple-bets .flex-table .flex-row.header {
    background: linear-gradient(90deg, #0a0a0a, #060606) !important;
    border-color: rgba(235, 40, 46,.16) !important;
}

/* Floating components: gold-obsidian instead of blue. */
html body :is(.chat-button, .chat-fab, [class*="chat"][class*="float"], [class*="live-chat"]) {
    background: var(--betredi-v16-red-gradient-strong) !important;
    border-color: rgba(255, 77, 82,.54) !important;
    color: #ffffff !important;
    box-shadow: 0 14px 26px rgba(0,0,0,.30), 0 0 16px rgba(153, 20, 25,.18) !important;
}

@media (prefers-reduced-motion: reduce) {
    html body *, html body *::before, html body *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
        scroll-behavior: auto !important;
    }
}

/* ======================================================================
   V16.1 HEADER REFINEMENT — softer utility buttons / clean language chip
   ====================================================================== */

/* Üst bardaki hızlı işlem kutuları: sert kare görünüm yerine modern yuvarlatılmış panel. */
html body .sb-top-btn {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    border-radius: 14px !important;
    border: 1px solid rgba(235, 40, 46, 0.18) !important;
    background:
        linear-gradient(145deg, rgba(35, 40, 48, 0.98), rgba(16, 19, 25, 0.98)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.045),
        0 5px 14px rgba(0, 0, 0, 0.18) !important;
    transition:
        border-color .20s ease,
        background-color .20s ease,
        background-image .20s ease,
        box-shadow .20s ease,
        transform .20s ease !important;
}

html body .sb-top-btn::before {
    border-radius: inherit !important;
}

@media (hover: hover) and (pointer: fine) {
    html body .sb-top-btn:hover {
        border-color: rgba(235, 40, 46, 0.34) !important;
        background:
            linear-gradient(145deg, rgba(48, 47, 43, 0.98), rgba(22, 22, 24, 0.98)) !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.065),
            0 8px 18px rgba(0, 0, 0, 0.24) !important;
        transform: translateY(-1px) !important;
    }
}

/* Dil seçici: parlak halo / parıltı kapalı; ince sınırla temiz, sakin görünüm. */
html body .current-lang,
html body .current-lang:hover,
html body .current-lang:active {
    border-radius: 12px !important;
    border: 1px solid rgba(235, 40, 46, 0.18) !important;
    background:
        linear-gradient(145deg, rgba(31, 35, 42, 0.98), rgba(14, 17, 22, 0.98)) !important;
    box-shadow: none !important;
    filter: none !important;
    text-shadow: none !important;
    animation: none !important;
    transform: none !important;
}

html body .current-lang::before,
html body .current-lang::after {
    animation: none !important;
    filter: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

/* Parlama katmanı kullanan eski sürümler için sadece dekoratif ön katman sıfırlanır;
   varsa açılır menü oku (::after) korunur. */
html body .current-lang::before {
    background: none !important;
    opacity: 0 !important;
}

html body .current-lang :is(svg, i, img) {
    filter: none !important;
    text-shadow: none !important;
}

html body .current-lang:focus-visible {
    outline: 2px solid rgba(235, 40, 46, 0.62) !important;
    outline-offset: 2px !important;
}

/* ======================================================================
   V16.2 PROMOTIONS RESTORE
   - V15'in stabil 3 / 2 / 1 kolon responsive geometrisini geri getirir.
   - Görselleri kırpmadan kendi oranında korur.
   - Kart çevresindeki hareketli gold ışık hüzmesini tüm cihazlarda görünür yapar.
   - Sadece /promotions rotasında .betredi-promo-zoom-* sınıflarına uygulanır.
   ====================================================================== */

:root {
    --betredi-v16-promo-ratio: 400 / 220;
    --betredi-v16-promo-gap: clamp(14px, 1.2vw, 22px);
}

html.betredi-route-promotions,
html.betredi-route-promotions body,
html.betredi-route-promotions #main__content,
html.betredi-route-promotions main {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
}

/* Eski sorunsuz promosyon grid yapısı: masaüstü 3, tablet 2, mobil 1 kart. */
html.betredi-route-promotions .betredi-promo-zoom-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: var(--betredi-v16-promo-gap) !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    align-items: start !important;
    box-sizing: border-box !important;
}

html.betredi-route-promotions .betredi-promo-zoom-grid > * {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

html.betredi-route-promotions .betredi-promo-zoom-card {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    border-radius: 15px !important;
    box-sizing: border-box !important;
    contain: paint !important;
}

html.betredi-route-promotions .betredi-promo-zoom-card *,
html.betredi-route-promotions .betredi-promo-zoom-grid * {
    box-sizing: border-box !important;
}

/* Kart görseli: sabit oran, taşma yok, görsel kırpılmaz. */
html.betredi-route-promotions .betredi-promo-zoom-media {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    aspect-ratio: var(--betredi-v16-promo-ratio) !important;
    overflow: hidden !important;
    flex: 0 0 auto !important;
    border-radius: 14px 14px 0 0 !important;
    background: #0a0a0a !important;
}

html.betredi-route-promotions .betredi-promo-zoom-media > *,
html.betredi-route-promotions .betredi-promo-zoom-media picture {
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

html.betredi-route-promotions .betredi-promo-zoom-media img,
html.betredi-route-promotions img.betredi-promo-zoom-img:not(.betredi-promo-zoom-media) {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
    min-height: 0 !important;
    object-fit: contain !important;
    object-position: center center !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

html.betredi-route-promotions img.betredi-promo-zoom-img.betredi-promo-zoom-media {
    display: block !important;
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: var(--betredi-v16-promo-ratio) !important;
    object-fit: contain !important;
    object-position: center center !important;
}

html.betredi-route-promotions .betredi-promo-zoom-card > *:last-child {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
}

@media (max-width: 1199px) {
    html.betredi-route-promotions .betredi-promo-zoom-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 575px) {
    html.betredi-route-promotions .betredi-promo-zoom-grid {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }
}

/* İnce, gerçek border üzerinde dönen ışık hüzmesi. */
@property --betredi-v16-promo-beam-angle {
    syntax: "<angle>";
    inherits: false;
    initial-value: 0deg;
}

@keyframes betrediV16PromoBeamBorderSpin {
    from { --betredi-v16-promo-beam-angle: 0deg; }
    to { --betredi-v16-promo-beam-angle: 360deg; }
}

/* V16'daki arka katmana düşen eski pseudo hüzmesini kapatır. */
html.betredi-route-promotions .betredi-promo-zoom-card::after {
    content: none !important;
    animation: none !important;
    opacity: 0 !important;
}

html.betredi-route-promotions .betredi-promo-zoom-card::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 12 !important;
    box-sizing: border-box !important;
    padding: 2px !important;
    border-radius: inherit !important;
    pointer-events: none !important;
    opacity: 1 !important;
    background: conic-gradient(
        from var(--betredi-v16-promo-beam-angle),
        rgba(235, 40, 46, 0.12) 0deg,
        rgba(235, 40, 46, 0.12) 248deg,
        rgba(235, 40, 46, 0.36) 270deg,
        #eb282e 292deg,
        rgba(255, 77, 82, 0.98) 302deg,
        #eb282e 312deg,
        rgba(235, 40, 46, 0.32) 334deg,
        rgba(235, 40, 46, 0.12) 360deg
    ) !important;
    -webkit-mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0) !important;
    -webkit-mask-composite: xor !important;
    mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0) !important;
    mask-composite: exclude !important;
    filter: none !important;
    transform: none !important;
    will-change: auto !important;
    animation: betrediV16PromoBeamBorderSpin 4.8s linear infinite !important;
}

html.betredi-route-promotions .betredi-promo-zoom-card > * {
    position: relative !important;
    z-index: 1 !important;
}

html.betredi-route-promotions .betredi-promo-zoom-card:nth-child(3n + 2)::before {
    animation-delay: -1.6s !important;
}

html.betredi-route-promotions .betredi-promo-zoom-card:nth-child(3n)::before {
    animation-delay: -3.2s !important;
}

@media (max-width: 768px) {
    html.betredi-route-promotions .betredi-promo-zoom-card::before {
        padding: 1.5px !important;
        animation-duration: 6.2s !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    html.betredi-route-promotions .betredi-promo-zoom-card::before {
        animation: none !important;

      #responsive-menu .sb-top-btn .sb-top-title{
  font-size:15px !important;
}

#responsive-menu .sl-acc__topText{
  font-size:15px !important;
}

#responsive-menu .sl-acc__itemText{
    font-size:15px !important;
}
    }
}
div.latestWins {
  display: none;
}
/* ==========================================
   ADVANCED NEON RED VISUAL ENHANCEMENTS
   Added via Design Intervention
   ========================================== */

/* 1. Glassmorphism for Header */
.header, header, .middle-header-container {
    background: rgba(5, 5, 5, 0.75) !important;
    backdrop-filter: blur(16px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(180%) !important;
    border-bottom: 1px solid rgba(235, 40, 46, 0.15) !important;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.5) !important;
}

/* 2. Cyberpunk Hover Glow on Login/Register Buttons */
.login-buttons a.button.register, .header__signup {
    transition: all 0.3s ease-in-out !important;
    position: relative;
    overflow: hidden;
}
.login-buttons a.button.register:hover, .header__signup:hover {
    transform: translateY(-2px) scale(1.02) !important;
    box-shadow: 0 0 20px rgba(235, 40, 46, 0.6), 0 0 40px rgba(235, 40, 46, 0.2) !important;
    text-shadow: 0 0 8px rgba(255,255,255,0.8) !important;
}

/* 3. Game Cards Premium Hover Effect */
.casino-game-item, .casino-game-image-bc {
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.4s ease !important;
    border-radius: 12px !important;
    overflow: hidden !important;
}
.casino-game-item:hover, .casino-game-image-bc:hover {
    transform: translateY(-8px) scale(1.03) !important;
    box-shadow: 0 15px 35px rgba(0,0,0,0.8), 0 0 25px rgba(235, 40, 46, 0.4) !important;
    border-color: rgba(235, 40, 46, 0.8) !important;
    z-index: 10 !important;
}

/* 4. Sidebar Active State Neon Indicator */
.sidebar__link.active {
    position: relative !important;
    background: linear-gradient(90deg, rgba(235,40,46,0.15) 0%, transparent 100%) !important;
}
.sidebar__link.active::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 10% !important;
    height: 80% !important;
    width: 4px !important;
    background: #eb282e !important;
    box-shadow: 0 0 15px #eb282e, 0 0 5px #eb282e !important;
    border-radius: 0 4px 4px 0 !important;
}

/* 5. Glowing text for headings */
.page-header-title, h1, h2.title {
    text-shadow: 0 2px 10px rgba(235, 40, 46, 0.3) !important;
}

/* 6. Advanced Scrollbar */
::-webkit-scrollbar {
    width: 6px !important;
    height: 6px !important;
}
::-webkit-scrollbar-track {
    background: #050505 !important;
}
::-webkit-scrollbar-thumb {
    background: #660c10 !important;
    border-radius: 10px !important;
}
::-webkit-scrollbar-thumb:hover {
    background: #eb282e !important;
    box-shadow: 0 0 10px #eb282e !important;
}
/* Footer Black BG Override */
footer, .footer, .footer__content, .site-footer {
    background: #000000 !important;
    background-color: #000000 !important;
}