/**
 * Custom Currency Fix CSS for Elfsight Pricing Table
 * Provides styling support for USD to US$ currency symbol replacement
 */

/* Target the specific eapps-pricing-table elements */
.eapps-pricing-table .eapps-pricing-table-column-price-currency,
.eapps-pricing-table .eapps-pricing-table-column-price-prefix {
    position: relative;
}

/* Hide the original $ symbol when USD is selected */
.eapps-pricing-table[data-elfsight-pricing-table-options*="USD"] .eapps-pricing-table-column-price-currency:before,
.eapps-pricing-table[data-elfsight-pricing-table-options*="USD"] .eapps-pricing-table-column-price-prefix:before {
    display: none !important;
}

/* Style for the US$ replacement */
.eapps-pricing-table[data-elfsight-pricing-table-options*="USD"] .eapps-pricing-table-column-price-currency::before,
.eapps-pricing-table[data-elfsight-pricing-table-options*="USD"] .eapps-pricing-table-column-price-prefix::before {
    content: "US$" !important;
    display: inline !important;
}

/* Alternative approach: target specific price elements */
.eapps-pricing-table[data-elfsight-pricing-table-options*="USD"] .eapps-pricing-table-column-price,
.eapps-pricing-table[data-elfsight-pricing-table-options*="USD"] .eapps-pricing-table-column-price-value {
    position: relative;
}

/* Hide any existing $ symbols in price content */
.eapps-pricing-table[data-elfsight-pricing-table-options*="USD"] .eapps-pricing-table-column-price-currency:contains("$"),
.eapps-pricing-table[data-elfsight-pricing-table-options*="USD"] .eapps-pricing-table-column-price-prefix:contains("$") {
    font-size: 0;
}

.eapps-pricing-table[data-elfsight-pricing-table-options*="USD"] .eapps-pricing-table-column-price-currency:contains("$")::before,
.eapps-pricing-table[data-elfsight-pricing-table-options*="USD"] .eapps-pricing-table-column-price-prefix:contains("$")::before {
    content: "US$";
    font-size: inherit;
}

/* Ensure the currency symbol is properly styled */
.eapps-pricing-table[data-elfsight-pricing-table-options*="USD"] .eapps-pricing-table-column-price-currency {
    display: inline-block;
}

/* Target specific pricing table layouts */
.eapps-pricing-table[data-elfsight-pricing-table-options*="USD"] .eapps-pricing-table-column .eapps-pricing-table-column-price,
.eapps-pricing-table[data-elfsight-pricing-table-options*="USD"] .eapps-pricing-table-grid .eapps-pricing-table-column-price,
.eapps-pricing-table[data-elfsight-pricing-table-options*="USD"] .eapps-pricing-table .eapps-pricing-table-column-price {
    position: relative;
}

/* Additional specificity for different skin variations */
.eapps-pricing-table[data-elfsight-pricing-table-options*="USD"] .skin1 .eapps-pricing-table-column-price,
.eapps-pricing-table[data-elfsight-pricing-table-options*="USD"] .skin2 .eapps-pricing-table-column-price,
.eapps-pricing-table[data-elfsight-pricing-table-options*="USD"] .skin3 .eapps-pricing-table-column-price,
.eapps-pricing-table[data-elfsight-pricing-table-options*="USD"] .skin4 .eapps-pricing-table-column-price,
.eapps-pricing-table[data-elfsight-pricing-table-options*="USD"] .skin5 .eapps-pricing-table-column-price {
    position: relative;
}