/**
 * Blog Dynamic Date Widget Styles
 * Fully scoped under .rd-blog-dynamic-date
 */

.rd-blog-dynamic-date {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.35em;
    margin: 0;
}

.rd-blog-dynamic-date__prefix,
.rd-blog-dynamic-date__date,
.rd-blog-dynamic-date__suffix {
    display: inline;
}

/* Editor placeholder shown when no valid custom date is selected */
.rd-blog-dynamic-date--placeholder {
    padding: 10px 14px;
    border: 2px dashed #ccd0d4;
    border-radius: 4px;
    color: #787c82;
    font-size: 13px;
    line-height: 1.4;
    justify-content: flex-start;
}