:root {
  --accent: 248, 171, 51 !important;
  --oc-1: 248, 171, 51 !important;
  --oc-2: 75, 255, 0 !important;
  --hero: 248, 171, 51 !important;
  --hero-hover: 102, 173, 75 !important;
  --accent-hover: 102, 173, 75 !important;
  --oc-1-hover: 102, 173, 75 !important;
  --oc-2-hover: 102, 173, 75 !important;
  --hero-sc: 255, 255, 255 !important;
}

/* SITE GENEL GENİŞLİK (%90) */
#root:not(.sportsbook) {
  width: 90% !important;
  margin: auto !important;
}

/* Loyalty */
.loyaltyMedalSliderElBody-bc:last-child { display: none !important; }
span.loyaltyNum-bc.ellipsis { color: #f8ab33 !important; }
span.loyaltyPointsCurrentPlanLabel-bc { color: #f8ab33 !important; }

/* Footer / partner logo */
.ftr-payments-row-img-bc,
.partners-logo-scroll > a { background: none !important; }

/* HOME content */
.is-home-page .layout-content-holder-bc{
  max-width: 1770px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* HEADER: root ile aynı genişlikte kalsın (%90) */
.hdr-main-content-bc{
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

/* Eğer nav’da max-width yüzünden içerik daralıyorsa, root genişliğini kullansın */
#root > div.layout-header-holder-bc > header > div.nav-content-bc > div > nav{
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.hdr-logo-bc { display: block !important; }

/* Slider */
.sdr-iframe-backface-bc { max-height: 130px !important; }
.sdr-item-bc:before { background: transparent !important; }
.sdr-image-bc { object-fit: contain !important; will-change: transform; }

.is-home-page .layout-content-holder-bc .hm-row-bc.has-slider:nth-child(1) .slider-bc:nth-child(2){
  display: none !important;
}
.is-home-page .layout-content-holder-bc .hm-row-bc.has-slider:nth-child(1){
  grid-template-columns: 12fr 0fr !important;
}

/* View more */
.page-view-more{
  background: url('https://i.hizliresim.com/ho8myqm.png');
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  background-position: 50% !important;
  text-align: center !important;
  justify-content: center !important;
  width: 100% !important;
  justify-self: center !important;
  height: 35px !important;
  margin-bottom: 20px !important;
}
.view-title-more{
  color: rgba(var(--oc-2-sc), 1) !important;
  height: 35px;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
}
.view-see-more{
  position: absolute !important;
  right: 0px !important;
}
.ftr-g-content-bc .carousel-count-arrow{
  top: -97px !important;
  right: 20px !important;
}

/* Popup (performans için optimize edilmiş gölge) */
.popup-inner-bc{
  position: relative !important;
  border-radius: 22px !important;
  border: 10px solid transparent !important;
  overflow: hidden !important;
  box-shadow:
    0 0 10px 3px #ff5f0030,
    0 0 10px 6px #ff5f0028,
    0 0 10px 10px 10px #ff5f0020 !important;
}

/* ORBIT BORDER FX + PERFORMANCE */
.promotionsListEl-bc{
  position: relative;
  overflow: hidden;
  border-radius: 18px;
  background: rgba(255,255,255,0.02);
  box-shadow: 0 14px 40px rgba(0,0,0,.35);

  /* performans */
  contain: layout paint;
  will-change: transform;
  transform: translateZ(0);
}

.promotionsListEl-bc::before{
  content:"";
  position:absolute;
  inset:-2px;
  border-radius: 20px;
  pointer-events:none;
  z-index: 2;
  background: conic-gradient(
    from 0deg,
    rgba(255,215,0,0) 0deg,
    rgba(255,215,0,.55) 12deg,
    rgba(255,215,0,0) 24deg,
    rgba(1,240,255,.55) 50deg,
    rgba(1,240,255,0) 70deg,
    rgba(255,255,255,.20) 92deg,
    rgba(255,255,255,0) 120deg,
    rgba(255,215,0,.45) 160deg,
    rgba(255,215,0,0) 210deg,
    rgba(1,240,255,.45) 260deg,
    rgba(1,240,255,0) 320deg,
    rgba(255,215,0,0) 360deg
  );

  /* optimize */
  filter: blur(0.2px) !important;
  opacity: .55 !important;

  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 2px;
  animation: orbitSpin 8s linear infinite !important;
}

.promotionsListEl-bc > *{
  position: relative;
  z-index: 3;
}

.promotionsListEl-bc::after{
  content:"";
  position:absolute;
  inset:-18px;
  border-radius: 28px;
  pointer-events:none;
  z-index: 1;
  background:
    radial-gradient(circle at 30% 30%, rgba(1,240,255,.18), transparent 55%),
    radial-gradient(circle at 70% 60%, rgba(255,215,0,.14), transparent 58%);

  /* optimize */
  filter: blur(10px) !important;
  opacity: .40 !important;
  animation: orbitPulse 4.5s ease-in-out infinite !important;
}

@keyframes orbitSpin{ to { transform: rotate(360deg); } }
@keyframes orbitPulse{
  0%,100% { opacity:.35; transform: scale(1); }
  50%     { opacity:.55; transform: scale(1.02); }
}

.promotionsList-bc{ grid-gap: 25px !important; }

/* Verification */
a[href*="verification.anjouangamingboard.org/validate"]{
  width: min(260px, 80vw) !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

/* Hareket azaltma tercihinde animasyonları kapat (TEK YER) */
@media (prefers-reduced-motion: reduce){
  .promotionsListEl-bc::before,
  .promotionsListEl-bc::after{
    animation: none !important;
  }
}

/* Mobil optimizasyon: pahalı pseudo-efektleri kapat (EN BÜYÜK KAZANÇ) */
@media (max-width: 768px) {
  .promotionsListEl-bc::before,
  .promotionsListEl-bc::after {
    display: none !important;
  }

  .popup-inner-bc {
    box-shadow: 0 0 10px 2px #ff5f0025 !important;
  }
}

/* SPORTSBOOK FULL EKRAN */
#root.sportsbook {
  width: 100vw !important;
  max-width: 100vw !important;
  margin: 0 !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}

#root.sportsbook .layout-header-holder-bc,
#root.sportsbook .layout-content-holder-bc,
#root.sportsbook .layout-content-bc,
#root.sportsbook .layout-content-inner-bc {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

button.btn.s-small.sign-in{
  background: #f8ab33 !important;
  border-color: #f8ab33 !important;
  color: #000 !important;
  font-weight: 700 !important;
  border-radius: 6px !important;
  padding: 6px 12px !important;
  text-decoration: none !important;
}

button.btn.s-small.sign-in span{
  color: #000 !important;
  text-decoration: none !important;
}

button.btn.s-small.sign-in::after{
  display: none !important;
}

button.btn.s-small.sign-in:hover{
  background: #e39a21 !important;
  border-color: #e39a21 !important;
}

/* Product Banner 2 container */
BANNER2_SELECTOR{
  position: relative !important;
  margin-top: 55px !important; /* şerit için yer aç */
}

/* Product Banner 2 wrapper */
#root > div.layout-content-holder-bc > div:nth-child(2){
  position: relative !important;
  margin-top: 55px !important; /* şerit için yer aç */
}

/* Şerit + yazı */
#root > div.layout-content-holder-bc > div:nth-child(2)::before{
  content: "ÖNE ÇIKAN SAĞLAYICILAR";
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: -35px !important;
  height: 35px !important;

  background: url('https://i.hizliresim.com/ho8myqm.png') no-repeat 50% / 100% 100% !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  color: #000 !important;
  font-weight: 700 !important;
  letter-spacing: .5px !important;
  z-index: 50 !important;
  pointer-events: none !important;
}

/* Header'daki küçük yuvarlak ikon 9. yıl (a.header-icon içindeki img) */
#root > div.layout-header-holder-bc > header > div.hdr-main-content-bc > div.logo-container > a.header-icon > img{
  width: 50px !important;        /* büyüklük */
  height: 60px !important;       /* büyüklük */
  object-fit: contain !important;
  transform: translateY(-13px) !important; /* aşağı indir */
}
