/* Local-only: hide Swarm/CMS loader overlays. Do not hide the parent
   .popup-holder-bc — mobile login/register live in that same full-screen
   content-manager and also contain a .bc-loader. */
.loader-popup,
.loader-popup-text {
  display: none !important;
  pointer-events: none !important;
}

/* Sezar game-card skin was written for the old .casino-game-item class.
   Spring 4.19.1 uses .casinoGameItem — map the same design 1:1. */
.casinoGameItemContent,
.casinoGameItem {
  border-radius: 8px !important;
  overflow: hidden !important;
}

.casinoGameItem {
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.casinoGameItemContent:hover .casinoGameItem,
.casinoGameItem:hover {
  transform: translateY(-4px) !important;
  box-shadow:
    0 8px 24px rgba(201, 169, 110, 0.15),
    0 0 0 1px rgba(243, 222, 181, 0.1) !important;
}

.casinoGameItemImage {
  border-radius: 8px !important;
  transition: transform 0.4s ease !important;
}

.casinoGameItemContent:hover .casinoGameItemImage,
.casinoGameItem:hover .casinoGameItemImage {
  transform: scale(1.05) !important;
}

.casinoGameItemLabelBc {
  font-family: "Quicksand", sans-serif !important;
  font-weight: 700 !important;
}

.casinoGameButtons .btn.a-color {
  background: linear-gradient(135deg, #c9a96e 0%, #f3deb5 50%, #c9a96e 100%) !important;
  color: #0c141e !important;
  border: none !important;
}

div.featuredGameItem.Tennis {
  background:
    linear-gradient(180deg, rgba(12, 21, 30, 0.35), rgba(12, 21, 30, 0.2)),
    url(/pamimage/images/1772023631343-sezar-maci-alani-bg-wkd9rm.png) center / cover no-repeat !important;
}

.featuredGameItem .market-odd-bc {
  color: #cbb28d !important;
  font-size: 13px !important;
}

.featuredGameItemTimeAdditionalInfo {
  color: #fff !important;
}

/* Skin had zeroed .layout-footer-holder-bc so the expanded footer had no panel. */
.layout-footer-holder-bc,
.layout-footer-holder-bc.active,
.layout-footer-holder-bc .footerWrapper {
  background-color: #0d151e !important;
  background-image: none !important;
}

/* Footer: compact, centered legal / payments / copyright (web + mobile). */
.layout-footer-holder-bc,
.layout-footer-holder-bc .footerWrapper,
.footerWrapper,
.footerLinksSection,
.footerLinkCols,
.footerCopyrights,
.footerWarning,
.footerWarningText,
.copyRightBlock {
  text-align: center !important;
}

.footerLinksSection {
  justify-content: center !important;
  margin-bottom: 16px !important;
  padding-bottom: 0 !important;
}

.footerLinkCols {
  justify-content: center !important;
}

.footerLinkCol,
.footerLinkColTitle,
.footerLinkColLinks,
.footerLinkColEl {
  text-align: center !important;
}

.footerLinkColTitle,
.footerLinkColTitle a {
  justify-content: center !important;
}

.layout-footer-holder-bc .sliderContent:not(:last-child) {
  margin-bottom: 12px !important;
}

.layout-footer-holder-bc .sliderGroup,
.sliderContent > .sliderGroup {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  height: auto !important;
  min-height: 0 !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.layout-footer-holder-bc .sliderGroup > * {
  flex: none !important;
}

.sliderContent .sliderTitle {
  text-align: center !important;
  width: 100% !important;
  margin-bottom: 8px !important;
}

/* Skin forced first footer cell to 60x60 for the license seal.
   Legal copy must never inherit that box — and never use a 720px flex-basis
   (column flex treats that as HEIGHT, which blew the footer open). */
.sliderContent > .sliderGroup > .sliderSingleElWrapper:has(.ftr-copy-rights-bc),
.sliderContent .sliderSingleElWrapper:has(.ftr-copy-rights-bc) {
  flex: none !important;
  flex-basis: auto !important;
  max-width: 720px !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 auto 8px !important;
}

.sliderContent > .sliderGroup > .sliderSingleElWrapper:has(.ftr-copy-rights-bc) .sliderSingleEl,
.sliderContent .sliderSingleElWrapper:has(.ftr-copy-rights-bc) .sliderSingleEl,
.sliderContent .ftr-copy-rights-bc .sliderSingleEl {
  width: auto !important;
  height: auto !important;
  max-width: 720px !important;
  min-height: 0 !important;
  margin: 0 auto !important;
}

.sliderContent > .sliderGroup > .sliderSingleElWrapper:has(.ftr-copy-rights-bc) .sliderSingleEl::before,
.sliderContent .sliderSingleElWrapper:has(.ftr-copy-rights-bc) .sliderSingleEl::before,
.sliderContent .ftr-copy-rights-bc .sliderSingleEl::before {
  display: none !important;
}

.sliderContent .ftr-copy-rights-bc,
.sliderContent .ftr-copy-rights-bc p {
  max-width: 640px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  white-space: normal !important;
  text-align: center !important;
}

.sliderContent .ftr-copy-rights-bc p {
  margin-top: 0 !important;
  margin-bottom: 8px !important;
}

.layout-footer-holder-bc .horizontalSliderWrapper {
  height: auto !important;
  overflow: visible !important;
}

.layout-footer-holder-bc .horizontalSliderRow:has(.horizontalSliderElem) {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  white-space: normal !important;
  transform: none !important;
  width: 100% !important;
  height: auto !important;
}

.copyRightBlock {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 10px !important;
  padding-top: 12px !important;
  padding-bottom: 16px !important;
}

.footerCopyrights,
.footerWarning {
  width: auto !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  justify-content: center !important;
  align-items: center !important;
}

.footerWarning {
  flex-direction: row !important;
  flex-wrap: wrap !important;
}

.footerWarningText {
  max-width: 640px !important;
  text-align: center !important;
}

/* BetConstruct icon font — never inherit Quicksand / bogus font-weight from skin */
[class^="bc-i-"],
[class*=" bc-i-"],
i[class*="bc-i-"] {
  font-family: BetConstruct-Icons !important;
  font-weight: 400 !important;
  font-style: normal !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Mobile payment method logos in deposit sheet */
html.is-mobile .dep-w-info-bc .payment-logo,
html.is-mobile .m-nav-items-list-item-bc .payment-logo {
  max-height: 40px !important;
  width: auto !important;
  object-fit: contain !important;
}

html.is-mobile .dep-w-info-bc .m-block-nav-items-bc {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  padding: 12px !important;
}

.sezar-launch-error {
  position: fixed;
  left: 12px;
  right: 12px;
  bottom: calc(16px + env(safe-area-inset-bottom, 0px));
  z-index: 2147483000;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  background: #1a2230;
  color: #f3deb5;
  border: 1px solid #aa7f00;
  border-radius: 12px;
  padding: 14px 12px 14px 16px;
  font: 14px/1.45 Quicksand, sans-serif;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
}

.sezar-launch-error p {
  margin: 0;
  flex: 1;
}

.sezar-launch-error button {
  appearance: none;
  border: 0;
  background: transparent;
  color: #f3deb5;
  font-size: 22px;
  line-height: 1;
  padding: 0 4px;
}

/* Perf: jackpot bg webp (overrides BC CasinoJackpotWidget CSS) */
.casino-jackpot-widget.casino-jackpot-widget--widget {
  background-image: url(/assets/jackpot-bg.webp) !important;
}

/* Mobile: keep tab bar clear of chat FAB + scroll-to-top */
html.is-mobile {
  --sezar-tab-clearance: calc(72px + env(safe-area-inset-bottom, 0px));
}

/* Mobile: clear fixed header + horizontal nav so hero slider is not tucked underneath.
   Content holder grid'de zaten --mobile-header-main-section-height kadar aşağıda
   başlıyor; sadece custom.css'in büyüttüğü logo satırının taşan kısmı + yatay nav
   kadar pay bırakıyoruz, üzerine 8px nefes payı. */
html.is-mobile .layout-content-holder-bc {
  padding-top: calc(
    56px + var(--mobile-header-navigation-height, 40px) -
      var(--mobile-header-main-section-height, 49px) + 8px +
      env(safe-area-inset-top, 0px)
  ) !important;
}

html.is-mobile .header-bc {
  z-index: 950 !important;
}

html.is-mobile .hm-row-bc.has-slider:first-of-type {
  margin-top: 0 !important;
  position: relative;
  z-index: 1;
}

html.is-mobile .layout-content-holder-bc,
html.is-mobile .page-view-more-bc,
html.is-mobile .hm-row-bc.homepage,
html.is-mobile .layout-content-holder-bc > .scroll-start {
  padding-bottom: var(--sezar-tab-clearance) !important;
}

/* Pulse CRM live chat — lift FAB above tab bar via offset only (never transform:
   transform on the host also shifts the open fullscreen sheet and hides the close control). */
html.is-mobile #pulseLiveChatRoot:not(.lcw-sheet-open),
#pulseLiveChatRoot:not(.lcw-sheet-open) {
  --lcw-offset-bottom: var(--sezar-tab-clearance, 72px) !important;
  --lcw-offset: 8px !important;
  --lcw-edge: 16px !important;
}

html.is-mobile #pulseLiveChatRoot.lcw-sheet-open,
#pulseLiveChatRoot.lcw-sheet-open,
html body #pulseLiveChatRoot.lcw-sheet-open {
  --lcw-offset-bottom: 0px !important;
  --lcw-offset: 0px !important;
  --lcw-edge: 0px !important;
  transform: none !important;
  filter: none !important;
}

html.is-mobile #pulse-live-chat-button,
html.is-mobile #pulse-live-chat-button > *,
html.is-mobile [id^="pulse-live-chat"],
html.is-mobile iframe[src*="pulsecrm"] {
  bottom: var(--sezar-tab-clearance) !important;
}

/* Pulse FAB must stay clickable above SoftSwiss chrome; custom R2 images often fail. */
#pulseLiveChatRoot,
#pulse-live-chat-button {
  z-index: 2147483000 !important;
}
#pulseLiveChatRoot:not(.lcw-sheet-open) {
  pointer-events: none;
}
#pulseLiveChatRoot.lcw-sheet-open,
#pulseLiveChatRoot.lcw-sheet-open * {
  pointer-events: auto !important;
}
#pulseLiveChatRoot .lcw-image-fab,
#pulseLiveChatRoot .lcw-mobile-text-btn,
#pulseLiveChatRoot .lcw-text-link,
#pulseLiveChatRoot button,
#pulse-live-chat-button .lcw-image-fab {
  pointer-events: auto !important;
}
#pulseLiveChatRoot .lcw-image-fab {
  min-width: 64px !important;
  min-height: 64px !important;
  width: 64px !important;
  height: 64px !important;
  border-radius: 50% !important;
  background: #d8950a !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.4) !important;
  overflow: hidden !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  padding: 0 !important;
}
#pulseLiveChatRoot .lcw-image-fab img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

