/* Admin Settings Styling */
.cdc-settings-wrap {
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    margin-top: 20px;
}

.cdc-settings-wrap h1 {
    font-weight: 600;
    color: #23282d;
}
/* Custom URL fields ko shuru mein hide rakhein */
/* #cdc_add_to_cart_redirect_custom_url,
#cdc_replace_cart_url_custom {
    display: none;
} */

/* Unke poore row (tr) ko bhi hide karein */
/* #cdc_add_to_cart_redirect_custom_url.closest-tr, 
#cdc_replace_cart_url_custom.closest-tr {
    display: none;
} */

/* Quick View Button Styling to match Image 2 */
#cdc-qv-modal .button.alt, 
#cdc-qv-modal .single_add_to_cart_button {
    background-color: #333 !important;
    color: #fff !important;
    padding: 12px 25px !important;
    border-radius: 0px !important;
    font-weight: 600 !important;
    text-transform: none !important;
}

#cdc-qv-modal .quantity input {
    height: 45px !important;
    background: #f2f2f2 !important;
    border: none !important;
    padding: 0 10px !important;
}

#cdc-qv-modal .cdc-qv-add-to-cart form {
    display: flex;
    gap: 10px;
    align-items: center;
}
.cdc-purchase-now-btn {
    background: #0071a1;
    color: #fff;
    padding: 10px 20px;
    display: inline-block;
    margin-top: 10px;
    font-weight: 600;
}


/* badge */
/* ==========================================================================
   ADVANCED SALE BADGE (RIBBON & LARGE STYLES)
   ========================================================================== */

/* Wrapper for positioning */
.cdc-archive-badge-wrapper,
.cdc-single-badge-wrapper {
    position: absolute;
    z-index: 101;
    pointer-events: none;
}

/* Position Classes - Adjusted for better alignment with larger size */
.cdc-top_left { top: -5px; left: -5px; }
.cdc-top_right { top: -5px; right: -5px; }

/* Base Badge Style - Updated for Large Size */
.cdc-sale-badge {
    display: inline-block;
    padding: 10px 22px; /* Pehle se bada size */
    font-weight: 900;
    font-size: 16px; /* Bada font size */
    text-transform: uppercase;
    line-height: 1;
    box-shadow: 3px 3px 8px rgba(0,0,0,0.25);
    letter-spacing: 0.5px;
}

/* --- Style 1: The Folded Ribbon (Exact Image Reference) --- */
.cdc-sale-badge.cdc-style_1 {
    position: relative;
    margin-left: 8px;
    /* Yeh property ribbon ko slanted shape deti hai */
    clip-path: polygon(12% 0%, 100% 0%, 88% 100%, 0% 100%);
}

/* Ribbon ka niche wala Fold (Triangle) */
.cdc-sale-badge.cdc-style_1::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 0;
    border-color: transparent;
    /* Border color dynamic PHP se dark hokar aayega */
    filter: brightness(0.6);
}

/* --- Style 2: Modern Square (Large) --- */
.cdc-sale-badge.cdc-style_2 {
    border-radius: 4px;
    padding: 12px 20px;
}

/* --- Style 3: Circular Percentage (Large) --- */
.cdc-sale-badge.cdc-style_3 {
    border-radius: 50%;
    width: 65px; /* Size increased */
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 14px;
    padding: 5px;
}

/* Fix for Product Containers */
.woocommerce ul.products li.product, 
.woocommerce div.product {
    position: relative;
    overflow: visible !important; /* Ribbon bahar nikalne ke liye zaroori hai */
}

/* Animation for attention (Optional but looks professional) */
.cdc-sale-badge {
    animation: cdc-subtle-pulse 2s infinite ease-in-out;
}

@keyframes cdc-subtle-pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.03); }
    100% { transform: scale(1); }
}