/* SEO Comments Final - Modern Compact Design */
.seo-comments-wrap { margin: 1.5rem 0; display: grid; gap: 16px; font-family: sans-serif; }
.seo-comment-card { border: 1px solid #e5e5e5; border-radius: 10px; padding: 10px 12px; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.04); }
.seo-header { display: flex; align-items: center; gap: 10px; margin-bottom: 6px; }
.seo-avatar { border-radius: 50% !important; width: 32px !important; height: 32px !important; object-fit: cover; flex: 0 0 32px; }
.seo-meta { display: flex; flex-direction: column; line-height: 1.1; }
.seo-author { font-weight: 600; color: #222; font-size: .95rem; }
.seo-comment time { font-size: .8rem; color: #555; }
.seo-content { color: #333; line-height: 1.6; font-size: .95rem; margin-top: 4px; }
.seo-footer { margin-top: 8px; font-size: .85rem; }
.seo-reply a { color: #0073aa; font-weight: 500; text-decoration: none; }
.seo-reply a:hover { text-decoration: underline; }

/* Form styling */
.comment-form label { font-weight: 500; font-size: .9rem; }
.comment-form input, .comment-form textarea { width: 100%; border: 1px solid #ccc; border-radius: 8px; padding: 8px 10px; font: inherit; }
.seo-btn { background: #005177; color: #fff; border: none; border-radius: 6px; padding: 8px 14px; cursor: pointer; font-size: .9rem; }
.seo-btn:hover { background: #003f5a; }

@media (max-width: 600px){
  .seo-comment-card { padding: 8px 10px; }
  .seo-author { font-size: .9rem; }
  .seo-content { font-size: .9rem; }
}



/* Contrast-hardened submit button */
form#commentform input#submit.seo-btn,
#respond form#commentform input#submit.seo-btn {
  background-color: #0A4B78 !important; /* strong contrast with white */
  color: #FFFFFF !important;
  border: 1px solid #062E49 !important;
  -webkit-appearance: none;
  appearance: none;
  box-shadow: none !important;
  text-shadow: none !important;
}

form#commentform input#submit.seo-btn:hover,
#respond form#commentform input#submit.seo-btn:hover {
  background-color: #083A5D !important;
  border-color: #062E49 !important;
}

form#commentform input#submit.seo-btn:focus-visible,
#respond form#commentform input#submit.seo-btn:focus-visible {
  outline: 3px solid #000000 !important;
  outline-offset: 2px;
}

form#commentform input#submit.seo-btn:disabled,
#respond form#commentform input#submit.seo-btn:disabled {
  background-color: #555555 !important; /* still 5.8:1 vs white text */
  color: #FFFFFF !important;
  border-color: #444444 !important;
  opacity: 1 !important; /* avoid lowering contrast via opacity */
}


/* Load more button */
.seo-comments-load-more {
  display: inline-block;
  margin: 12px 0 0;
  padding: 10px 14px;
  border-radius: 8px;
  border: 1px solid #d0d7de;
  background: #f6f8fa;
  cursor: pointer;
  font: inherit;
}
.seo-comments-load-more:hover { background: #eef1f4; }
.seo-comments-load-more[disabled] { opacity: .6; cursor: default; }