/* 
 * WDC Frontend Styles - Specificity & Logic Refactor
 * Strategy: 
 * 1. "Hero Logic" applies ONLY when container does NOT have discount.
 * 2. "Discount Logic" delegates styling to Elementor (for size/color) and only adds line-through.
 */

/* -----------------------------------------------------------
   GLOBAL DEFAULTS (Hidden Items)
----------------------------------------------------------- */
.wdc-container .wdc-special-price,
.wdc-container .wdc-payment-label {
    display: none !important;
}

/* -----------------------------------------------------------
   SCENARIO A: NO DISCOUNT (DEFAULT)
   List Price Becomes HERO (Big, Bold, #131313)
   Selector: :not(.wdc-has-discount)
----------------------------------------------------------- */
.wdc-container:not(.wdc-has-discount) .wdc-list-price,
.wdc-container:not(.wdc-has-discount) .wdc-list-price .elementor-widget-container,
.wdc-container:not(.wdc-has-discount) .wdc-list-price .elementor-heading-title {
    text-decoration: none !important;
    font-size: 1.6vw !important;
    font-weight: 700 !important;
    color: #131313 !important;
    line-height: 1.2;
}

/* -----------------------------------------------------------
   SCENARIO B: DISCOUNT ACTIVE
   1. Special Price Becomes HERO
   2. List Price Becomes "Normal" (Struck Through) - Styles delegated to Elementor
----------------------------------------------------------- */

/* Special Price: Force HERO Style */
.wdc-container.wdc-has-discount .wdc-special-price,
.wdc-container.wdc-has-discount .wdc-special-price .elementor-widget-container,
.wdc-container.wdc-has-discount .wdc-special-price .elementor-heading-title {
    display: block !important;
    font-size: 1.6vw !important;
    font-weight: 700 !important;
    color: #131313 !important;
}

/* Label: Show it (Dark Grey) */
.wdc-container.wdc-has-discount .wdc-payment-label {
    display: block !important;
    visibility: visible !important;
    color: #333333 !important;
}

/* List Price: Just Strike It (CLEAN SINGLE LINE) */
/* 1. Reset wrapper to avoid double lines */
.wdc-container.wdc-has-discount .wdc-list-price,
.wdc-container.wdc-has-discount .wdc-list-price .elementor-widget-container {
    text-decoration: none !important;
    opacity: 0.7;
    color: #666666 !important;
}

/* 2. Apply strike ONLY to the text text */
.wdc-container.wdc-has-discount .wdc-list-price .elementor-heading-title {
    text-decoration: line-through !important;
    opacity: 1;
    /* Parent handles opacity */
    color: inherit !important;
    /* Inherit from parent check */
}

/* -----------------------------------------------------------
   MOBILE ADJUSTMENTS (max-width: 767px)
----------------------------------------------------------- */
@media (max-width: 767px) {

    /* SCENARIO A: List Price is Hero Mobile (7.5vw) */
    .wdc-container:not(.wdc-has-discount) .wdc-list-price,
    .wdc-container:not(.wdc-has-discount) .wdc-list-price .elementor-heading-title {
        font-size: 7.5vw !important;
    }

    /* SCENARIO B: Special Price is Hero Mobile (7.5vw) */
    .wdc-container.wdc-has-discount .wdc-special-price,
    .wdc-container.wdc-has-discount .wdc-special-price .elementor-heading-title {
        font-size: 7.5vw !important;
    }

    /* SCENARIO B: List Price (Struck) on Mobile */
    /* We enable Elementor to control this, but providing a safe fallback if needed.
       If user wants 14px, they set it in Elementor Mobile View. 
       We leave this empty to respect their settings. */
}