/* Winner revealing button in shop page  */
.draw-button {
    padding: 10px 16px;
    text-decoration: none;
    border-radius: 5px;

}

/* Styling specific to the shop page */
.draw-button.shop-page-button{
	width: 98%;
  	text-align: center;
}


/* Winner revealing button single product pages */
.draw-button.single-product-button {
    margin-left: 10px;
  max-width: 300px;
  padding: 5px 0px 10px;
  align-items: center;
  text-align: center;
}
.draw-button.single-product-button.winner-button{
    padding: 4px 10px 10px 10px;

}

/* ticket range/progress bar css in shop page & single product page start  */

/* Ticket range label text css for single page */
.wx-giveaway-ticket-range-single-page{
    padding-bottom: 15px;
}
/* Ticket range label text for shop page */
.wx-giveaway-ticket-range-shop-page{
    padding-bottom: 15px;
}
/* Ticket timer label text css for single page */
.wxgiveaway_timer_single_page {
    padding-top: 10px;
    padding-bottom: 10px;
  }
/* Ticket timer label text for shop page */
.wxgiveaway_timer_shop_page{
    padding-top: 10px;
    padding-bottom: 10px;
}

/* css for ticket rabge in shop page  */
.shop-page-ticket-range .progress-container {
    position: relative;
    width: 100%;
}

.shop-page-ticket-range .progress-bar {
    display: flex;
    height: 20px;
    border-radius: 10px;
    overflow: unset;
    position: relative;
    margin-top : 3%;
}

.shop-page-ticket-range .sold-bar {
    height: 100%;
    position: relative;
    text-align: center;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
} 

/* Tooltip Styling */
.shop-page-ticket-range .tooltip-sold-text {
    left: 0px;
    position: absolute;
    top: -34px;
    padding: 5px;
    font-size: 12px;
    border-radius: 4px;
    white-space: nowrap;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease, visibility 0.3s ease;
	
}

.shop-page-ticket-range .tooltip-left-text {
	right: 0px;
    position: absolute;
    top: -34px;
    padding: 5px;
    font-size: 12px;
    border-radius: 4px;
    white-space: nowrap;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease, visibility 0.3s ease;
	z-index: 9999;
}

/* Tooltip Arrow */
.shop-page-ticket-range .tooltip-sold-text::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 16%;
    transform: translateX(-50%);
    border-width: 5px;
    border-style: solid;
}

.shop-page-ticket-range .tooltip-left-text::after {
    content: "";
    position: absolute;
    top: 100%;
    left:91%;
    transform: translateX(-50%);
    border-width: 5px;
    border-style: solid;
}

/* Show tooltip on hover */
.shop-page-ticket-range .progress-bar:hover .tooltip-sold-text,
.shop-page-ticket-range .progress-bar:hover .tooltip-left-text {
    visibility: visible;
    opacity: 1;
}

.shop-page-ticket-range .sold-bar:hover .tooltip-sold-text {
    visibility: visible;
    opacity: 1;
}
/* Css for ticket range in single product page  */
.single-page-ticket-range .progress-container {
    position: relative;
    width: 100%;
}

.single-page-ticket-range .progress-bar {
    display: flex;
    height: 20px;
    border-radius: 10px;
    overflow: unset;
    position: relative;
    margin-bottom: 11px;
  
}

.single-page-ticket-range .sold-bar {
    height: 100%;
    /* width : 10%; */
    position: relative;
    text-align: center;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

/* Tooltip Styling */
.single-page-ticket-range .tooltip-sold-text {
    position: absolute;
    top: -34px;
    left: 0px;
    padding: 5px;
    font-size: 12px;
    border-radius: 4px;
    white-space: nowrap;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.single-page-ticket-range .tooltip-left-text {
    position: absolute;
    top: -34px;
    right: 0px;
    padding: 5px;
    font-size: 12px;
    border-radius: 4px;
    white-space: nowrap;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

/* Tooltip Arrow */
.single-page-ticket-range .tooltip-sold-text::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 7%;
    border-width: 5px;
    border-style: solid;
}

.single-page-ticket-range .tooltip-left-text::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 85%;
    border-width: 5px;
    border-style: solid;
}

/* Show tooltip on hover */
.single-page-ticket-range .progress-bar:hover .tooltip-sold-text,
.single-page-ticket-range .progress-bar:hover .tooltip-left-text {
    visibility: visible;
    opacity: 1;
}

.single-page-ticket-range .sold-bar:hover .tooltip-sold-text {
    visibility: visible;
    opacity: 1;
}


/* ticket range/progress bar css in shop page & single product page end  */


/* no of ticket text css  */

/* shop page */
.no-of-tickets-archive{

}

/* single product page */

.no-of-tickets-single{

}