/* 
Theme Name: Topbet
Theme URI: https://github.com/elementor/hello-theme-child/
Description: This is a child theme of Hello Elementor
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Shadow Gradient */

@media (min-width: 1367px){
 .advent-page::before, .halloween-footer::before{
  content: "";
    position: absolute;
    top: 0;
    left: 0px;
    width: 180px;
    height: 100%;
    z-index: 10;
    background: linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));

}

.don-advent-calendar .bonus-card, .advent-terms-toggle, .close-popup-button, #show-details, #hide-details{
    cursor: pointer;
}


.advent-page::after, .halloween-footer::after{
    content: "";
    position: absolute;
    top: 0;
    right: 0px;
    width: 180px;
    height: 100%;
    z-index: 10;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.01), rgb(0 0 0));
}
}


/* Advent calendar */
@font-face {
  font-family: 'Avenir Next';
  src: url('https://promo.topbet.ro/wp-content/uploads/2025/12/font-2.woff') format('woff'),
    url('https://promo.topbet.ro/wp-content/uploads/2025/12/font-2.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

.close-popup-button{
  position: absolute;
  top: -30px;
  right: 20px;
  color:white;
  font-size: 20px;
  font-weight: 700;
}
.don-advent-calendar{
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}

.don-advent-calendar .inactive-bonus,
.don-advent-calendar .day-carousel-items .past-bonus {
  filter: grayscale(1);
}
.don-advent-calendar .day-carousel-section {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.don-advent-calendar .tournament-section{
    width: 950px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
}
.don-advent-calendar .tournament-section .tournament-card{
  width: calc(50% - 15px);
  background-image: url('/wp-content/uploads/2025/11/topbet-tournamnet-bg.png');
  background-repeat: no-repeat;
  background-size: contain;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  text-align: center;
  /* padding: 55px 45px 55px; */
  font-size: 23px;
  text-shadow: 0 3.777px 3.777px rgba(0, 0, 0, 0.60);
  font-family: "Avenir Next";
  line-height: 110%; /* 24.927px */
  letter-spacing: 0.906px;
  text-transform: uppercase;
  height: 227px;
  cursor: pointer !important;
}
.don-advent-calendar .tournament-section .tournament-card span:not(.tournament-date){
  display: block;
  width: 100%;
  text-align: center;
  /* text-shadow: 0 4px 1.9px rgba(0, 0, 0, 0.90); */
  font-family: "Avenir Next";
  font-size: 32px;
  font-style: italic;
  font-weight: 700;
  line-height: 130.869%; /* 32.613px */
  text-transform: uppercase;
  background: linear-gradient(0deg, #9C9C9C 19.05%, #FEFEFE 92.06%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.don-advent-calendar .tournament-section .tournament-card span.tournament-date{
  color: #F8EE2C;
  text-align: center;
  text-shadow: 0 4px 0 rgba(0, 0, 0, 0.80);
  font-family: "Avenir Next";
  font-size: 20.039px;
  font-style: italic;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}
.don-advent-calendar .day-carousel-items {
  display: flex;
  transition: transform 0.3s ease-in-out;
  gap: 5px;
}
.don-advent-calendar .day-carousel-items .bonus-card {
  /* min-width: 120px; */
  height: 190px;
  background-size: contain;
  background-repeat: no-repeat;
}

.don-advent-calendar .day-carousel-items #bonusCard19.bonus-card{
  background-image: url('https://promo.topbet.ro/wp-content/uploads/2025/12/topbet-day19.png');
}
.don-advent-calendar .day-carousel-items #bonusCard20.bonus-card{
  background-image: url('https://promo.topbet.ro/wp-content/uploads/2025/12/topbet-day20.png');
}
.don-advent-calendar .day-carousel-items #bonusCard21.bonus-card{
  background-image: url('https://promo.topbet.ro/wp-content/uploads/2025/12/topbet-day21.png');
}
.don-advent-calendar .day-carousel-items #bonusCard22.bonus-card{
 background-image: url('https://promo.topbet.ro/wp-content/uploads/2025/12/topbet-day22.png');
}
.don-advent-calendar .day-carousel-items #bonusCard23.bonus-card{
  background-image: url('https://promo.topbet.ro/wp-content/uploads/2025/12/topbet-day23.png');
}
.don-advent-calendar .day-carousel-items #bonusCard24.bonus-card{
  background-image: url('https://promo.topbet.ro/wp-content/uploads/2025/12/topbet-day24.png');
}
.don-advent-calendar .day-carousel-items #bonusCard25.bonus-card{
  background-image: url('https://promo.topbet.ro/wp-content/uploads/2025/12/topbet-day25.png');
}
.don-advent-calendar .day-carousel-items #bonusCard26.bonus-card{
  background-image: url('https://promo.topbet.ro/wp-content/uploads/2025/12/topbet-day26.png');
}
.don-advent-calendar .day-carousel-items #bonusCard27.bonus-card{
  background-image: url('https://promo.topbet.ro/wp-content/uploads/2025/12/topbet-day27.png');
}
.don-advent-calendar .day-carousel-items #bonusCard28.bonus-card{ 
 background-image: url('https://promo.topbet.ro/wp-content/uploads/2025/12/topbet-day28.png');
}
.don-advent-calendar .day-carousel-items #bonusCard29.bonus-card{
  background-image: url('https://promo.topbet.ro/wp-content/uploads/2025/12/topbet-day29.png');
}
.don-advent-calendar .day-carousel-items #bonusCard30.bonus-card{
  background-image: url('https://promo.topbet.ro/wp-content/uploads/2025/12/topbet-day30.png');
}
.don-advent-calendar .day-carousel-items .unlocked-bonus{
  background-image: url('https://promo.topbet.ro/wp-content/uploads/2025/12/locked-globe-5.png') !important;
}
.don-advent-calendar .day-carousel-section .carousel-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0,0,0,0);
  color: white;
  border: none;
  padding: 10px;
  cursor: pointer;
  z-index: 1;
}
.day-carousel-section .carousel-btn.prev { left: 0px;}
.day-carousel-section .carousel-btn.next { right: 0px; }

