/* 
Theme Name: Hello Elementor child
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
*/

.header-text{
	font-family: var(--fontFamily-display, "IvyPresto Display");
    background: var(--M-gradient-text, linear-gradient(173deg, #CA9733 -7.05%, #F0BE66 17.72%, #84450B 38.29%, #EFAC48 63.06%));
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: 0px 4.803px 9.606px rgba(238, 184, 94, 0.20), 0px 2.402px 7.205px rgba(245, 194, 63, 0.10);
	-webkit-text-stroke-width: 0.6px;
	-webkit-text-stroke-color: #FFD699;
}
.header-button{
	text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 8px rgba(0, 0, 0, 0.20);
	font-family: var(--fontFamily-button, "Haboro Contrast");
}
.numbers-card{
	background: var(--M-gradient-text, linear-gradient(173deg, #CA9733 -7.05%, #F0BE66 17.72%, #84450B 38.29%, #EFAC48 63.06%));
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: 0px 4px 8px rgba(238, 184, 94, 0.20), 0px 2px 6px rgba(245, 194, 63, 0.10);
	-webkit-text-stroke-width: 0.5px;
	-webkit-text-stroke-color: #FFD699;
}
.box-numbers {
    position: relative; 
	outline: 1px solid rgba(255, 255, 255, 0.20); /* The stroke itself */
    outline-offset: 2px; /* The gap between the border and the stroke */
}
.offers-text{
	background: var(--Border-Component-Brand, linear-gradient(173deg, #CA9733 -7.05%, #F0BE66 17.72%, #84450B 38.29%, #EFAC48 63.06%));
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: 0px 4px 8px rgba(238, 184, 94, 0.20), 0px 2px 6px rgba(245, 194, 63, 0.10);

	/* headline/xl */
	-webkit-text-stroke-width: 0.5px;
	-webkit-text-stroke-color: #FFD699;
	font-family: var(--fontFamily-headline, "IvyPresto Display");
}
.elementor-icon-box-title span {
	background-image: linear-gradient(to bottom, #bf964d, #8e5f2d); /* Changed direction to 'to bottom' */
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
}

/* Styles for desktop & tablet screens (900px and up) */
@media (min-width: 900px) {
	.header-container {
	  position: relative; 
	}
	.header-container::before {
	  content: '';
	  background-image: url('https://promo.vipcasino.io/wp-content/uploads/2025/07/Hero-BG.png');
	  background-size: cover;
	  background-position: center center;
	  background-repeat: no-repeat;
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  z-index: 1; /* Lowest z-index */
	  pointer-events: none;
	}
	.header-container::after {
	  content: '';
	  background-image:
		url('https://promo.vipcasino.io/wp-content/uploads/2025/07/gradient-vignette.png'), /* Vignette image */
		url('https://promo.vipcasino.io/wp-content/uploads/2025/07/gradient-bottom.png'); /* Bottom gradient image */
	  background-position:
		center center, 
		bottom center; 
	  background-size:
		100% 100%, 
		100% 30%;
	  background-repeat:
		no-repeat,
		no-repeat;
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  z-index: 3; /* Layer between z-index 2 (second container) and z-index 4 (first container) */
	  pointer-events: none;
	}
	.header-container-first {
	  position: relative; 
	  z-index: 4; /* Highest z-index - will be above ::after */
	}
	.header-container-second {
	  position: relative; 
	  z-index: 2; /* Lower z-index than ::after - will be below ::after */
	}
	.header-container-second::before {
		  content: '';
		  background-image: url('https://promo.vipcasino.io/wp-content/uploads/2025/07/gradient-video-ultimul.png');
		  background-size: cover;
		  background-position: left center;
		  background-repeat: no-repeat;
		  position: absolute;
		  top: 0;
		  left: 0;
		  width: 60%;
		  height: 100%;
		  z-index: 9; /* Lowest z-index */
		  pointer-events: none;
	}
	.box-numbers:not(:last-child)::after {
    content: url('https://promo.vipcasino.io/wp-content/uploads/2025/07/Divider.png');
    display: block;
    position: absolute;
    left: 89%;
    top: 50%;
    transform: translateY(-50%);
  }
}
/* Styles for mobile screens (up to 900px) */
@media (max-width: 900px) {
	.header-container-second::after {
	  content: '';
	  background-image:
		url('https://promo.vipcasino.io/wp-content/uploads/2025/07/Phone-hero.png'), /* gradient-left */
		url('https://promo.vipcasino.io/wp-content/uploads/2025/07/radial-gradient-phone-final.png'), /* vignette right */
		url('https://promo.vipcasino.io/wp-content/uploads/2025/07/gradient-bottom-1.png'); /* liniar gradient bottom */
	  background-position:
		left center, 
		right center,
		bottom center;
	  background-size:
		100% 100%, 
		100% 100%,
		100% 100%;
	  background-repeat:
		no-repeat,
		no-repeat,
		no-repeat;
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  z-index: 1;
	  pointer-events: none;
	}
	.box-numbers:not(:last-child)::after {
		content: url('https://promo.vipcasino.io/wp-content/uploads/2025/07/Divider_phone.png');
		display: block;
		position: absolute;
		left: 50%;
		top: 76%;
		transform: translateX(-50%);
	  }
}
@media (max-width: 1200px) and (min-width: 901px) {
	.box-numbers:not(:last-child)::after {
    content: url('https://promo.vipcasino.io/wp-content/uploads/2025/07/Divider-laptop.png');
    display: block;
    position: absolute;
    left: 94%;
    top: 50%;
    transform: translateY(-50%);
  }
}

@media (min-width: 1550px){
	.carousel-bonuses{
		margin-left: calc((100vw - 1480px) / 2) !important;
		width: calc(1480px + (100vw - 1480px) / 2) !important;
	}
}

/* Updated star image between arrows */
.elementor-swiper-button.elementor-swiper-button-prev::after {
	content: url('https://promo.vipcasino.io/wp-content/uploads/2025/06/Star-5.svg'); 
    display: block;
    position: absolute;
    left: 130%;
    top: 0%;
    transform: translateY(-20%);
}