/* =========================================================
   HOME SLIDER - BASE
   ========================================================= */

/*
.is-home-page .hm-row-bc.has-slider .sdr-item-holder-bc {
  aspect-ratio: 161 / 41 !important;
  width: 100% !important;
  height: auto !important;
  overflow: hidden !important;
  position: relative !important;
}

.is-home-page .hm-row-bc.has-slider .sdr-item-bc {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  position: relative !important;
}

.is-home-page .hm-row-bc.has-slider .sdr-image-bc {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
}

.is-home-page .hm-row-bc.has-slider .sdr-iframe-holder-bc {
  width: 100% !important;
  height: 100% !important;
  position: relative !important;
  overflow: hidden !important;
}

.is-home-page .hm-row-bc.has-slider .sdr-iframe-bc,
.is-home-page .hm-row-bc.has-slider .sdr-iframe-backface-bc {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
}

.is-home-page .hm-row-bc.has-slider .swiper-slide {
  height: auto !important;
}

.is-home-page .hm-row-bc.has-slider .swiper-wrapper {
  align-items: stretch !important;
}


/* =========================================================
   HOME SLIDER - MOBILE
   ========================================================= */
/*
@media (max-width: 767px) {
  .is-home-page .hm-row-bc.has-slider .sdr-item-holder-bc {
    aspect-ratio: 54 / 25 !important;
    width: 100% !important;
    height: auto !important;
    overflow: hidden !important;
    position: relative !important;
    background: rgb(32, 38, 56) !important;
  }

  .is-home-page .hm-row-bc.has-slider .sdr-item-bc {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    position: relative !important;
  }

  .is-home-page .hm-row-bc.has-slider .sdr-image-bc {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    background: rgb(32, 38, 56) !important;
  }

  .is-home-page .hm-row-bc.has-slider .sdr-iframe-holder-bc {
    width: 100% !important;
    height: 100% !important;
    position: relative !important;
    overflow: hidden !important;
    background: rgb(32, 38, 56) !important;
  }

  .is-home-page .hm-row-bc.has-slider .sdr-iframe-bc,
  .is-home-page .hm-row-bc.has-slider .sdr-iframe-backface-bc {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    border: 0 !important;
  }

  .is-home-page .hm-row-bc.has-slider .swiper-slide {
    height: auto !important;
  }

  .is-home-page .hm-row-bc.has-slider .swiper-wrapper {
    align-items: stretch !important;
  }
}


/* =========================================================
   STORIES RING - MOBILE
   ========================================================= */
/*
@media (max-width: 767px) {
  .is-home-page .storiesWidgetWrapper .storiesWidgetListItem,
  .is-home-page .storiesWidgetWrapper .horizontal-sl-item-bc,
  .is-home-page .storiesWidgetWrapper .accordion-button {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
  }

  .is-home-page .storiesWidgetWrapper .horizontal-sl-icon-bc {
    border: none !important;
    outline: none !important;
    box-shadow: 0 0 0 4px rgb(227, 102, 42) !important;
    border-radius: 50% !important;
  }

  .is-home-page .storiesWidgetWrapper .horizontal-sl-item-bc::before,
  .is-home-page .storiesWidgetWrapper .horizontal-sl-item-bc::after,
  .is-home-page .storiesWidgetWrapper .storiesWidgetListItem::before,
  .is-home-page .storiesWidgetWrapper .storiesWidgetListItem::after,
  .is-home-page .storiesWidgetWrapper .accordion-button::before,
  .is-home-page .storiesWidgetWrapper .accordion-button::after,
  .is-home-page .storiesWidgetWrapper .horizontal-sl-icon-bc::before,
  .is-home-page .storiesWidgetWrapper .horizontal-sl-icon-bc::after {
    content: none !important;
    display: none !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
  }

  .is-home-page .storiesWidgetWrapper .storiesWidgetListItem.visited .horizontal-sl-icon-bc,
  .is-home-page .storiesWidgetWrapper .storiesWidgetListItem.seen .horizontal-sl-icon-bc,
  .is-home-page .storiesWidgetWrapper .storiesWidgetListItem.viewed .horizontal-sl-icon-bc,
  .is-home-page .storiesWidgetWrapper .storiesWidgetListItem.read .horizontal-sl-icon-bc,
  .is-home-page .storiesWidgetWrapper .storiesWidgetListItem.watched .horizontal-sl-icon-bc,
  .is-home-page .storiesWidgetWrapper .horizontal-sl-item-bc.visited .horizontal-sl-icon-bc,
  .is-home-page .storiesWidgetWrapper .horizontal-sl-item-bc.seen .horizontal-sl-icon-bc,
  .is-home-page .storiesWidgetWrapper .horizontal-sl-item-bc.viewed .horizontal-sl-icon-bc,
  .is-home-page .storiesWidgetWrapper .horizontal-sl-item-bc.read .horizontal-sl-icon-bc,
  .is-home-page .storiesWidgetWrapper .horizontal-sl-item-bc.watched .horizontal-sl-icon-bc {
    box-shadow: 0 0 0 4px #8f959e !important;
  }
}


/* =========================================================
   MOBILE HEADER - PROMOTION / DEPOSIT ICONS POSITION
   ========================================================= */

