/* WPCodeBox Snippet: External Pricing Styles */
/* Type: CSS Snippet */
/* Location: Frontend */

.pricing-loading {
    text-align: center;
    padding: 2rem;
    color: var(--primary-color, #2CB67D);
    font-weight: 600;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    margin-bottom: 2rem;
}

.pricing-error,
.pricing-fallback {
    text-align: center;
    padding: 2rem;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #9ca3af;
}

.wp-pricing-external,
.external-pricing-content {
    /* Ensure external content inherits your theme styles */
    color: inherit !important;
    font-family: inherit !important;
}

.wp-pricing-external * {
    color: inherit;
    font-family: inherit;
}

/* Override any conflicting styles from external content */
.external-pricing-content table {
    width: 100%;
    border-collapse: collapse;
}

.external-pricing-content td,
.external-pricing-content th {
    padding: 1rem;
    text-align: left;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}