/* «Беседа» — комментарии. Цвета берутся из переменных, их можно переопределить в теме. */
.beseda{--bs-accent:#1d4a3f;--bs-accent2:#2b6656;--bs-gold:#a17a2c;--bs-ink:inherit;--bs-muted:#6b7570;--bs-line:rgba(0,0,0,.1);--bs-card:rgba(0,0,0,.025);--bs-radius:14px;
  margin:3rem 0 2rem;font-size:1rem;line-height:1.55;color:var(--bs-ink)}
.beseda *{box-sizing:border-box}
.beseda button{font:inherit;cursor:pointer}
.bs-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.bs-count{display:inline-flex;align-items:center;gap:.35em;font-size:.9em;text-decoration:none;color:var(--bs-muted,#6b7570);margin:0 0 .6em}
.bs-count:hover{color:#1d4a3f}

.bs-head{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;border-bottom:2px solid var(--bs-accent);padding-bottom:.6rem;margin-bottom:1.2rem}
.bs-head h2{margin:0;font-size:1.45rem;flex:1 1 auto;white-space:nowrap}
.bs-total{display:inline-block;min-width:1.6em;padding:0 .45em;margin-left:.2em;border-radius:1em;background:var(--bs-accent);color:#fff;font-size:.62em;vertical-align:middle;text-align:center;line-height:1.7}
.bs-total:empty{display:none}
.bs-sort{display:inline-flex;border:1px solid var(--bs-line);border-radius:999px;overflow:hidden}
.bs-sort button{border:0;background:transparent;padding:.3em .9em;font-size:.85em;color:var(--bs-muted)}
.bs-sort button.on{background:var(--bs-accent);color:#fff}
.bs-empty,.bs-closed{color:var(--bs-muted);font-style:italic;padding:1rem 0}

/* комментарий */
.bs-thread{padding:.2rem 0}
.bs-thread+.bs-thread{border-top:1px solid var(--bs-line)}
.bs-c{display:flex;gap:.85rem;padding:1rem .2rem;border-radius:var(--bs-radius);transition:background .6s}
.bs-av{flex:none;width:2.6rem;height:2.6rem;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.95rem;letter-spacing:.02em;user-select:none}
.bs-body{flex:1;min-width:0}
.bs-body header{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .6rem;margin-bottom:.25rem}
.bs-name{font-weight:700}
.bs-badge{font-size:.72em;padding:.05em .55em;border-radius:1em;background:var(--bs-accent);color:#fff;text-transform:lowercase}
.bs-c-to{font-size:.85em;color:var(--bs-muted);text-decoration:none}
.bs-time{font-size:.82em;color:var(--bs-muted);text-decoration:none}
.bs-time:hover,.bs-c-to:hover{text-decoration:underline}
.bs-flag{font-size:.75em;padding:.05em .55em;border-radius:1em;background:#f4ecd9;color:#6b4f13}
.bs-text{overflow-wrap:anywhere}
.bs-text p{margin:0 0 .5em}
.bs-text p:last-child{margin-bottom:0}
.bs-text blockquote{margin:.2em 0 .6em;padding:.45em .8em;border-left:3px solid var(--bs-gold);background:var(--bs-card);border-radius:0 8px 8px 0;font-style:italic;font-size:.95em}
.bs-text a{word-break:break-all}
.bs-body footer{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem 1rem;margin-top:.5rem}
.bs-amen{display:inline-flex;align-items:center;gap:.35em;border:1px solid var(--bs-line);background:transparent;border-radius:999px;padding:.2em .8em;font-size:.85em;color:var(--bs-muted);transition:all .15s}
.bs-amen:hover{border-color:var(--bs-accent);color:var(--bs-accent)}
.bs-amen.on{background:var(--bs-accent);border-color:var(--bs-accent);color:#fff}
.bs-n{font-weight:700}
.bs-n:empty{display:none}
.bs-link{border:0;background:none;padding:.2em 0;font-size:.85em;color:var(--bs-muted)}
.bs-link:hover{color:var(--bs-accent);text-decoration:underline}
.bs-mod{display:inline-flex;flex-wrap:wrap;gap:.4em;font-size:.8em;margin-left:auto}
.bs-mod button{border:1px solid var(--bs-line);background:#fff;border-radius:6px;padding:.1em .6em}
.bs-mod a{color:var(--bs-muted)}
.bs-c-admin>.bs-body{background:linear-gradient(90deg,rgba(29,74,63,.06),transparent);border-radius:10px;padding:.2rem .6rem .5rem;margin:-.2rem -.6rem 0}
.bs-c-pending{opacity:.75}
.bs-c-pending .bs-av{filter:grayscale(1)}
.bs-c-spam{opacity:.45}
.bs-new{background:rgba(161,122,44,.14)}
.bs-replies{margin-left:3.45rem;border-left:2px solid var(--bs-line);padding-left:1rem}
.bs-replies:empty{display:none}
.bs-replies .bs-c{padding:.7rem .2rem}
.bs-replies .bs-av{width:2.1rem;height:2.1rem;font-size:.8rem}
.bs-more-hidden{display:none}
.bs-more{display:block;width:100%;margin:1rem 0;padding:.7em;border:1px dashed var(--bs-line);border-radius:10px;background:transparent;color:var(--bs-accent);font-weight:700}

/* форма */
.bs-form{margin-top:1.5rem;padding:1rem;border:1px solid var(--bs-line);border-radius:var(--bs-radius);background:var(--bs-card);transition:box-shadow .2s}
.bs-form:focus-within{box-shadow:0 0 0 3px rgba(29,74,63,.15);border-color:var(--bs-accent)}
.bs-form.bs-inline{margin:.3rem 0 1rem}
.bs-form textarea,.bs-form input[type=text],.bs-form input[type=email]{width:100%;border:1px solid var(--bs-line);border-radius:10px;padding:.7em .85em;font:inherit;background:#fff;color:#1d2320}
.bs-form textarea{resize:none;min-height:3.2em;display:block;line-height:1.5}
.bs-form textarea:focus,.bs-form input:focus{outline:none;border-color:var(--bs-accent)}
.bs-row{display:flex;gap:.6rem;margin-top:.6rem}
.bs-row>input{flex:1;min-width:0}
.bs-form .bs-row,.bs-form .bs-consent,.bs-form .bs-hint{display:none}
.bs-form.bs-open .bs-row{display:flex}
.bs-form.bs-open .bs-consent,.bs-form.bs-open .bs-hint{display:block}
.bs-form .bs-row[hidden],.bs-form .bs-consent[hidden]{display:none!important}
.bs-consent{font-size:.85em;color:var(--bs-muted);margin-top:.6rem}
.bs-consent input{margin-right:.35em;vertical-align:middle}
.bs-actions{display:flex;align-items:center;gap:.8rem;margin-top:.7rem;flex-wrap:wrap}
.bs-hint{font-size:.78em;color:var(--bs-muted);flex:1}
.bs-counter{font-size:.8em;color:var(--bs-muted);margin-left:auto}
.bs-counter.warn{color:#9b2c2c;font-weight:700}
.bs-send{border:0;border-radius:10px;background:var(--bs-accent);color:#fff;font-weight:700;padding:.6em 1.5em;margin-left:auto}
.bs-send:hover{background:var(--bs-accent2)}
.bs-send:disabled{opacity:.6;cursor:default}
.bs-msg{margin:.6rem 0 0;font-size:.92em}
.bs-msg:empty{display:none}
.bs-msg.good{color:#2e6b3a}
.bs-msg.bad{color:#9b2c2c}
.bs-replying{display:flex;align-items:center;gap:.4em;font-size:.88em;color:var(--bs-muted);margin-bottom:.5rem}
.bs-replying[hidden]{display:none}
.bs-replying button{border:0;background:var(--bs-line);border-radius:50%;width:1.6em;height:1.6em;line-height:1;padding:0}
.bs-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}

.bs-quote-btn{position:absolute;z-index:9999;display:inline-flex;align-items:center;gap:.35em;border:0;border-radius:999px;padding:.45em 1em;background:#1d4a3f;color:#fff;font:600 14px/1.2 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;box-shadow:0 6px 18px rgba(0,0,0,.25);cursor:pointer}
.bs-quote-btn[hidden]{display:none}
.bs-quote-btn::after{content:"";position:absolute;left:50%;bottom:-5px;margin-left:-5px;border:5px solid transparent;border-bottom:0;border-top-color:#1d4a3f}
.bs-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#1d2320;color:#fff;padding:.6em 1.1em;border-radius:10px;z-index:10000;font:14px/1.4 system-ui,Arial,sans-serif;box-shadow:0 8px 24px rgba(0,0,0,.25)}
:focus-visible{outline-offset:2px}
.beseda button:focus-visible,.beseda a:focus-visible,.bs-quote-btn:focus-visible{outline:3px solid var(--bs-gold)}

@media (max-width:600px){
  .bs-row{flex-direction:column}
  .bs-replies{margin-left:1rem;padding-left:.7rem}
  .bs-av{width:2.2rem;height:2.2rem;font-size:.85rem}
  .bs-hint{display:none!important}
  .bs-mod{margin-left:0}
}
/* тёмная тема сайта (если тема ставит класс dark / data-theme="dark") */
.dark .beseda,[data-theme=dark] .beseda{--bs-line:rgba(255,255,255,.14);--bs-card:rgba(255,255,255,.04);--bs-muted:#a8b3ad}
.dark .bs-form textarea,.dark .bs-form input,[data-theme=dark] .bs-form textarea,[data-theme=dark] .bs-form input{background:#1b201e;color:#e8ece9}
@media (prefers-reduced-motion:reduce){.beseda *{transition:none!important;scroll-behavior:auto!important}}
@media print{.beseda{display:none}.bs-quote-btn{display:none}}