/* Make header usable for absolute-positioned custom buttons */

.is-home-page .hdr-main-content-bc,
.hdr-main-content-bc {
  position: relative !important;
}

/* Place extra icon block beside login/register */
/*
.is-home-page .hdr-additional-info,
.hdr-additional-info {
  position: absolute !important;
  top: 50% !important;
  right: 170px !important; 
  transform: translateY(-50%) !important;
  z-index: 20 !important;
  display: flex !important;
  align-items: center !important;
}

/* Clean wrapper spacing */
/*
.is-home-page .hdr-additional-info .hdr-user-bc,
.hdr-additional-info .hdr-user-bc {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Keep login/register grouped */
/*
.is-home-page .hdr-main-content-bc > .hdr-user-bc,
.hdr-main-content-bc > .hdr-user-bc {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

/* Remove wrapper background */
/*
.hdr-additional-info,
.hdr-additional-info .hdr-user-bc {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  padding: 0 !important;
}

/* Style the icon buttons */
/*
.is-home-page .hdr-additional-info .user-nav-icon,
.hdr-additional-info .user-nav-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  background: rgb(123, 251, 117) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  border: none !important;
  text-decoration: none !important;
}


/* =========================================================
   ODDS - MOBILE
   ========================================================= */

.market-odd-bc {
  color: #ffffff !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

@media (max-width: 767px) {
  .market-odd-bc {
    font-size: 14px !important;
  }
}


/* =========================================================
   PROMOTIONS CARDS - MOBILE
   ========================================================= */

@media (max-width: 767px) {
  .promotionsListEl-bc {
    border-radius: 10px !important;
    overflow: hidden !important;
  }

  .promotions-article-title {
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}


/* =========================================================
   CASINO GAME CARDS - MOBILE
   ========================================================= */

@media (max-width: 767px) {
  .casinoGameItem,
  .casinoGameItemImage,
  .casino-game-item,
  .casino-game-item-image-bc {
    border-radius: 15px !important;
    overflow: hidden !important;
  }

  .casinoGameItemContent,
  .casino-game-item-content {
    border-radius: 0 !important;
    overflow: visible !important;
  }
}


/* =========================================================
   GLOBAL FONT
   ========================================================= */

body,
button,
input,
select,
textarea,
p,
span,
a,
li,
label,
h1,
h2,
h3,
h4,
h5,
h6,
.checkbox-control-text-bc,
.casino-popup-title,
.casino-popup-content,
.promotions-article-title,
.header-icon-text,
.nav-menu-item,
.hdr-user-info-texts-bc,
.sp-button-content-text-bc,
.form-control-label-bc,
.view-title-more,
.horizontal-sl-title-bc {
  font-family: "IRANSemiBold", Roboto, Arial, Helvetica, sans-serif !important;
  font-weight: 200 !important;
}


/* =========================================================
   FIX CLIPPED TEAM NAMES
   ========================================================= */

.multi-column-content > li:first-child {
  min-height: 72px !important;
  height: auto !important;
  align-items: center !important;
}


/* =========================================================
   GREEN THEME OVERRIDES
   Target green: rgb(123, 251, 117)
   ========================================================= */


/* -----------------------------------------
   Promotions button
   ----------------------------------------- */
/*
.header-custom-buttons .header-icon-text.bc-i-promotions {
  background: rgb(123, 251, 117) !important;
  border-color: rgb(123, 251, 117) !important;
  color: #000000 !important;
}

.header-custom-buttons .header-icon-text.bc-i-promotions span {
  color: #000000 !important;
}

/* Promotions icon black */
/*
.user-nav-icon.bc-i-promotions {
  color: #000000 !important;
}

.user-nav-icon.bc-i-promotions::before {
  color: #000000 !important;
}


/* -----------------------------------------
   Deposit icon button
   ----------------------------------------- */
/*
.user-nav-icon.bc-i-circle-dollar {
  color: #000000 !important;
}

.user-nav-icon.bc-i-circle-dollar::before {
  color: #000000 !important;
}


/* -----------------------------------------
   Register button
   ----------------------------------------- */
/*
button.btn.s-small.register {
  background: rgb(123, 251, 117) !important;
  border-color: rgb(123, 251, 117) !important;
  color: #000000 !important;
}

button.btn.s-small.register span {
  color: #000000 !important;
}


/* -----------------------------------------
   Green action buttons
   Includes:
   - deposit button
   - login submit button
   - similar a-color buttons
   ----------------------------------------- */

a.btn.a-color.header-icon-text.bc-i-circle-dollar,
.entrance-form-actions-holder-bc .btn.a-color,
.entrance-form-action-item-bc .btn.a-color,
button.btn.a-color[type="submit"] {
  background: rgb(123, 251, 117) !important;
  border-color: rgb(123, 251, 117) !important;
  color: #000000 !important;
}

a.btn.a-color.header-icon-text.bc-i-circle-dollar span,
.entrance-form-actions-holder-bc .btn.a-color span,
.entrance-form-action-item-bc .btn.a-color span,
button.btn.a-color[type="submit"] span {
  color: #000000 !important;
}

a.btn.a-color.header-icon-text.bc-i-circle-dollar::before {
  color: #000000 !important;
}


/* =========================================================
   MOBILE TOP NAV / HORIZONTAL HEADER LINKS
   ========================================================= */

/* Active / hover top bar line */
/*
.nav-menu-container.header-navigation .nav-menu-item:hover,
.nav-menu-container.header-navigation li:hover > .nav-menu-item,
.nav-menu-container.header-navigation .nav-menu-item.active,
.nav-menu-container.header-navigation li.active > .nav-menu-item {
  border-color: rgb(123, 251, 117) !important;
  border-top-color: rgb(123, 251, 117) !important;
  box-shadow: inset 0 3px 0 rgb(123, 251, 117) !important;
}

/* Pseudo elements for hover / active */
/*
.nav-menu-container.header-navigation li:hover > .nav-menu-item::before,
.nav-menu-container.header-navigation li:hover > .nav-menu-item::after,
.nav-menu-container.header-navigation li.active > .nav-menu-item::before,
.nav-menu-container.header-navigation li.active > .nav-menu-item::after,
.nav-menu-container.header-navigation .nav-menu-item[aria-current="page"]::before,
.nav-menu-container.header-navigation .nav-menu-item[aria-current="page"]::after,
.nav-menu-container.header-navigation .nav-menu-item.active::before,
.nav-menu-container.header-navigation .nav-menu-item.active::after {
  background: rgb(123, 251, 117) !important;
  border-color: rgb(123, 251, 117) !important;
}

/* Mobile header scrollable nav active badge/new badge styling */
/*
a.hdr-navigation-link-bc.badge-new {
  position: relative !important;
}

a.hdr-navigation-link-bc.badge-new::before,
a.hdr-navigation-link-bc.badge-new::after {
  background: rgb(123, 251, 117) !important;
  border-color: rgb(123, 251, 117) !important;
  color: #000000 !important;
}


/* =========================================================
   BADGES
   ========================================================= */
/*
.nav-menu-item[data-badge]::before,
.nav-menu-item[data-badge]::after,
.badge-new::before,
.badge-new::after {
  color: #000000 !important;
}


/* =========================================================
   LIVECHAT
   Add your hide / betslip-open rules below this section
   ========================================================= */



/*New CSS*/
  .header-bc .hdr-logo-bc {
    max-width:110px!important; 
}

.sliderSingleEl .sliderImage img{
    width:125px!important;
}
.storiesWidgetListItem:not(.storiesItemSkeleton):not(.visited):before {
    background: rgba(var(--hero),1)!important;
}
.featuredGames .view-title-more {
    display: flex;
    justify-content: center;
    align-items: center;
}

.featuredGames .view-title-more::before,
.featuredGames .view-title-more::after {
    content: "";
    display: block;
    width: 65px;
    height: 2px;
    background: linear-gradient(90deg, transparent, #2dff5f);
    border-radius: 2px;
   }
.featuredGames  .view-title-more::before {
    margin-right: 10px;
}

.featuredGames .view-title-more::after {
    margin-left: 10px;
}
/* --- Base Styles (Adjusted for RTL compatibility) --- */
.justiceGames .view-title-more,
.games-content > .page-view-more .view-title-more {
    display: flex;
    align-items: center;
    position: relative;
    /* Use logical padding: starts on left in LTR, right in RTL */
    padding-inline-start: 30px; 
    padding-inline-end: 0;
    text-shadow: 0 0 14px rgba(45, 255, 95, .25);
    color: #d9ffd9;
}

.justiceGames .view-title-more::before,
.games-content > .page-view-more .view-title-more::before {
    content: "\2605";
    position: absolute;
    /* Use logical positioning */
    inset-inline-start: 0; 
    display: flex;
    align-items: center;
    height: 100%;
    color: #2dff5f;
    font-size: 14px;
    /* Use logical border and padding */
    border-inline-start: 3px solid #2dff5f;
    padding-inline-start: 8px;
}

/* --- Specific RTL Overrides for Farsi --- */
[dir="rtl"] .justiceGames .view-title-more,
[dir="rtl"] .games-content > .page-view-more .view-title-more {
    padding-left: 0;
    padding-right: 30px;
}

[dir="rtl"] .justiceGames .view-title-more::before,
[dir="rtl"] .games-content > .page-view-more .view-title-more::before {
    left: auto;
    right: 0;
    border-left: none;
    border-right: 3px solid #2dff5f;
    padding-left: 0;
    padding-right: 8px;
}

.product-banner-1 .product-banner-container-bc.col-1.product-banner-without-titles {
    background: transparent !important;
}

.additional-banner-1 .product-banner-container-bc.col-2.product-banner-without-titles {
    background: transparent !important;
}
.additional-banner-2 .product-banner-container-bc.col-2.product-banner-without-titles {
    background: transparent !important;
}


.hdr-additional-info a.user-nav-icon.bc-i-circle-dollar {
    background: #2eff5f !important;
}
.hdr-additional-info a.user-nav-icon.bc-i-live-chat {
    background: #2eff5f !important;
}
.user-nav-icon.bc-i-circle-dollar::before {
  color: #000000 !important;
}
.user-nav-icon.bc-i-live-chat::before {
  color: #000000 !important;
}
.user-nav-icon.bc-i-promotions::before {
  color: #000000 !important;
}


/* featured Games */
.hm-row-bc .featuredGames .swiper-slide{
    box-shadow: 
        0 0 20px 5px rgb(45 255 95 / 20%), 
        0 0 15px rgba(45, 255, 95, 0.1)!important;
}
.hm-row-bc .featuredGames .swiper-slide .featuredGameItem {
    border:none !important; 
}
.hm-row-bc .featuredGames .carousel{
    overflow: visible !important;
    margin-bottom: 20px!important;
    margin-left: 10px!important;
    margin-right: 10px!important;
}
.hm-row-bc .featuredGames .page-view-more{
    margin-bottom: 15px !important;
}

.featuredGames {
    margin-top: 15px !important;
}