/**
 * Pinterest Follow Button Block Editor Styles
 */

.pinnerpress-follow-block-editor {
    margin: 10px 0;
}

.pinnerpress-follow-block-editor .components-placeholder {
    min-height: 100px;
    padding: 20px;
}

.pinnerpress-follow-block-editor .components-placeholder svg {
    margin-bottom: 10px;
    color: #E60023;
}

/* Block icon in the inserter */
.block-editor-block-types-list__item[data-type="pinnerpress/follow-button"] .block-editor-block-types-list__item-icon {
    color: #E60023;
}

/* Block preview in editor */
.pinnerpress-follow-block-editor a {
    transition: all 0.2s ease;
}

.pinnerpress-follow-block-editor a:hover {
    opacity: 0.9;
    transform: translateY(-1px);
}

/* Inspector controls styling */
.components-panel__body .components-base-control__label {
    font-weight: 600;
}

/* Color picker styling */
.components-color-palette__item {
    border-radius: 4px;
}

/* Block placeholder styling */
.pinnerpress-follow-block-editor .components-placeholder__label svg {
    width: 32px;
    height: 32px;
    margin-bottom: 8px;
}

.pinnerpress-follow-block-editor .components-placeholder__instructions {
    color: #757575;
    font-size: 14px;
    line-height: 1.4;
}

/* Ensure proper spacing in the editor */
.pinnerpress-follow-block-editor .wp-block {
    margin-top: 0;
    margin-bottom: 0;
}