.elementor-1774 .elementor-element.elementor-element-731414e2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1774 .elementor-element.elementor-element-731414e2:not(.elementor-motion-effects-element-type-background), .elementor-1774 .elementor-element.elementor-element-731414e2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EDEDED;}.elementor-1774 .elementor-element.elementor-element-214fa052.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-1774 .elementor-element.elementor-element-214fa052{background-color:#EDEDED;}.elementor-1774 .elementor-element.elementor-element-214fa052 .elementor-main-swiper .swiper-slide{border-width:0px 0px 0px 0px;border-radius:0px;}.elementor-1774 .elementor-element.elementor-element-214fa052 .elementor-swiper-button{font-size:20px;}.elementor-1774 .elementor-element.elementor-element-3d630428{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1774 .elementor-element.elementor-element-3d630428:not(.elementor-motion-effects-element-type-background), .elementor-1774 .elementor-element.elementor-element-3d630428 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EDEDED;}.elementor-1774 .elementor-element.elementor-element-7aaed33d .elementor-heading-title{font-family:"Poppins", Sans-serif;}.elementor-1774 .elementor-element.elementor-element-11731d1b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -67px) 0px;padding:9px 0px 0px 9px;}.elementor-1774 .elementor-element.elementor-element-11731d1b.elementor-wc-products  ul.products{grid-column-gap:19px;grid-row-gap:43px;}.elementor-1774 .elementor-element.elementor-element-11731d1b a > img{border-style:none;border-radius:33px 33px 33px 33px;}.elementor-1774 .elementor-element.elementor-element-11731d1b .woocommerce .woocommerce-loop-category__title{color:#91535300;}.elementor-1774 .elementor-element.elementor-element-11731d1b .woocommerce-loop-category__title .count{color:#84363600;}.elementor-1774 .elementor-element.elementor-element-357f3cc2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;}.elementor-1774 .elementor-element.elementor-element-357f3cc2:not(.elementor-motion-effects-element-type-background), .elementor-1774 .elementor-element.elementor-element-357f3cc2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EDEDED;}.elementor-1774 .elementor-element.elementor-element-357f3cc2::before, .elementor-1774 .elementor-element.elementor-element-357f3cc2 > .elementor-background-video-container::before, .elementor-1774 .elementor-element.elementor-element-357f3cc2 > .e-con-inner > .elementor-background-video-container::before, .elementor-1774 .elementor-element.elementor-element-357f3cc2 > .elementor-background-slideshow::before, .elementor-1774 .elementor-element.elementor-element-357f3cc2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1774 .elementor-element.elementor-element-357f3cc2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #E8E8E800 0%, #D6D6D600 100%);}.elementor-1774 .elementor-element.elementor-element-cf196ad .elementor-heading-title{font-family:"Poppins", Sans-serif;}.elementor-1774 .elementor-element.elementor-element-bf1556f .range-custom .curs-range{background:#009FFF !important;}.elementor-1774 .elementor-element.elementor-element-bf1556f .range-custom::before{background:#009FFF !important;}.elementor-1774 .elementor-element.elementor-element-bf1556f .range-custom{background:#D9D9D9 !important;}.elementor-1774 .elementor-element.elementor-element-bf1556f .remaining-info li{color:#0098FF !important;}.elementor-1774 .elementor-element.elementor-element-bf1556f .remaining-info li span{color:#0098FF !important;}.elementor-1774 .elementor-element.elementor-element-bf1556f span.woocommerce-Price-amount.amount{color:#0098FF !important;}.elementor-1774 .elementor-element.elementor-element-bf1556f .kewta-btn .kew-text{color:#00000000 !important;background:#FADC0800 !important;}.elementor-1774 .elementor-element.elementor-element-bf1556f .kewta-btn.kewta-alt .kew-arrow i{color:#00000000 !important;}.elementor-1774 .elementor-element.elementor-element-bf1556f .kewta-btn.kewta-alt .kew-arrow{background:#FADC0800 !important;}.elementor-1774 .elementor-element.elementor-element-bf1556f .content-middle{background:#FFFFFF !important;}@media(max-width:1024px){.elementor-1774 .elementor-element.elementor-element-214fa052.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}}@media(max-width:767px){.elementor-1774 .elementor-element.elementor-element-731414e2{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1774 .elementor-element.elementor-element-214fa052.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:9px;}.elementor-1774 .elementor-element.elementor-element-214fa052{width:100%;max-width:100%;}.elementor-1774 .elementor-element.elementor-element-214fa052 .elementor-custom-embed-play i{font-size:150px;}.elementor-1774 .elementor-element.elementor-element-7aaed33d .elementor-heading-title{font-size:16px;}.elementor-1774 .elementor-element.elementor-element-11731d1b{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -153px) 0px;padding:0px 0px 0px 0px;}.elementor-1774 .elementor-element.elementor-element-11731d1b a > img{border-radius:13px 13px 13px 13px;margin-bottom:0px;}.elementor-1774 .elementor-element.elementor-element-cf196ad{margin:5px 0px calc(var(--kit-widget-spacing, 0px) + -11px) 0px;text-align:center;}.elementor-1774 .elementor-element.elementor-element-cf196ad .elementor-heading-title{font-size:16px;}}/* Start custom CSS for media-carousel, class: .elementor-element-214fa052 */.elementor-carousel-image {
    border-radius: 20px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for rt-product2, class: .elementor-element-bf1556f *//* ==========================================
   REMAINING INFO – SINGLE YELLOW BUTTON
   ========================================== */

/* Container */
.remaining-info {
  background: transparent;
  padding: 15px !important;
  margin-bottom: 0px;
}

/* HIDE DAYS */
.remaining-info li:first-child {
  display: none !important;
}

/* Remove divider */
.remaining-info .vline-remaing {
  display: none !important;
}

/* Remaining item → Buy & Enter button */
.remaining-info li:last-child {
  background: #fadc08;
  color: #000;
  border-radius: 16px;
  padding: 10px 18px;
  font-size: 14px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  box-shadow: 0 8px 18px rgba(0,0,0,0.15);
  cursor: pointer;
  text-transform: uppercase;
  position: relative;
  font-weight: 900;
}

/* HIDE original content but SHOW our custom span */
.remaining-info li:last-child > * {
  display: none !important;
}

/* Show only our custom buy-enter-text span */
.remaining-info li:last-child > .buy-enter-text {
  display: inline-block !important;
  font-weight: 900 !important;
  color: #000 !important;
  text-transform: uppercase !important;
  font-size: 14px !important;
}

/* Show the icon (it will be added by JavaScript) */
.remaining-info li:last-child > .ticket-icon {
  display: flex !important;
}

/* Ticket icon styling */
.ticket-icon {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(0,0,0,0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  font-style: normal;
}

.ticket-icon::before {
  content: "\f145";
  font-family: "Font Awesome 5 Free"; 
  font-weight: 900;
  font-size: 16px;
  color: #000;
}

/* MOBILE CENTERING */
@media (max-width: 768px) {
  .remaining-info {
    justify-content: center !important;
  }
  
  .remaining-info li:last-child > .buy-enter-text {
    font-size: 16px !important;
  }
}

/* ==========================================
   REMAINING → CHECKOUT BUTTON
   ========================================== */

.remaining-info li:last-child {
  cursor: pointer;
  transition: all 0.25s ease;
}

.remaining-info li:last-child:hover {
  transform: translateY(-2px) scale(1.03);
  box-shadow: 0 14px 30px rgba(0,0,0,0.25);
}

.remaining-info li:last-child:active {
  transform: scale(0.98);
}

/* Loading overlay */
.checkout-loading-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99999;
  display: none;
  text-transform: uppercase;
  letter-spacing: 1px;
}


/* Make product name non-clickable */
.d-flex h4 a {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    color: inherit;
}

/* Hide the ugly cursor/range indicator */
.curs-range {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* Also hide the empty div if it's not needed */
.cmn-prrice-range > .d-flex.align-items-center.gap-xl-1.gap-1.mt-3 {
    display: none !important;
}
/* Hide the ugly cursor/range indicator */
.curs-range {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* Also hide the empty div if it's not needed */
.cmn-prrice-range > .d-flex.align-items-center.gap-xl-1.gap-1.mt-3 {
    display: none !important;
}

/* ============================================
   DYNAMIC PROGRESS BAR STYLES
   Works with SV Elements + Elementor
============================================= */

/* Glassmorphism Design */
.cmn-prrice-range {
    background: rgba(255, 255, 255, 0.85) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 16px !important;
    padding: 24px !important;
    box-shadow: 
        0 8px 32px rgba(0, 0, 0, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
    position: relative !important;
    transition: all 0.3s ease !important;
}

/* Progress bar loaded state */
.cmn-prrice-range.progress-bar-loaded {
    animation: fadeInUp 0.5s ease !important;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Glass progress bar container */
.range-custom {
    height: 16px !important;
    background: rgba(255, 255, 255, 0.3) !important;
    backdrop-filter: blur(4px) !important;
    border-radius: 8px !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    box-shadow: 
        inset 0 2px 4px rgba(0, 0, 0, 0.1),
        0 2px 4px rgba(0, 0, 0, 0.05) !important;
    overflow: hidden !important;
    position: relative !important;
    --progress-width: 0%; /* Default fallback */
}

/* Hide the default cursor/range */
.curs-range {
    display: none !important;
}

/* Create new progress fill - Dynamic width via JS */
.range-custom::after {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    height: 100% !important;
    width: var(--progress-width, 0%) !important;
    border-radius: 8px !important;
    box-shadow: 
        inset 0 1px 0 rgba(255, 255, 255, 0.3),
        0 0 20px currentColor !important;
    transition: width 0.8s cubic-bezier(0.34, 1.56, 0.64, 1),
                background 0.8s ease !important;
    z-index: 2 !important;
    will-change: width, background; /* Performance optimization */
}

/* Add shimmer effect */
.range-custom::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    height: 100% !important;
    width: var(--progress-width, 0%) !important;
    background: linear-gradient(90deg, 
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.4) 50%,
        rgba(255, 255, 255, 0) 100%) !important;
    border-radius: 8px !important;
    animation: progressShine 2s infinite linear !important;
    z-index: 3 !important;
    pointer-events: none !important;
    will-change: transform; /* Performance optimization */
}

@keyframes progressShine {
    0% { transform: translateX(-100%) !important; }
    100% { transform: translateX(100%) !important; }
}

/* Color Ranges - Applied dynamically by JS */
.range-custom.color-green::after {
    background: linear-gradient(90deg, 
        rgba(76, 175, 80, 0.9) 0%,
        rgba(102, 187, 106, 0.8) 50%,
        rgba(129, 199, 132, 0.7) 100%) !important;
    box-shadow: 
        0 0 20px rgba(76, 175, 80, 0.5),
        inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
}

.range-custom.color-yellow::after {
    background: linear-gradient(90deg, 
        rgba(255, 193, 7, 0.9) 0%,
        rgba(255, 202, 40, 0.8) 50%,
        rgba(255, 213, 79, 0.7) 100%) !important;
    box-shadow: 
        0 0 20px rgba(255, 193, 7, 0.5),
        inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
}

.range-custom.color-red::after {
    background: linear-gradient(90deg, 
        rgba(244, 67, 54, 0.9) 0%,
        rgba(239, 83, 80, 0.8) 50%,
        rgba(229, 115, 115, 0.7) 100%) !important;
    box-shadow: 
        0 0 20px rgba(244, 67, 54, 0.5),
        inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
}

/* 0% sold - subtle styling */
.range-custom.zero-percent {
    opacity: 0.7 !important;
}

.range-custom.zero-percent::after {
    background: rgba(200, 200, 200, 0.3) !important;
    box-shadow: none !important;
}

/* RTL Support (for Arabic) */
body.rtl .range-custom::after,
body.rtl .range-custom::before {
    left: auto !important;
    right: 0 !important;
}

/* Responsive Design */
@media (max-width: 768px) {
    .cmn-prrice-range {
        padding: 18px !important;
        border-radius: 12px !important;
    }
    
    .range-custom {
        height: 14px !important;
        border-radius: 7px !important;
    }
    
    .range-custom::after,
    .range-custom::before {
        border-radius: 7px !important;
    }
}

/* Hide the old "0% Sold" text */
.cmn-prrice-range .soldout {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Adjust spacing since we removed the text */
.cmn-prrice-range {
    padding-top: 15px !important; /* Adjust as needed */
}

/* Hide "• 22% Sold" but keep "Total: 51 tickets" */
.cmn-prrice-range .real-ticket-data > div:last-child > div span {
    display: none !important;
}

/* Or more specific: Hide the percentage span */
.cmn-prrice-range .real-ticket-data > div:last-child > div span[style*="color: #"] {
    display: none !important;
}

/* Alternative: Hide the entire percentage part */
.cmn-prrice-range .real-ticket-data > div:last-child > div span:last-child {
    display: none !important;
}

/* Keep the "Total: X tickets" text visible */
.cmn-prrice-range .real-ticket-data > div:last-child > div {
    color: #666 !important;
}

/* Make "Total" text stand out */
.cmn-prrice-range .real-ticket-data > div:last-child > div strong {
    color: #333 !important;
    font-size: 14px !important;
}

/* Hide the entire button section */
.current-hoberv9 {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
}/* End custom CSS */