/**
 * Inter Theme - Template Block Styles
 */

/* Template preview in the editor */
.inter-theme-template-preview {
    border: 1px dashed #d2d2d2;
    border-radius: 4px;
    padding: 15px;
    margin-bottom: 20px;
    background-color: #fbfbfb;
}

.inter-theme-template-preview .template-preview-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e0e0e0;
}

.inter-theme-template-preview .template-title {
    font-weight: bold;
    font-size: 16px;
}

.inter-theme-template-preview .components-select-control {
    min-width: 200px;
}

.inter-theme-template-preview .template-content-preview {
    position: relative;
}

/* Disable interactions with template preview content */
.inter-theme-template-preview .template-content-preview .wp-block {
    pointer-events: none;
}

/* Template block selected state */
.block-editor-block-list__block.is-selected .inter-theme-template-preview {
    border-color: #007cba;
    box-shadow: 0 0 0 1px #007cba;
}

/* Make placeholder more noticeable */
.wp-block-inter-theme-template-block .components-placeholder {
    min-height: 150px;
}

/* Add an icon to the block in the inserter */
.editor-block-list-item-inter-theme-template-block .editor-block-icon {
    background-color: #f2f2f2;
    border-radius: 50%;
    padding: 3px;
}