.elementor-1902 .elementor-element.elementor-element-4c6382f4{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:010%;--padding-bottom:0%;--padding-left:010%;--padding-right:010%;}.elementor-1902 .elementor-element.elementor-element-4c6382f4.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1902 .elementor-element.elementor-element-6b1abd0{--display:grid;--min-height:0px;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-1902 .elementor-element.elementor-element-6b1abd0:not(.elementor-motion-effects-element-type-background), .elementor-1902 .elementor-element.elementor-element-6b1abd0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-1902 .elementor-element.elementor-element-5a54639{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1902 .elementor-element.elementor-element-5a54639:not(.elementor-motion-effects-element-type-background), .elementor-1902 .elementor-element.elementor-element-5a54639 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-6122b8b );}.elementor-1902 .elementor-element.elementor-element-e325913{--display:flex;--overlay-opacity:0.5;}.elementor-1902 .elementor-element.elementor-element-e325913:not(.elementor-motion-effects-element-type-background), .elementor-1902 .elementor-element.elementor-element-e325913 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-6122b8b );}.elementor-1902 .elementor-element.elementor-element-e325913::before, .elementor-1902 .elementor-element.elementor-element-e325913 > .elementor-background-video-container::before, .elementor-1902 .elementor-element.elementor-element-e325913 > .e-con-inner > .elementor-background-video-container::before, .elementor-1902 .elementor-element.elementor-element-e325913 > .elementor-background-slideshow::before, .elementor-1902 .elementor-element.elementor-element-e325913 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1902 .elementor-element.elementor-element-e325913 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-1902 .elementor-element.elementor-element-86b2bd6{--display:flex;}.elementor-1902 .elementor-element.elementor-element-86b2bd6:not(.elementor-motion-effects-element-type-background), .elementor-1902 .elementor-element.elementor-element-86b2bd6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-6122b8b );}.elementor-1902 .elementor-element.elementor-element-6ea6655{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-1902 .elementor-element.elementor-element-6ea6655 .elementor-heading-title{font-size:37px;color:#FFFFFF;}.elementor-1902 .elementor-element.elementor-element-92a88ff{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;font-size:88px;font-weight:800;color:#FFFFFF;}.elementor-1902 .elementor-element.elementor-element-92a88ff p{margin-block-end:0px;}.elementor-1902 .elementor-element.elementor-element-763afda{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-1902 .elementor-element.elementor-element-763afda:not(.elementor-motion-effects-element-type-background), .elementor-1902 .elementor-element.elementor-element-763afda > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-6122b8b );}.elementor-1902 .elementor-element.elementor-element-606572f{width:var( --container-widget-width, 30% );max-width:30%;background-color:transparent;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:30%;--container-widget-flex-grow:0;background-image:linear-gradient(180deg, #2731F6 0%, #A020F0 100%);}.elementor-1902 .elementor-element.elementor-element-606572f.elementor-element{--align-self:center;}.elementor-1902 .elementor-element.elementor-element-4305c1e{width:100%;max-width:100%;background-color:#000000;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 0px 10px 0px;border-radius:0px 10px 10px 0px;text-align:center;}.elementor-1902 .elementor-element.elementor-element-4305c1e .elementor-heading-title{color:#FFFFFF;}.elementor-1902 .elementor-element.elementor-element-e6988aa{width:var( --container-widget-width, 30% );max-width:30%;background-color:transparent;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:30%;--container-widget-flex-grow:0;background-image:linear-gradient(180deg, #2731F6 0%, #A020F0 100%);}.elementor-1902 .elementor-element.elementor-element-e6988aa.elementor-element{--align-self:center;}.elementor-1902 .elementor-element.elementor-element-b4b1ced{width:100%;max-width:100%;background-color:#000000;padding:10px 0px 10px 0px;border-radius:0px 10px 10px 00px;text-align:center;}.elementor-1902 .elementor-element.elementor-element-b4b1ced .elementor-heading-title{color:#FFFFFF;}.elementor-1902 .elementor-element.elementor-element-d628e74{padding:0px 10px 0px 10px;border-style:none;}.elementor-1902 .elementor-element.elementor-element-4f55cf4{--display:flex;--min-height:0px;}.elementor-1902 .elementor-element.elementor-element-4f55cf4:not(.elementor-motion-effects-element-type-background), .elementor-1902 .elementor-element.elementor-element-4f55cf4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-1902 .elementor-element.elementor-element-eadf1fe{width:100%;max-width:100%;background-color:#00000000;margin:-67px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 10px 0px 10px;text-align:start;}.woocommerce .elementor-1902 .elementor-element.elementor-element-eadf1fe .price{color:#FFFFFF;font-size:40px;font-weight:800;letter-spacing:-0.4px;}.woocommerce .elementor-1902 .elementor-element.elementor-element-eadf1fe .price ins{color:#FFFFFF;}.elementor-1902 .elementor-element.elementor-element-114e44e{margin:-68px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 10px 0px 10px;}.elementor-1902 .elementor-element.elementor-element-f4f7c0b{--display:flex;}.elementor-1902 .elementor-element.elementor-element-32f5250{--display:flex;}.elementor-1902 .elementor-element.elementor-element-033b4c1{--display:flex;}.elementor-1902 .elementor-element.elementor-element-9b50d2d{--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;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-1902 .elementor-element.elementor-element-8188554{--display:flex;}.elementor-1902 .elementor-element.elementor-element-eb8b280{--display:flex;}.elementor-1902 .elementor-element.elementor-element-a4fb1cd{--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-1902 .elementor-element.elementor-element-41acf20{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;background-color:#800080;padding:20px 10px 0px 10px;border-style:solid;border-width:0px 0px 0px 0px;border-radius:20px 20px 20px 20px;--n-tabs-title-border-radius:40px 40px 40px 40px;}.elementor-1902 .elementor-element.elementor-element-41acf20 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#FFFFFF;}.elementor-1902 .elementor-element.elementor-element-41acf20.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#447BF8;}.elementor-1902 .elementor-element.elementor-element-41acf20.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-1902 .elementor-element.elementor-element-41acf20.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#B9B9B9;}.elementor-1902 .elementor-element.elementor-element-41acf20.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-weight:bold;text-transform:uppercase;letter-spacing:0.4px;}.elementor-1902 .elementor-element.elementor-element-3738fa8{background-color:#6EC1E400;}.elementor-1902 .elementor-element.elementor-element-eb2c6ec{--display:flex;}.elementor-1902 .elementor-element.elementor-element-9de0838{padding:0px 10px 0px 10px;color:#FFFFFF;}.elementor-1902 .elementor-element.elementor-element-0cf5e13{--display:flex;}.elementor-1902 .elementor-element.elementor-element-640c34b{padding:0px 10px 0px 10px;color:#FFFFFF;}.elementor-1902 .elementor-element.elementor-element-7c0223c{--n-accordion-title-font-size:39px;padding:0px 10px 0px 10px;--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-border-radius:20px 20px 20px 20px;--n-accordion-title-normal-color:#FFFFFF;--n-accordion-title-hover-color:#A020F0;--n-accordion-title-active-color:#A020F0;--n-accordion-icon-size:15px;--n-accordion-icon-normal-color:#FFFFFF;}.elementor-1902 .elementor-element.elementor-element-7c0223c > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:#000000;border-style:solid;border-color:#A020F0;}:where( .elementor-1902 .elementor-element.elementor-element-7c0223c > .e-n-accordion > .e-n-accordion-item ) > .e-con{background-color:#000000;border-style:none;}:where( .elementor-1902 .elementor-element.elementor-element-7c0223c > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-weight:900;text-transform:uppercase;}body.elementor-page-1902:not(.elementor-motion-effects-element-type-background), body.elementor-page-1902 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}@media(min-width:768px){.elementor-1902 .elementor-element.elementor-element-4c6382f4{--width:80.001%;}.elementor-1902 .elementor-element.elementor-element-6b1abd0{--content-width:1600px;}.elementor-1902 .elementor-element.elementor-element-86b2bd6{--width:100%;}}@media(max-width:1024px){.elementor-1902 .elementor-element.elementor-element-4c6382f4{--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-1902 .elementor-element.elementor-element-6b1abd0{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-1902 .elementor-element.elementor-element-4c6382f4{--padding-top:035%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-1902 .elementor-element.elementor-element-6b1abd0{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1902 .elementor-element.elementor-element-606572f{width:var( --container-widget-width, 41px );max-width:41px;--container-widget-width:41px;--container-widget-flex-grow:0;}.elementor-1902 .elementor-element.elementor-element-4305c1e{width:var( --container-widget-width, 97px );max-width:97px;--container-widget-width:97px;--container-widget-flex-grow:0;border-radius:0px 10px 10px 0px;}.elementor-1902 .elementor-element.elementor-element-4305c1e .elementor-heading-title{font-size:15px;}.elementor-1902 .elementor-element.elementor-element-e6988aa{width:var( --container-widget-width, 41px );max-width:41px;--container-widget-width:41px;--container-widget-flex-grow:0;}.elementor-1902 .elementor-element.elementor-element-b4b1ced{width:var( --container-widget-width, 90px );max-width:90px;--container-widget-width:90px;--container-widget-flex-grow:0;border-radius:0px 10px 10px 0px;}.elementor-1902 .elementor-element.elementor-element-b4b1ced .elementor-heading-title{font-size:15px;}.elementor-1902 .elementor-element.elementor-element-4f55cf4{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-1902 .elementor-element.elementor-element-eadf1fe{margin:-65px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.woocommerce .elementor-1902 .elementor-element.elementor-element-eadf1fe .price{font-size:30px;}.elementor-1902 .elementor-element.elementor-element-f4f7c0b{--padding-top:0px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-1902 .elementor-element.elementor-element-41acf20{width:auto;max-width:auto;--n-tabs-title-font-size:10px;}}/* Start custom CSS for shortcode, class: .elementor-element-d628e74 *//* 1. Force the row to be full width so it doesn't wrap */
.elementor-1902 .elementor-element.elementor-element-d628e74 .lty-lottery-countdown-timer {
    display: flex !important;
    width: 100% !important; 
    max-width: 100% !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    
    /* NEW: The border and background fixes */
    border: 2px solid #d900ff !important; /* Applies your purple border */
    border-radius: 12px !important; /* Rounds the outer corners */
    padding: 15px !important; /* Gives the boxes breathing room inside the border */
    background: transparent !important; /* Forces any underlying grey to disappear */
    box-shadow: none !important; /* Strips any default plugin shadows */
}

/* 2. Style each Box */
.elementor-1902 .elementor-element.elementor-element-d628e74 .lty-lottery-timer {
    display: flex !important;
    flex-direction: column !important; /* Stack number over text */
    align-items: center !important;
    background-color: #000000 !important;
    padding: 10px !important;
    margin-right: 10px !important; /* Space between boxes */
    border-radius: 8px !important;
    flex: 1 !important; /* Makes them equal width */
    min-width: 0 !important;
}

/* Remove the right margin from the last box so it sits perfectly inside the border */
.elementor-1902 .elementor-element.elementor-element-d628e74 .lty-lottery-timer:last-child {
    margin-right: 0 !important;
}

/* 3. Style the Blue Numbers */
.elementor-1902 .elementor-element.elementor-element-d628e74 .lty-lottery-timer-content {
    color: #2731F6 !important;
    font-size: 22px !important;
    font-weight: bold !important;
    line-height: 1 !important;
    margin-bottom: 5px !important;
}

/* 4. Inject the Black Text Labels */
.elementor-1902 .elementor-element.elementor-element-d628e74 .lty-lottery-timer::after {
    display: block !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
}

/* 5. Assign text based on position (1st box = Days, etc.) */
.elementor-1902 .elementor-element.elementor-element-d628e74 .lty-lottery-timer:nth-child(1)::after { content: "DAYS" !important; }
.elementor-1902 .elementor-element.elementor-element-d628e74 .lty-lottery-timer:nth-child(2)::after { content: "HOURS" !important; }
.elementor-1902 .elementor-element.elementor-element-d628e74 .lty-lottery-timer:nth-child(3)::after { content: "MINS" !important; }
.elementor-1902 .elementor-element.elementor-element-d628e74 .lty-lottery-timer:nth-child(4)::after { content: "SECS" !important; }

.lty-lottery-end-time-label,
.lty-lottery-end-time-label span,
.lty-lottery-end-time-label b {
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-114e44e *//* Styles the 'Sold / Total' text to be grey and centered */
.lty-ticket-range-label {
    display: block !important;
    text-align: center !important;
    font-size: 14px !important;
    color: #ffffff !important; /* Grey color from your example */
    margin: 10px 0 !important;
    font-weight: 600 !important;
    text-transform: uppercase;
}

/* If you want to make the 'Sold' number your project blue */
.lty-ticket-range-label .sold-count {
    color: #ffffff !important; 
}

.lty-lottery-date-ranges,
.lty-lottery-start-time-label,
.lty-lottery-time-left-label {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6d3eb52 *//* 1. THE BUBBLE: Moves with handle, Blue with White text */
.lty-lottery-range-value {
    background-color: #007bff !important; 
    color: #ffffff !important;           
    padding: 6px 12px !important;
    border-radius: 8px !important;
    font-weight: bold !important;
    white-space: nowrap !important;
    
    /* Position above the handle */
    position: absolute !important;
    bottom: 35px !important; 
    
    /* THE FIX: We removed 'left: 50%'. 
       The transform below ensures it stays centered ON the handle 
       wherever the plugin slides it. */
    transform: translateX(-50%) !important;
    display: inline-block !important;
    z-index: 999 !important;
}

/* 2. THE TRIANGLE: Forces it to Blue and removes Red */
.lty-lottery-range-value::after, 
.lty-lottery-range-value::before {
    content: "" !important;
    position: absolute !important;
    top: 100% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    border-width: 6px !important;
    border-style: solid !important;
    /* This makes the triangle blue */
    border-color: #007bff transparent transparent transparent !important;
    background: none !important;
}

/* 3. THE SLIDER TRACK: Blue progress bar */
.lty-quantity-range-slider .ui-slider-range {
    background: #007bff !important;
}

/* 4. THE HANDLE: Blue circle */
.lty-quantity-range-slider .ui-slider-handle {
    background: #007bff !important;
    border-color: #0056b3 !important;
}

/* 5. CONTAINER FIX: Stops the bubble from being hidden */
.lty-quantity-range-slider {
    overflow: visible !important;
}

/* 1. Force the button to be on the top layer */

button.single_add_to_cart_button {

    position: relative !important;

    z-index: 9999 !important; /* Forces it above invisible layers */

    pointer-events: auto !important; /* Ensures it accepts clicks */

    

    /* Your Style Settings */

    background-color: #007bff !important; 

    color: #000000 !important;           

    display: inline-flex !important;    

    align-items: center;

    justify-content: center;

    min-width: 200px !important;        

    padding: 15px 30px !important;      

    border-radius: 12px !important;      

    border: none !important;             

    font-weight: 900 !important;

    text-transform: uppercase;

    cursor: pointer !important;

}



/* 2. Fix for the price color inside */

button.single_add_to_cart_button .lty-lottery-price,

button.single_add_to_cart_button .woocommerce-Price-amount,

button.single_add_to_cart_button bdi {

    color: #ffffff !important;

    pointer-events: none !important; /* Prevents the text from 'blocking' the button click */

}

/* Hides the 'Winners Count' text (e.g., "This giveaway will have 1 winners") */
.lty-winners-count {
    display: none !important;
}



/* Hides the 'Gift Product Notice' (the text saying "Win This Xbox Series X 1TB Won") */
.lty-gift-product-notice {
    display:  !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6d3eb52 *//* 1. THE BUBBLE: Moves with handle, Blue with White text */
.lty-lottery-range-value {
    background-color: #007bff !important; 
    color: #ffffff !important;           
    padding: 6px 12px !important;
    border-radius: 8px !important;
    font-weight: bold !important;
    white-space: nowrap !important;
    
    /* Position above the handle */
    position: absolute !important;
    bottom: 35px !important; 
    
    /* THE FIX: We removed 'left: 50%'. 
       The transform below ensures it stays centered ON the handle 
       wherever the plugin slides it. */
    transform: translateX(-50%) !important;
    display: inline-block !important;
    z-index: 999 !important;
}

/* 2. THE TRIANGLE: Forces it to Blue and removes Red */
.lty-lottery-range-value::after, 
.lty-lottery-range-value::before {
    content: "" !important;
    position: absolute !important;
    top: 100% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    border-width: 6px !important;
    border-style: solid !important;
    /* This makes the triangle blue */
    border-color: #007bff transparent transparent transparent !important;
    background: none !important;
}

/* 3. THE SLIDER TRACK: Blue progress bar */
.lty-quantity-range-slider .ui-slider-range {
    background: #007bff !important;
}

/* 4. THE HANDLE: Blue circle */
.lty-quantity-range-slider .ui-slider-handle {
    background: #007bff !important;
    border-color: #0056b3 !important;
}

/* 5. CONTAINER FIX: Stops the bubble from being hidden */
.lty-quantity-range-slider {
    overflow: visible !important;
}

/* 1. Force the button to be on the top layer */

button.single_add_to_cart_button {

    position: relative !important;

    z-index: 9999 !important; /* Forces it above invisible layers */

    pointer-events: auto !important; /* Ensures it accepts clicks */

    

    /* Your Style Settings */

    background-color: #007bff !important; 

    color: #000000 !important;           

    display: inline-flex !important;    

    align-items: center;

    justify-content: center;

    min-width: 200px !important;        

    padding: 15px 30px !important;      

    border-radius: 12px !important;      

    border: none !important;             

    font-weight: 900 !important;

    text-transform: uppercase;

    cursor: pointer !important;

}



/* 2. Fix for the price color inside */

button.single_add_to_cart_button .lty-lottery-price,

button.single_add_to_cart_button .woocommerce-Price-amount,

button.single_add_to_cart_button bdi {

    color: #ffffff !important;

    pointer-events: none !important; /* Prevents the text from 'blocking' the button click */

}

/* Hides the 'Winners Count' text (e.g., "This giveaway will have 1 winners") */
.lty-winners-count {
    display: none !important;
}



/* Hides the 'Gift Product Notice' (the text saying "Win This Xbox Series X 1TB Won") */
.lty-gift-product-notice {
    display:  !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6d3eb52 *//* 1. THE BUBBLE: Moves with handle, Blue with White text */
.lty-lottery-range-value {
    background-color: #007bff !important; 
    color: #ffffff !important;           
    padding: 6px 12px !important;
    border-radius: 8px !important;
    font-weight: bold !important;
    white-space: nowrap !important;
    
    /* Position above the handle */
    position: absolute !important;
    bottom: 35px !important; 
    
    /* THE FIX: We removed 'left: 50%'. 
       The transform below ensures it stays centered ON the handle 
       wherever the plugin slides it. */
    transform: translateX(-50%) !important;
    display: inline-block !important;
    z-index: 999 !important;
}

/* 2. THE TRIANGLE: Forces it to Blue and removes Red */
.lty-lottery-range-value::after, 
.lty-lottery-range-value::before {
    content: "" !important;
    position: absolute !important;
    top: 100% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    border-width: 6px !important;
    border-style: solid !important;
    /* This makes the triangle blue */
    border-color: #007bff transparent transparent transparent !important;
    background: none !important;
}

/* 3. THE SLIDER TRACK: Blue progress bar */
.lty-quantity-range-slider .ui-slider-range {
    background: #007bff !important;
}

/* 4. THE HANDLE: Blue circle */
.lty-quantity-range-slider .ui-slider-handle {
    background: #007bff !important;
    border-color: #0056b3 !important;
}

/* 5. CONTAINER FIX: Stops the bubble from being hidden */
.lty-quantity-range-slider {
    overflow: visible !important;
}

/* 1. Force the button to be on the top layer */

button.single_add_to_cart_button {

    position: relative !important;

    z-index: 9999 !important; /* Forces it above invisible layers */

    pointer-events: auto !important; /* Ensures it accepts clicks */

    

    /* Your Style Settings */

    background-color: #007bff !important; 

    color: #000000 !important;           

    display: inline-flex !important;    

    align-items: center;

    justify-content: center;

    min-width: 200px !important;        

    padding: 15px 30px !important;      

    border-radius: 12px !important;      

    border: none !important;             

    font-weight: 900 !important;

    text-transform: uppercase;

    cursor: pointer !important;

}



/* 2. Fix for the price color inside */

button.single_add_to_cart_button .lty-lottery-price,

button.single_add_to_cart_button .woocommerce-Price-amount,

button.single_add_to_cart_button bdi {

    color: #ffffff !important;

    pointer-events: none !important; /* Prevents the text from 'blocking' the button click */

}

/* Hides the 'Winners Count' text (e.g., "This giveaway will have 1 winners") */
.lty-winners-count {
    display: none !important;
}



/* Hides the 'Gift Product Notice' (the text saying "Win This Xbox Series X 1TB Won") */
.lty-gift-product-notice {
    display:  !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-41acf20 *//* 1. LAYOUT: Image Next to Add to Cart */
/* This targets the container holding the main prize image and the entry options */
.single-product .product.product-type-lottery {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 20px;
}

/* Image on the left (approx 50%) */
.single-product .woocommerce-product-gallery {
    flex: 1 1 300px !important;
    max-width: 500px !important;
}

/* Entry options on the right (approx 50%) */
.single-product .summary.entry-summary {
    flex: 1 1 300px !important;
}

/* 2. REORDERING: Progress Bar ABOVE Tabs */
.single-product .lty-lottery-progress-bar-loop,
.single-product .lty-progress-bar-wrapper {
    order: -1 !important; /* Forces it to the top of the flex container */
    margin-bottom: 20px !important;
    width: 100% !important;
}

/* 3. REORDERING: Slider BELOW Tabs */
/* Targets the quantity slider container */
.single-product .quantity, 
.single-product .lty-qty-options {
    order: 5 !important; /* Pushes it below the buttons */
    margin-top: 20px !important;
    width: 100% !important;
    display: flex !important;
    justify-content: center;
}

/* 4. TABS: Entry/Postal side-by-side (Mobile & Desktop) */
.e-n-tabs-heading {
    display: flex !important;
    flex-direction: row !important;
    width: 100% !important;
    gap: 10px;
}

.e-n-tabs-heading button {
    flex: 1 !important;
}

/* 1. Force the Tab Titles to stay on one line (No wrapping) */
.elementor-1902 .elementor-element.elementor-element-41acf20 .elementor-tab-title {
    white-space: nowrap !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 2. Force the Tab Header to keep titles side-by-side */
.elementor-1902 .elementor-element.elementor-element-41acf20 .elementor-tabs-wrapper {
    display: flex !important;
    flex-wrap: nowrap !important; /* Prevents the second tab from jumping down */
    justify-content: center !important;
    gap: 10px !important; /* Space between the two "pills" */
}

/* 3. Slim down the text and padding to ensure they fit on mobile */
.elementor-1902 .elementor-element.elementor-element-41acf20 .elementor-tab-title a {
    font-size: 13px !important; /* Slightly smaller for mobile fit */
    padding: 12px 15px !important; /* Adjusts the "pill" size */
    text-transform: uppercase !important;
    font-weight: 700 !important;
}

/* 4. Ensure the container doesn't force a vertical stack */
@media (max-width: 767px) {
    .elementor-1902 .elementor-element.elementor-element-41acf20 .elementor-tabs-wrapper {
        flex-direction: row !important; /* Forces horizontal even on mobile */
    }
}/* End custom CSS */