/**
 * DGS Pricing Cards Block - Editor Styles
 */

/* Editor wrapper - background colors and border radius are applied via classes */
.editor-styles-wrapper .wp-block-dgs-pricing-cards.has-background {
    padding: var(--space-xl);
}

.editor-styles-wrapper .wp-block-dgs-pricing-cards.bg-scheme-primary {
    background-color: var(--primary-ultra-light);
}

.editor-styles-wrapper .wp-block-dgs-pricing-cards.bg-scheme-secondary {
    background-color: var(--secondary-ultra-light);
}

.editor-styles-wrapper .wp-block-dgs-pricing-cards.bg-scheme-action {
    background-color: var(--action-ultra-light);
}

.editor-styles-wrapper .wp-block-dgs-pricing-cards.bg-scheme-accent {
    background-color: var(--accent-ultra-light);
}

.editor-styles-wrapper .wp-block-dgs-pricing-cards.bg-scheme-neutral {
    background-color: var(--neutral-ultra-light);
}

.editor-styles-wrapper .wp-block-dgs-pricing-cards.bg-scheme-warning {
    background-color: var(--warning-ultra-light);
}

.editor-styles-wrapper .wp-block-dgs-pricing-cards.border-radius-small {
    border-radius: var(--radius, 1rem);
}

.editor-styles-wrapper .wp-block-dgs-pricing-cards.border-radius-medium {
    border-radius: var(--radius-l, 1.5rem);
}

.editor-styles-wrapper .wp-block-dgs-pricing-cards.border-radius-large {
    border-radius: var(--radius-xl, 2.25rem);
}

.editor-styles-wrapper .wp-block-dgs-pricing-cards.border-radius-xlarge {
    border-radius: var(--radius-xxl, 3.375rem);
}

/* Ensure cards display properly in editor */
.editor-styles-wrapper .dgs-pricing-cards__grid {
    max-width: 100%;
}

/* Make non-clickable buttons look disabled in editor */
.editor-styles-wrapper .dgs-pricing-cards__button--editor {
    opacity: 0.8;
    cursor: not-allowed;
}

/* Editor preview adjustments for better visibility */
.editor-styles-wrapper .dgs-pricing-cards__card {
    min-height: 400px;
}

/* Ensure highlighted card stands out in editor */
.editor-styles-wrapper .dgs-pricing-cards__card--highlighted {
    position: relative;
    z-index: 10;
}

/* Badge positioning in editor */
.editor-styles-wrapper .dgs-pricing-cards__badge {
    z-index: 20;
}

/* Ensure proper spacing in editor */
.editor-styles-wrapper .dgs-pricing-cards {
    margin: var(--space-l, 2rem) 0;
}