.advent-campaign .modal-content.tournamnet-card {
  background-image: url('https://promo.topbet.ro/wp-content/uploads/2025/12/popup-tournament-bg-desktop.png');
  background-size:contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 500px !important;
  height: 600px !important;
  position: relative;
}
.advent-campaign .modal-content.bonus-card
 {
  background: url(https://promo.topbet.ro/wp-content/uploads/2025/12/popup-daily-desktop-img.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 500px !important;
  height: 600px !important;
  position: relative;
}
.advent-campaign .modal-content.tournamnet-card h1,
.advent-campaign .modal-content.bonus-card h1{
  text-align: center;
  text-shadow: 0 8px 20px rgba(0, 0, 0, 0.60);
  font-family: "Avenir Next";
  font-size: 32px;
  font-style: italic;
  font-weight: 700;
  line-height: 101.869%;
  text-transform: uppercase;
  width: 300px;
  margin: 0 auto;
  background: linear-gradient(0deg, #9C9C9C 19.05%, #FEFEFE 92.06%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.advent-campaign .modal-content.bonus-card h1{
  margin-top: 360px;
  width:350px;
}
.advent-campaign .modal-content.tournamnet-card .advent-terms-toggle,
.advent-campaign .modal-content.bonus-card .advent-terms-toggle{
  color: #D9D5D5;
  text-align: center;
  font-family: "Avenir Next";
  font-size: 14.316px;
  font-style: italic;
  font-weight: 600;
  line-height: 120%; /* 17.179px */
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
}
.advent-campaign .modal-content .don-ro-button{
  display: block;
  text-align: center;
  color: #080F21;
  text-align: center;
  font-family: "Avenir Next";
  font-size: 18px;
  font-style: italic;
  font-weight: 700;
  line-height: 100%; /* 18px */
  text-transform: uppercase;
  background: url(https://promo.topbet.ro/wp-content/uploads/2025/12/popup-btn.png);
  background-size: contain;
  width: 315px;
  background-repeat: no-repeat;
  margin-inline: auto;
  padding: 19px 0;
  background-position: center;
  margin-bottom: 10px;
}
.advent-campaign .modal-content.tournamnet-card .active-period{
  color: #F8EE2C;
  text-align: center;
  text-shadow: 0 3.4px 0 rgba(0, 0, 0, 0.80);
  font-family: "Avenir Next";
  font-size: 17.032px;
  font-style: italic;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  
}
.advent-campaign .modal-content .title-and-period{
  margin-top: 200px;
}
.advent-campaign .modal-content.tournamnet-card .prize-container{
  /* margin-top: 180px;
  margin-bottom: 20px; */
  margin-top: 60px;
  margin-bottom: 10px;
  text-align: center;
  display: flex;
  flex-direction: column;
}
.advent-campaign .modal-content.tournamnet-card .total-prize{
    color: #FFF300;
    text-align: center;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.80);
    font-family: "Avenir Next";
    font-size: 20px;
    font-style: italic;
    font-weight: 700;
    line-height: 120%;
    margin-inline:auto;
 }
.advent-campaign .modal-content.tournamnet-card .prize-number{
  text-align: center;
  font-family: "Avenir Next";
  font-size: 41.209px;
  font-style: italic;
  font-weight: 700;
  line-height: 101.869%; /* 41.979px */
  text-transform: uppercase;
  background: linear-gradient(0deg, #9C9C9C 19.05%, #FEFEFE 92.06%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.advent-campaign .modal-content.bonus-card .don-ro-button{
  margin-top:10px;
}
.terms-content{
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0px;
  bottom: 0px;
  padding: 20px;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  background: #1d1d1d;
  overflow: scroll;
  text-align: left;
  font-size: 12px;
  line-height: 1.5;
  font-family: 'Future Medium';

}
.terms-content p{
  margin-bottom: 10px;
}
.close-button{
  position: absolute;
  top: 10px;
  right: 10px;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  cursor: pointer;
}
/* Grosimea scroll-ului */
.terms-content::-webkit-scrollbar {
  width: 1px;
}

/* Track-ul (fundalul) */
.terms-content::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}

/* Thumb (bara care se mișcă) */
.terms-content::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.35);
  border-radius: 10px;
}
.terms-content {
  scrollbar-width: thin;               /* auto | thin | none */
  scrollbar-color: rgba(0,0,0,.4) transparent;
}
/* Thumb la hover */
.terms-content::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.55);
}

