/* 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 {
    max-width: 200px;
    text-align: center;
    margin-top: 10px;
}

/* ===================================================
   PROFESSIONAL PROGRESS BAR DESIGN - COMPACT & MODERN
   =================================================== */

/* Ticket range label text css for single page */
.wx-giveaway-ticket-range-single-page{
    padding-bottom: 8px;
    font-size: 0.9rem;
    font-weight: 600;
    color: #333;
}
/* Ticket range label text for shop page */
.wx-giveaway-ticket-range-shop-page{
    padding-bottom: 6px;
    font-size: 0.85rem;
    font-weight: 600;
    color: #333;
}
/* Ticket timer label text css for single page */
.wxgiveaway_timer_single_page {
    padding-top: 8px;
    padding-bottom: 8px;
  }
/* Ticket timer label text for shop page */
.wxgiveaway_timer_shop_page{
    padding-top: 8px;
    padding-bottom: 8px;
}

/* ===== MODERN SOLD PROGRESS CARD ===== */
.wxgiveaway-progress-wrapper {
    background: #ffffff;
    border: 1px solid #e6eaf0;
    border-radius: 12px;
    padding: 10px 12px;
    box-shadow: 0 2px 10px rgba(16, 24, 40, 0.06);
}

.wxgiveaway-progress-wrapper .wxgiveaway-progress-top {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 8px;
    margin-bottom: 7px;
    flex-wrap: wrap;
}

.wxgiveaway-progress-wrapper .wxgiveaway-progress-count {
    color: #344054;
    font-weight: 600;
}

.wxgiveaway-progress-wrapper .wxgiveaway-progress-percentage {
    font-weight: 700;
}

.wxgiveaway-progress-wrapper .wxgiveaway-progress-track {
    width: 100%;
    background: #e9edf2;
    border-radius: 999px;
    overflow: hidden;
    position: relative;
}

.wxgiveaway-progress-wrapper .wxgiveaway-progress-fill {
    height: 100%;
    border-radius: 999px;
    transition: width 0.35s ease;
}

/* ===== SHOP PAGE PROGRESS BAR ===== */
.shop-page-ticket-range .progress-container {
    position: relative;
    width: 100%;
    margin: 6px 0 10px 0;
}

/* Compact Stats Above Bar */
.shop-page-ticket-range .ticket-stats-compact {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 4px;
    font-size: 11px;
    font-weight: 600;
}

.shop-page-ticket-range .stat-sold {
    color: #555;
    letter-spacing: 0.3px;
}

.shop-page-ticket-range .stat-percentage {
    color: #1a73e8;
    font-size: 12px;
    font-weight: 700;
}

.shop-page-ticket-range .progress-bar {
    height: 8px;
    border-radius: 12px;
    overflow: hidden;
    background: #e8eaed;
    position: relative;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.08);
}

.shop-page-ticket-range .sold-bar {
    height: 100%;
    border-radius: 12px;
    transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 0 4px rgba(0,0,0,0.1);
    min-width: 2%;
}

/* ===== SINGLE PAGE PROGRESS BAR ===== */
.single-page-ticket-range .progress-container {
    position: relative;
    width: 100%;
    margin: 10px 0 12px 0;
}

/* Compact Stats Above Bar */
.single-page-ticket-range .ticket-stats-compact {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px;
    font-size: 13px;
    font-weight: 600;
}

.single-page-ticket-range .stat-sold {
    color: #555;
    letter-spacing: 0.3px;
}

.single-page-ticket-range .stat-percentage {
    color: #1a73e8;
    font-size: 14px;
    font-weight: 700;
}

.single-page-ticket-range .progress-bar {
    height: 10px;
    border-radius: 12px;
    overflow: hidden;
    background: #e8eaed;
    position: relative;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.08);
}

.single-page-ticket-range .sold-bar {
    height: 100%;
    border-radius: 12px;
    transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 0 4px rgba(0,0,0,0.12);
    min-width: 2%;
}

/* Hide deprecated elements */
.sold-allocated-data-show,
.ticket-info-below,
.tooltip-sold-text,
.tooltip-left-text {
    display: none !important;
}


/* no of ticket text css  */

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

}

/* single product page */

.no-of-tickets-single{

}

/* ===================================================
   RESPONSIVE DESIGN - Mobile & Tablet
   =================================================== */

/* Tablets y pantallas medianas (hasta 768px) */
@media (max-width: 768px) {
    .wxgiveaway-progress-wrapper {
        border-radius: 10px;
        padding: 9px 10px;
    }

    .progress-container {
        margin: 6px 0 8px 0 !important;
    }
    
    .shop-page-ticket-range .progress-bar {
        height: 7px !important;
    }
    
    .single-page-ticket-range .progress-bar {
        height: 9px !important;
    }
    
    .shop-page-ticket-range .ticket-stats-compact {
        font-size: 10px !important;
        margin-bottom: 3px !important;
    }
    
    .single-page-ticket-range .ticket-stats-compact {
        font-size: 12px !important;
        margin-bottom: 4px !important;
    }
    
    .shop-page-ticket-range .stat-percentage {
        font-size: 11px !important;
    }
    
    .single-page-ticket-range .stat-percentage {
        font-size: 13px !important;
    }
    
    .draw-button {
        padding: 8px 14px;
        font-size: 0.9rem;
    }
    
    .wx-giveaway-ticket-range-single-page,
    .wx-giveaway-ticket-range-shop-page {
        font-size: 0.85rem;
        padding-bottom: 6px;
    }
    
    .wxgiveaway_timer_single_page,
    .wxgiveaway_timer_shop_page {
        padding: 6px 0;
    }
}

/* Móviles (hasta 480px) */
@media (max-width: 480px) {
    .wxgiveaway-progress-wrapper {
        border-radius: 9px;
        padding: 8px 9px;
    }

    .progress-container {
        margin: 5px 0 7px 0 !important;
    }
    
    .shop-page-ticket-range .progress-bar {
        height: 6px !important;
    }
    
    .single-page-ticket-range .progress-bar {
        height: 8px !important;
    }
    
    .shop-page-ticket-range .ticket-stats-compact {
        font-size: 9px !important;
        margin-bottom: 3px !important;
    }
    
    .single-page-ticket-range .ticket-stats-compact {
        font-size: 11px !important;
        margin-bottom: 3px !important;
    }
    
    .shop-page-ticket-range .stat-percentage {
        font-size: 10px !important;
    }
    
    .single-page-ticket-range .stat-percentage {
        font-size: 12px !important;
    }
    
    .draw-button {
        padding: 7px 12px;
        font-size: 0.85rem;
    }
    
    .wx-giveaway-ticket-range-single-page,
    .wx-giveaway-ticket-range-shop-page {
        font-size: 0.8rem;
        padding-bottom: 5px;
    }
    
    .wxgiveaway_timer_single_page,
    .wxgiveaway_timer_shop_page {
        padding: 5px 0;
    }
    
    .no-of-tickets-archive,
    .no-of-tickets-single,
    .no-of-bonus-tickets-single,
    .no-of-total-tickets-single {
        font-size: 0.85rem;
    }
}