/* BC / theme floating circles that sit over DESTEK */
html.is-mobile .scroll-to-top-bc,
html.is-mobile .scrollTopButton,
html.is-mobile button[data-testid="scroll-top-button"],
html.is-mobile .go-to-top-bc {
  bottom: calc(var(--sezar-tab-clearance) + 64px) !important;
  z-index: 40 !important;
}

html.is-mobile .tab-navigation-w-bc {
  z-index: 50 !important;
}

/* Promoted product circles must sit above the tab bar, not through it */
html.is-mobile .product-banner-container-bc,
html.is-mobile .product-banner-container-bc.product-banner-without-titles {
  margin-bottom: calc(var(--sezar-tab-clearance) + 8px) !important;
  padding-bottom: 8px !important;
  position: relative !important;
  z-index: 1 !important;
}

/* Custom payment tiles without CMS artwork */
html.is-mobile .m-nav-items-list-item-bc .payment-logo[src*="payment-logos"],
.m-nav-items-list-item-bc .payment-logo[src*="payment-logos"] {
  max-width: 100% !important;
  max-height: 44px !important;
  object-fit: contain !important;
}

/* Hero slider only — secondary banners must not be forced to 16:9 (empty gap). */
html.is-mobile .hm-row-bc.has-slider:first-of-type .slider-bc:not(.collapsed) .sdr-item-holder-bc,
html.is-mobile .hm-row-bc.has-slider:first-of-type .slider-bc:not(.collapsed) .sdr-item-bc {
  aspect-ratio: 16 / 9 !important;
  height: auto !important;
}
html.is-mobile .hm-row-bc.has-slider:first-of-type .slider-bc:not(.collapsed) .sdr-image-bc {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
}
html.is-mobile .hm-row-bc.has-slider:not(:first-of-type) .slider-bc:not(.collapsed) .sdr-item-holder-bc,
html.is-mobile .hm-row-bc.has-slider:not(:first-of-type) .slider-bc:not(.collapsed) .sdr-item-bc {
  aspect-ratio: auto !important;
  height: auto !important;
  max-height: 120px !important;
}
html.is-mobile .hm-row-bc.has-slider:not(:first-of-type) .slider-bc:not(.collapsed) .sdr-image-bc {
  width: 100% !important;
  height: auto !important;
  max-height: 120px !important;
  object-fit: contain !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   Erişilebilirlik düzeltmeleri — canlı sitede ölçülen değerlere göre.
   Kaynak: 375px mobil viewport'ta 31 dokunma hedefi 44px'in altındaydı.
   ══════════════════════════════════════════════════════════════════════════ */

/* Sitenin en kritik iki butonu 72x30 ve 72x28 px idi: parmakla ıskalanıyordu.
   Apple HIG ve WCAG 2.5.5 asgari 44x44 CSS px öneriyor. */
html.is-mobile .btn.s-small.sign-in,
html.is-mobile .btn.s-small.register {
  min-height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Üst gezinme bağlantıları 40px idi. */
html.is-mobile .hdr-navigation-link-bc {
  min-height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
}

/* Dil seçici 35px idi. */
html.is-mobile .form-control-select-bc {
  min-height: 44px !important;
}

/* Footer bağlantıları 14–15px yükseklikteydi — satır aralığı kadar bile
   dokunma alanı yoktu. WCAG 2.5.8 (AA) asgarisi 24x24 px; footer'ı gereksiz
   uzatmamak için oraya çekiyoruz, tıklama alanı iki katından fazla oluyor. */
html.is-mobile .footerLinkColEl a,
html.is-mobile .footerLinkColTitle a {
  display: inline-block !important;
  min-height: 24px !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

/* "18+" uyarısı koyu zeminde 2.65:1 kontrastla okunmuyordu (eşik 4.5:1).
   Aynı pembe ailesinde daha açık bir ton: 7.3:1. */
.footerWarning .footerWarningAge,
html.is-mobile .footerWarning .footerWarningAge {
  color: #ef7fb4 !important;
}