/* Editor-specific styles for DGS Info Block (Standalone) */
/* SearchWP styles are dequeued in functions.php to prevent ACSS variable conflicts */

/* Ensure FontAwesome icons display in editor */
.editor-styles-wrapper .info-block-standalone .info-box-icon i,
.block-editor-writing-flow .info-block-standalone .info-box-icon i {
    font-family: "Font Awesome 6 Solid", "Font Awesome 6 Pro" !important;
    font-weight: 900 !important;
    font-style: normal !important;
    color: var(--white);
}

/* Icon background color in editor - use inline style which sets --icon-bg-color */
.editor-styles-wrapper .info-block-standalone .info-box-icon,
.block-editor-writing-flow .info-block-standalone .info-box-icon {
    background-color: var(--icon-bg-color, var(--action));
}

/* Background Colors - ultra-light versions in editor */
.editor-styles-wrapper .info-block-standalone.bg-primary .info-box,
.block-editor-writing-flow .info-block-standalone.bg-primary .info-box {
    background-color: var(--primary-ultra-light);
}

.editor-styles-wrapper .info-block-standalone.bg-action .info-box,
.block-editor-writing-flow .info-block-standalone.bg-action .info-box {
    background-color: var(--action-ultra-light);
}

.editor-styles-wrapper .info-block-standalone.bg-accent .info-box,
.block-editor-writing-flow .info-block-standalone.bg-accent .info-box {
    background-color: var(--accent-ultra-light);
}

.editor-styles-wrapper .info-block-standalone.bg-neutral .info-box,
.block-editor-writing-flow .info-block-standalone.bg-neutral .info-box {
    background-color: var(--neutral-ultra-light);
}

.editor-styles-wrapper .info-block-standalone.bg-secondary .info-box,
.block-editor-writing-flow .info-block-standalone.bg-secondary .info-box {
    background-color: var(--secondary-ultra-light);
}

.editor-styles-wrapper .info-block-standalone.bg-warning .info-box,
.block-editor-writing-flow .info-block-standalone.bg-warning .info-box {
    background-color: var(--warning-ultra-light);
}

/* Add padding around info box in editor - match frontend */
.editor-styles-wrapper .info-block-standalone .info-box,
.block-editor-writing-flow .info-block-standalone .info-box {
    padding: var(--space-l) !important;
}

/* Prevent auto-centering in editor - use WP aligncenter instead */
.editor-styles-wrapper .info-block-standalone .info-box,
.block-editor-writing-flow .info-block-standalone .info-box,
.editor-styles-wrapper .info-block-standalone.box-width-full .info-box,
.block-editor-writing-flow .info-block-standalone.box-width-full .info-box,
.editor-styles-wrapper .info-block-standalone.box-width-medium .info-box,
.block-editor-writing-flow .info-block-standalone.box-width-medium .info-box,
.editor-styles-wrapper .info-block-standalone.box-width-large .info-box,
.block-editor-writing-flow .info-block-standalone.box-width-large .info-box,
.editor-styles-wrapper .info-block-standalone.box-width-xlarge .info-box,
.block-editor-writing-flow .info-block-standalone.box-width-xlarge .info-box {
    margin: 0 !important;
}

/* Button styles in editor */
.editor-styles-wrapper .info-block-standalone .info-box-button,
.block-editor-writing-flow .info-block-standalone .info-box-button {
    background: var(--icon-bg-color, var(--action));
    color: var(--white) !important;
    border: 2px solid var(--icon-bg-color, var(--action));
}