/* Modal */
.modal {
  display: none; 
  position: fixed; 
  z-index: 1; 
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%; 
  overflow: auto; 
  background-color: rgba(0,0,0,0.6); 
  justify-content: center;
  align-items: center;
  transition: opacity 0.2s ease;
}

.modal.show {
  opacity: 1;
  transform: scale(1);
}

.modal.hide {
  opacity: 0;
  transition: opacity 0.2s ease;
}
.no-scroll{
  overflow: hidden;
  position: fixed;
  width: 100%;
  height: 100%;
}
.sub-hero-container{
  position: relative;
  overflow: hidden;
}
.sub-hero-container::before{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(to right, rgba(0,0,0,0.9), transparent 80px),
    linear-gradient(to left, rgba(0,0,0,0.9), transparent 80px);
}
.swiper.day-carousel-section::before {
  content: url(https://promo.topbet.ro/wp-content/uploads/2025/12/Group-5655.png);
  position: absolute;
  top:0;
  z-index: 10;
}
 .swiper.day-carousel-section{
   padding-top: 20px;
 }
.day-carousel-section .carousel-btn img {
  display: none !important;
}
.day-carousel-section .carousel-btn.prev::after {
  content: "";
  position: fixed;
  background: url(https://promo.topbet.ro/wp-content/uploads/2025/12/neon-arrow-right.gif);
  background-size: contain;
  background-repeat: no-repeat;
  width: 100px;
  height: 70px;
  top: 0px;
  left: -10px;
  transform: scaleX(-1);
}
.day-carousel-section .carousel-btn.next::after {
  content: "";
  position: absolute;
  background: url(https://promo.topbet.ro/wp-content/uploads/2025/12/neon-arrow-right.gif);
  background-size: contain;
  background-repeat: no-repeat;
  width: 100px;
  height: 70px;
  top: 0px;
  right: 0px
}
/* .bonus-card:hover{
  animation: bonus-card 2s ease infinite;
}
@keyframes bonus-card {
    70% { transform:translateY(0%); }
    80% { transform:translateY(-15%); }
    90% { transform:translateY(0%); }
    95% { transform:translateY(-7%); }
    97% { transform:translateY(0%); }
    99% { transform:translateY(-3%); }
    100% { transform:translateY(0); }
} */

@media(min-width:768px) and (max-width:1024px){
  .don-advent-calendar .tournament-section .tournament-card{
    height:185px;
  }
  .don-advent-calendar .tournament-section {
    width: 740px;
    margin-inline: auto;
  }
  .don-advent-calendar .tournament-section .tournament-card span:not(.tournament-date){
    font-size:27px;
  }
  
}
@media(max-width:767px){
  .advent-container{
    padding-inline: 30px;
  }
  .don-advent-calendar .tournament-section .tournament-card{
    background-size: contain !important;
    background-position: center !important;
    padding: 55px 0px 55px!important;
    height: unset;
  }
  .don-advent-calendar .tournament-section .tournament-card span:not(.tournament-date){
    font-size: 28.014px!important;
    width:220px !important;
  }
  .don-advent-calendar .tournament-section .tournament-card span.tournament-date{
    font-size: 14.039px!important;
  }
  .advent-container{
    padding:0 !important;
  }
  .tournament-section{
    width:95%;
    margin-inline: auto;
  }
  .advent-campaign .modal-content.tournamnet-card{
    background: url(https://promo.topbet.ro/wp-content/uploads/2025/12/popup-turneu-mobile.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 90% !important;
    margin-inline: auto;
    padding:0 !important;
    max-width:300px !important;
    height: 400px !important;
  }
  .advent-campaign  .modal-content.bonus-card{
    background: url(https://promo.topbet.ro/wp-content/uploads/2025/12/daily-popup-bg.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 90% !important;
    margin-inline: auto;
    padding:0 !important;
    max-width:300px !important;
    height: 400px !important;
  }
  .advent-campaign .modal-content.tournamnet-card .prize-container{
    margin-top:240px !important;
  }
  .advent-campaign .modal-content.tournamnet-card .title-and-period{
    width: 100%;
    margin-inline: auto;
    top: 37%;
    left: 0%;
    position: absolute;
    margin-top: unset;
  }
  .advent-campaign .modal-content.tournamnet-card .title-and-period h1,
  .advent-campaign .modal-content.bonus-card h1{
    text-align: center;
    font-family: "Avenir Next";
    font-size: 19.209px;
    font-style: italic;
    font-weight: 700;
    line-height: 101.869%; /* 19.568px */
    text-transform: uppercase;
    letter-spacing: 0;
    background: linear-gradient(0deg, #9C9C9C 19.05%, #FEFEFE 92.06%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .don-advent-calendar .tournament-section .tournament-card span.tournament-date {
    color: #F8EE2C;
    text-align: center;
    text-shadow: 0 4px 0 rgba(0, 0, 0, 0.80);
    font-family: "Avenir Next";
    font-size: 19.039px;
    font-style: italic;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}
.advent-campaign .modal-content.tournamnet-card .active-period {
    color: #F8EE2C;
    text-align: center;
    text-shadow: 0 4px 0 rgba(0, 0, 0, 0.80);
    font-family: "Avenir Next";
    font-size: 12px;
    font-style: italic;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
  }
  .advent-campaign .modal-content.tournamnet-card .total-prize{
    font-size:9px;
  }
  .advent-campaign .modal-content.tournamnet-card .prize-number{
    font-size:26px;
  }
  .advent-campaign .modal-content.tournamnet-card .advent-terms-toggle,
  .advent-campaign .modal-content.bonus-card .advent-terms-toggle{
    font-size:7px;
    display: block;
  }
  .advent-campaign .modal-content .don-ro-button{
    font-size: 8.39px;
    width: 145px !important;
    margin-bottom:5px;
    padding:10px 0 !important;
  }
  .advent-campaign .modal-content.tournamnet-card .prize-container{
    margin-bottom: 8px !important;
  }
 .advent-campaign .modal-content.bonus-card h1 {
    width: 70%;
    margin-top:235px;
    margin-bottom:8px;
    margin-inline: auto;
 }
  .advent-campaign .modal-content.bonus-card .don-ro-button{
    margin-bottom: 5px;
  }
  .advent-campaign .modal-content.bonus-card h1{
    font-size:18px;
  }
  .advent-campaign .modal-content.tournamnet-card h1{
      width:300px !important;
  }
  .don-advent-calendar .day-carousel-items .bonus-card{
    height: 150px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: center;
  }
  .don-advent-calendar .day-carousel-section .carousel-btn{
    display: none;
  }
  .don-advent-calendar .day-carousel-section{
    padding-top:35px;
    width:95%;
    margin-right: 0;
  }
  .don-advent-calendar .day-carousel-section::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(https://promo.topbet.ro/wp-content/uploads/2025/12/topbet-ghirlanda-mobile.png);
    background-repeat: no-repeat;
    background-size: cover;
    top: -40%;
    z-index: 2;
  }
  .advent-container .don-advent-calendar .tournament-section{
   flex-direction: column !important;
  }
  .advent-container .don-advent-calendar .tournament-section .tournament-card{
    width: 100% !important;
  }
  .close-popup-button{
    font-size:15px;
    top:0;
    right:10px;
  }
  .don-advent-calendar .tournament-section .tournament-card span:not(.tournament-date){
    line-height: 101%;
  }
}
@media(max-width:360px){
  /* .advent-container{
    padding-inline: 20px !important;
  } */
}
@media(max-width:320px){
.don-advent-calendar .day-carousel-section::before{
  top:-30%;
}
}