/* Estilos específicos para los botones de cupones */

/* Asegurar que los botones de cupones sean visibles y usen los colores personalizados */
.coupon-btn,
.save-coupon,
.check_coupon,
button[type="submit"].coupon-action,
.coupon-card a.btn {
    background-color: var(--button-background, #F15412) !important;
    color: var(--button-text-color, #FFFFFF) !important;
    border-color: var(--button-background, #F15412) !important;
    display: inline-block !important;
    padding: 8px 15px !important;
    font-weight: 600 !important;
    border-radius: 4px !important;
    text-transform: none !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2) !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: relative !important;
    z-index: 10 !important;
    transition: all 0.3s ease !important;
    margin: 5px 0 !important;
    cursor: pointer !important;
}

.coupon-btn:hover,
.save-coupon:hover,
.check_coupon:hover,
button[type="submit"].coupon-action:hover,
.coupon-card a.btn:hover {
    background-color: var(--hover-color, #FDC040) !important;
    border-color: var(--hover-color, #FDC040) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 8px rgba(0,0,0,0.15) !important;
}

/* Estilos para botones guardados o usados */
.coupon-btn.saved,
.coupon-btn.used {
    background-color: #6c757d !important;
    border-color: #6c757d !important;
    cursor: default !important;
}

.coupon-btn.save-coupon,
.coupon-btn.check_coupon,
.coupon-card a.save-coupon,
.coupon-card a.check_coupon {
    background-color: var(--button-background, #F15412) !important;
    color: var(--button-text-color, #FFFFFF) !important;
    border-color: var(--button-background, #F15412) !important;
    display: inline-block !important;
    padding: 8px 15px !important;
    font-weight: 600 !important;
    border-radius: 4px !important;
    text-transform: none !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2) !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Ajustes para el contenedor de cupones */
.progress-bar {
    background-color: var(--theme-color, #F15412) !important;
}

.coupon-time {
    color: var(--theme-color, #F15412) !important;
}

/* Hacer visibles elementos que podrían estar ocultos */
.coupon-card .coupon-btn,
.coupon-card .save-coupon,
.coupon-card .check_coupon,
.tab-pane .btn,
.tab-pane button[type="submit"] {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
}