/* ── Auto Launch AI Copy Writer — Editor Sidebar ────────────────────────── */

/* Spinner inline */
.al-cw-preview {
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    overflow: hidden;
}

.al-cw-preview-item {
    padding: 10px 12px;
    border-bottom: 1px solid #f0f0f0;
    font-size: 12px;
    line-height: 1.5;
}
.al-cw-preview-item:last-of-type { border-bottom: none; }

.al-cw-preview-item.al-cw-unchanged {
    opacity: 0.5;
}

.al-cw-preview-label {
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 600;
    font-size: 11px;
    color: #555;
    margin-bottom: 5px;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.al-cw-badge-changed {
    background: #00a32a;
    color: #fff;
    border-radius: 3px;
    padding: 1px 5px;
    font-size: 9px;
    font-weight: 700;
}
.al-cw-badge-same {
    background: #ddd;
    color: #666;
    border-radius: 3px;
    padding: 1px 5px;
    font-size: 9px;
    font-weight: 700;
}

.al-cw-preview-old {
    color: #b00;
    text-decoration: line-through;
    font-size: 12px;
    margin-bottom: 3px;
    word-break: break-word;
}

.al-cw-preview-new {
    color: #006505;
    font-size: 12px;
    font-weight: 500;
    word-break: break-word;
}

.al-cw-unchanged .al-cw-preview-new {
    color: #555;
    font-weight: 400;
}

/* ── Article image placeholder blocks ───────────────────────────────────── */

/* GenerateBlocks image — 100% width, 300px height */
.al-article-image,
.wp-block-generateblocks-image.al-article-image {
    width: 100% !important;
    display: block;
}
.al-article-image img,
.wp-block-generateblocks-image.al-article-image img {
    width:      100% !important;
    height:     300px !important;
    object-fit: cover !important;
    display:    block;
}

/* core/image fallback */
figure.wp-block-image.al-article-image {
    width:     100% !important;
    max-width: 100% !important;
    margin:    0 !important;
}
figure.wp-block-image.al-article-image img {
    width:      100% !important;
    height:     300px !important;
    object-fit: cover !important;
    display:    block;
}

/* Editor placeholder state */
.block-editor .al-article-image .components-placeholder,
.block-editor figure.wp-block-image.al-article-image .components-placeholder,
.block-editor .al-article-image .block-editor-media-placeholder {
    min-height: 300px !important;
    background: #f0f4f8 !important;
    border:     2px dashed #c5d0db !important;
    border-radius: 4px;
}