/* 2.0.18 — one native WordPress/Core composer, offered as a quick sheet.
   No duplicate form; no-JS leaves #respond in its original document position. */
#respond .dhv-comment-quick-controls { display:none; }
#respond[data-dhv-comment-quick-open] {
  box-sizing:border-box!important;
  position:fixed!important;
  inset:50% auto auto 50%!important;
  margin:0!important;
  transform:translate(-50%,-50%)!important;
  z-index:2147483000!important;
  width:min(560px,calc(100vw - 32px))!important;
  max-width:calc(100vw - 32px)!important;
  max-height:min(82dvh,var(--dhv-quick-available-height,82dvh))!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  padding:16px!important;
  border:1px solid #e5e7eb!important;
  border-radius:18px!important;
  background:var(--dhvx-surface,#fff)!important;
  color:var(--dhvx-text,#1f2329)!important;
  box-shadow:0 22px 80px rgba(0,0,0,.23)!important;
}
#respond[data-dhv-comment-quick-open]::backdrop { background:rgba(10,17,28,.48); }
#respond[data-dhv-comment-quick-open] .dhv-comment-quick-controls {
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid #e5e7eb;
}
#respond[data-dhv-comment-quick-open] .dhv-comment-quick-controls strong { font-size:16px;line-height:1.3; }
#respond[data-dhv-comment-quick-open] .dhv-comment-quick-close {
  display:grid;place-items:center;width:40px;height:40px;flex:none;
  border:1px solid #e5e7eb;border-radius:50%;background:transparent;color:inherit;
  font-size:24px;line-height:1;cursor:pointer;
}
#respond[data-dhv-comment-quick-open] .dhv-comment-quick-close:focus-visible { outline:2px solid #cc2433;outline-offset:2px; }
#respond[data-dhv-comment-quick-open] form.is-social-composer.is-social-collapsed > * { display:revert!important; }
#respond[data-dhv-comment-quick-open] form textarea[name="comment"] {
  box-sizing:border-box;min-height:110px!important;height:auto!important;max-height:230px!important;
  border-radius:12px!important;resize:vertical!important;font-size:16px!important;
}
#respond[data-dhv-comment-quick-open] .form-submit { display:flex!important;justify-content:flex-end; }
.dhv-comment-quick-backdrop { position:fixed;inset:0;background:rgba(10,17,28,.48);z-index:2147482999; }
body.dhv-comment-quick-open { overflow:hidden; }
@media(max-width:767px) {
  #respond[data-dhv-comment-quick-open] {
    inset:auto 0 var(--dhv-quick-keyboard-offset,0px) 0!important;
    width:100%!important;max-width:100%!important;
    max-height:min(88dvh,var(--dhv-quick-available-height,88dvh))!important;
    border-radius:18px 18px 0 0!important;transform:none!important;
    padding:14px 16px calc(12px + env(safe-area-inset-bottom,0px))!important;
  }
  #respond[data-dhv-comment-quick-open] .form-submit button[type="submit"] { width:100%;min-height:44px; }
}
html[data-theme="dark"] #respond[data-dhv-comment-quick-open] { background:var(--dhvx-surface,#181b20)!important;border-color:#3c4147!important;color:#f1f3f5!important; }
html[data-theme="dark"] #respond[data-dhv-comment-quick-open] .dhv-comment-quick-controls { border-color:#3c4147; }

#respond[data-dhv-comment-quick-open] #reply-title { position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important; }

#respond[data-dhv-comment-quick-open] .dhv-comment-quick-read { margin-left:auto;font-size:13px;font-weight:700;color:#c52334;text-decoration:none;white-space:nowrap; }
#respond[data-dhv-comment-quick-open] .dhv-comment-quick-read:focus-visible { outline:2px solid #c52334;outline-offset:3px; }
@media(max-width:340px) { #respond[data-dhv-comment-quick-open] .dhv-comment-quick-controls { gap:7px; } #respond[data-dhv-comment-quick-open] .dhv-comment-quick-read { font-size:12px; } }

/* Reader reply removed by moderation while a draft is open: protect intent. */
.dhvx-comment-reply-unavailable:not([hidden]) {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin: 10px 0;
  padding: 12px 14px;
  border: 1px solid #d9a7ae;
  border-radius: 12px;
  background: #fff5f5;
  color: #79303b;
  font-size: 0.94rem;
  line-height: 1.5;
}
.dhvx-comment-reply-unavailable > span { flex: 1 1 190px; }
.dhvx-comment-reply-use-root {
  min-height: 44px;
  border: 1px solid #a5253e;
  border-radius: 9px;
  padding: 8px 14px;
  background: #fff;
  color: #a5253e;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}
