/* Native WordPress comments, shared by desktop and mobile. */
#comments {
    box-sizing: border-box;
    clear: both;
    width: 100%;
    max-width: 640px;
    margin: 2rem 0;
    padding: clamp(1rem, 3vw, 1.5rem);
    overflow: visible;
    border: 1px solid #ccd8e4;
    border-radius: 12px;
    background: #f7f5ef;
    color: #203b56;
    font-size: 1rem;
    line-height: 1.6;
    text-align: start;
    overflow-wrap: anywhere;
}
#comments #ekonomia-comments-title { margin: 0 0 0.65rem; padding: 0; color: #204f7d; font-size: 1.4rem; line-height: 1.3; }
#comments .ekonomia-comments-intro { margin: 0; }
#comments #respond { margin: 1.5rem 0 0; padding: 0; }
#comments #reply-title { margin: 0 0 0.8rem; padding: 0; font-size: 1.125rem; }
#comments #reply-title small { display: inline-block; margin-inline-start: 0.5rem; font-size: 0.875rem; font-weight: 400; }
#comments a { color: #204f7d; border-bottom: 1px solid currentColor; }
#comments #commentform { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin: 0; }
#comments #commentform > p { min-width: 0; margin: 0; grid-column: 1 / -1; }
#comments #commentform > .comment-form-author { grid-column: 1; }
#comments #commentform > .comment-form-email { grid-column: 2; }
#comments #commentform :is(.comment-notes, .logged-in-as) { color: #44576b; font-size: 0.875rem; line-height: 1.6; }
#comments #commentform label { display: block; margin: 0 0 0.4rem; font-size: 1rem; font-weight: 700; }
#comments #commentform .comment-form-comment label { display: block !important; }
#comments #commentform :is(textarea, input:not([type="checkbox"], [type="hidden"], [type="submit"])) {
    box-sizing: border-box;
    width: 100%;
    min-height: 44px;
    margin: 0;
    padding: 0.75rem;
    border: 1px solid #899fb5;
    border-radius: 8px;
    background: #fff;
    color: #182c40;
    font: inherit;
    line-height: 1.5;
}
#comments #commentform textarea { min-height: 10rem; resize: vertical; }
#comments #commentform textarea::placeholder { color: #53677a; opacity: 1; }
#comments #commentform .comment-form-cookies-consent { display: flex; align-items: flex-start; gap: 0.65rem; }
#comments #commentform .comment-form-cookies-consent input { flex: 0 0 1.1rem; width: 1.1rem; height: 1.1rem; margin: 0.25rem 0 0; accent-color: #204f7d; }
#comments #commentform .comment-form-cookies-consent label { margin: 0; font-size: 0.875rem; font-weight: 400; }
#comments #commentform #submit {
    float: none;
    box-sizing: border-box;
    min-height: 44px;
    max-width: 100%;
    margin: 0;
    padding: 0.75rem 1.25rem;
    border: 1px solid #204f7d;
    border-radius: 8px;
    background: #204f7d;
    color: #fff;
    font: inherit;
    font-weight: 700;
    white-space: normal;
    cursor: pointer;
}
#comments #commentform #submit:hover { background: #173e65; }
#comments :is(a, input, textarea):focus-visible { outline: 3px solid #4267b2; outline-offset: 3px; }
#comments .nocomments { margin: 1.25rem 0 0; color: #44576b; font-size: 0.9375rem; }

/* Reset the old global ordered-list and alternating-background rules. */
#comments :is(.commentlist, .children) { margin: 1.5rem 0 0 !important; padding: 0 !important; list-style: none; }
#comments :is(.commentlist, .children) > li { box-sizing: border-box; margin: 0 0 1rem; padding: 1rem !important; border: 1px solid #ccd8e4; border-radius: 10px; background: #fff; list-style: none; font-size: 1rem; }
#comments :is(.commentlist, .children) > li::before { content: none; }
#comments :is(.depth-2, .depth-3, .depth-4, .depth-5) { margin-inline-end: 0; }
#comments .comment-body { width: auto; margin: 0; padding: 0; background: none; }
#comments .comment-meta { position: static; width: auto; height: auto; margin: 0; padding: 0; background: none; color: #44576b; font-size: 0.875rem; text-align: start; }
#comments .comment-author .avatar { float: left; width: 40px; height: 40px; margin: 0 0.65rem 0.35rem 0; border-radius: 50%; }
#comments .says { display: none; }
#comments .comment-content { clear: both; }
#comments .comment-content p { margin: 0.75rem 0 0; }
#comments .comment-content :is(ul, ol) { margin: 0.75rem 0; padding-inline-start: 1.5rem; }
#comments .comment-content ul { list-style: disc; }
#comments .comment-content ol { list-style: decimal; }
#comments .comment-content li { display: list-item; margin: 0.35rem 0; padding: 0; background: none; list-style: inherit; }
#comments .comment-content li::before { content: none; }
#comments .reply { clear: both; margin: 0.8rem 0 0; font-size: 0.875rem; }
#comments .navigation { margin: 1.25rem 0 0; }
@media (max-width: 480px) {
    #comments #commentform { grid-template-columns: minmax(0, 1fr); }
    #comments #commentform > :is(.comment-form-author, .comment-form-email) { grid-column: 1; }
    #comments #commentform #submit { width: 100%; }
    #comments .children > li { padding: 1rem 0 0 !important; border: 0; border-top: 1px solid #ccd8e4; border-radius: 0; }
}