/* Gutenberg block — Bodaza AI modal & inline UI */

.wacr-block-phase {
    padding: 4px 0;
}

.wacr-block-phase h3 {
    margin: 0 0 6px;
    font-size: 16px;
    font-weight: 600;
}

.wacr-block-desc {
    color: #757575;
    font-size: 13px;
    margin: 0 0 18px;
}

.wacr-block-field {
    margin-bottom: 16px;
}

.wacr-block-label {
    font-weight: 600;
    display: block;
    margin-bottom: 4px;
    font-size: 13px;
}

.wacr-block-actions {
    margin-top: 20px;
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
}

/* Radio cards for origin selection */
.wacr-block-radio-cards {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.wacr-block-radio-card {
    transition: background 0.15s, border-color 0.15s;
}

.wacr-block-radio-card:hover {
    background: #f0f6fc !important;
    border-color: #2271b1 !important;
}

/* Ideas list */
.wacr-block-ideas {
    max-height: 400px;
    overflow-y: auto;
    margin-bottom: 16px;
    padding-right: 4px;
}

.wacr-block-idea-item {
    transition: background 0.15s, border-color 0.15s;
}

.wacr-block-idea-item:hover {
    background: #f0f6fc !important;
    border-color: #2271b1 !important;
}

/* Article preview */
.wacr-block-preview h2 {
    font-size: 1.3em;
    margin: 1.2em 0 0.5em;
}

.wacr-block-preview h3 {
    font-size: 1.1em;
    margin: 1em 0 0.4em;
}

.wacr-block-preview p {
    margin: 0.7em 0;
}

.wacr-block-preview .wacr-image-suggestion {
    background: #f9f9f9;
    border-left: 4px solid #d4a574;
    padding: 10px 15px;
    margin: 15px 0;
    font-size: 0.9em;
}

/* Freepik image integration */
.wacr-freepik-wrapper {
    margin: 15px 0;
}

.wacr-freepik-wrapper .wacr-image-suggestion {
    margin: 0;
    border-radius: 4px 4px 0 0;
}

.wacr-freepik-actions {
    background: #fafafa;
    border: 1px solid #dcdcde;
    border-top: none;
    padding: 8px 12px;
    border-radius: 0 0 4px 4px;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
}

.wacr-freepik-image {
    margin: 0 0 1.5em;
    text-align: center;
}

.wacr-freepik-image img {
    max-width: 100%;
    height: auto;
    border-radius: 4px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}

.wacr-freepik-image figcaption {
    margin-top: 6px;
    font-size: 0.82em;
    color: #757575;
    font-style: italic;
}