/* =========================================================
   AConfession Post Comments CSS - isolated feature file
   Path: public_html/assets/css/post-comments.css
   Settings source: acf_settings_comments -> CSS variables on .acf-post-page
   ========================================================= */

.acf-comments-panel{
  background:var(--comments-panel-bg, rgba(15,23,42,.32));
  border:1px solid var(--comments-panel-border, rgba(148,163,184,.14));
  border-radius:var(--comments-panel-radius, 24px);
  padding:var(--comments-panel-padding, 14px);
}

.acf-comments-head h2{
  color:var(--comments-title-color, #f8fafc);
  font-size:var(--comments-title-font-size, 15px);
}

.acf-comments-list{
  gap:var(--comments-list-gap, 12px);
}

.acf-comment-card{
  gap:var(--comments-card-gap, 10px);
}

.acf-comment-avatar,
.acf-comment-avatar img{
  width:var(--comments-avatar-size, 38px)!important;
  height:var(--comments-avatar-size, 38px)!important;
}

.acf-comment-bubble{
  background:var(--comments-bubble-bg, rgba(15,23,42,.76));
  border:1px solid var(--comments-bubble-border, rgba(148,163,184,.12));
  border-radius:var(--comments-bubble-radius, 18px);
  padding:var(--comments-bubble-padding, 10px 12px);
}

.acf-comment-card.is-own-comment .acf-comment-bubble{
  background:var(--comments-own-bubble-bg, rgba(37,99,235,.18));
}

.acf-comment-card.is-private-comment .acf-comment-bubble{
  background:var(--comments-private-bubble-bg, rgba(234,179,8,.11));
}

.acf-comment-body,
.acf-post-page .comment-body{
  color:var(--comments-text-color, #f8fafc)!important;
  font-size:var(--comments-text-font-size, 15px)!important;
  line-height:var(--comments-line-height, 1.85)!important;
}

.acf-comment-author-copy a,
.acf-comment-author-copy span{
  color:var(--comments-author-color, #f8fafc)!important;
  font-size:var(--comments-author-font-size, 13px)!important;
}

.acf-comment-author-copy small,
.acf-comment-top time{
  color:var(--comments-meta-color, #8fa0ba)!important;
  font-size:var(--comments-meta-font-size, 11px)!important;
}

.comment-owner-status,
.acf-owner-badge.comment-owner-status{
  background:var(--comments-badge-bg, rgba(234,179,8,.16));
  color:var(--comments-badge-color, #fde68a);
  font-size:var(--comments-badge-font-size, 11px);
}

.acf-comment-form{
  background:var(--comments-form-bg, rgba(15,23,42,.48));
  border:1px solid var(--comments-form-border, rgba(148,163,184,.14));
  border-radius:var(--comments-form-radius, 20px);
}

.acf-comment-compose-row textarea,
.acf-comment-form textarea{
  background:var(--comments-textarea-bg, rgba(2,6,23,.42))!important;
  border-color:var(--comments-textarea-border, rgba(148,163,184,.16))!important;
  color:var(--comments-textarea-color, #f8fafc)!important;
  font-size:var(--comments-textarea-font-size, 14px)!important;
  min-height:var(--comments-textarea-min-height, 44px)!important;
  max-height:var(--comments-textarea-max-height, 180px)!important;
}

.acf-comment-submit,
.acf-comment-form .acf-comment-submit{
  width:var(--comments-submit-size, 44px);
  min-width:var(--comments-submit-size, 44px);
  height:var(--comments-submit-size, 44px);
  border-radius:var(--comments-submit-radius, 16px);
  background:var(--comments-submit-bg, linear-gradient(135deg,#2563eb,#7c3aed));
  color:var(--comments-submit-color, #fff);
}

.acf-comment-submit img,
.acf-comment-submit svg{
  width:var(--comments-submit-icon-size, 20px)!important;
  height:var(--comments-submit-icon-size, 20px)!important;
}

.acf-comment-submit.is-mode-text,
.acf-comment-submit.is-mode-both{
  width:auto;
  min-width:var(--comments-submit-size, 44px);
  padding-inline:14px;
  gap:8px;
}

.acf-comment-submit-text{
  font-size:13px;
  font-weight:900;
  white-space:nowrap;
}

.acf-comment-hint{
  color:var(--comments-hint-color, #94a3b8)!important;
  font-size:var(--comments-hint-font-size, 11px)!important;
}

.acf-comment-counter{
  color:var(--comments-counter-color, #94a3b8)!important;
  font-size:var(--comments-hint-font-size, 11px)!important;
}

.acf-comment-menu{
  background:var(--comments-menu-bg, rgba(15,23,42,.96));
  border-color:var(--comments-menu-border, rgba(148,163,184,.16));
  color:var(--comments-menu-text-color, #f8fafc);
}

.acf-comment-menu button{
  color:var(--comments-menu-text-color, #f8fafc);
}

.acf-comment-menu svg,
.acf-comment-menu img,
.acf-comment-menu .acf-menu-svg{
  width:var(--comments-menu-icon-size, 18px)!important;
  height:var(--comments-menu-icon-size, 18px)!important;
}

@media (max-width:640px){
  .acf-comments-panel{
    padding:max(10px, calc(var(--comments-panel-padding, 14px) - 4px));
  }

  .acf-comment-submit.is-mode-text,
  .acf-comment-submit.is-mode-both{
    padding-inline:10px;
  }
}