/* DGS Card Block - Editor Styles */

.editor-styles-wrapper .dgs-card {
    margin: var(--space-m) 0;
}

.editor-styles-wrapper .dgs-card-container {
    padding: var(--space-l);
}

/* Grid layout in editor */
.editor-styles-wrapper .dgs-card.display-mode-grid .dgs-cards-grid {
    display: grid;
}

/* Ensure proper spacing in editor */
.editor-styles-wrapper .dgs-card-item {
    border: 1px solid var(--neutral-ultra-light);
}

/* Make placeholder images more visible in editor */
.editor-styles-wrapper .dgs-card-image-placeholder {
    opacity: 0.6;
    border: 2px dashed var(--neutral-medium);
}

/* Editor placeholder */
.editor-styles-wrapper .dgs-card-placeholder {
    font-size: var(--text-m);
    color: var(--neutral-dark);
}

/* Highlight card accent color in editor */
.editor-styles-wrapper .dgs-card-image-wrapper::after {
    opacity: 0.8;
}

/* Make sure editor controls don't overlap */
.editor-styles-wrapper .dgs-card-item:hover {
    outline: 1px solid var(--action);
}