:root { --icy-blue: #9fd2ff; }

/* Container for AJAX-loaded memorial post */
#callsign-post-content { margin-top: 1rem; }

.cpd-wrap { padding: .5rem 0; }
.cpd-title { color: var(--icy-blue); margin: 0 0 .5rem 0; }
.cpd-content img { max-width: 100%; height: auto; }

/* Divider between comments -> icy blue */
.cpd-comment {
  border-top: 1px solid var(--icy-blue);
  padding: .5rem 0;
}

/* Meta row */
.cpd-comment-meta {
  font-size: .9rem;
  opacity: .95;
  margin-bottom: .25rem;
}

/* Author + date/time -> icy blue (override themes) */
.cpd-author,
.cpd-author a,
.cpd-date {
  color: var(--icy-blue) !important;
}

.cpd-reply a { color: var(--icy-blue); text-decoration: none; }
.cpd-reply a:hover { text-decoration: underline; }

.callsign-error { color: #ff6b6b; }

/* Comment image display:
   - Container max-width is set inline by PHP (settings-driven)
   - Image fills the container regardless of theme img rules */
.cpd-comment-image { margin-top: .5rem; }
.cpd-comment-image img {
  width: 100%;
  height: auto;
  border: 1px solid rgba(255,255,255,.15);
  display: block;
}

/* Preview block in the form */
.tcsk-image-preview { margin-top: .5rem; }
.tcsk-image-preview img {
  object-fit: cover;
  border: 1px solid rgba(255,255,255,.15);
  display: block;
}

.tcsk-image-error { color: #ff6b6b; margin-bottom: .5rem; }

/* Security Question field minor spacing */
#tcsk-comment-form .comment-form-security { margin-top: .25rem; }
#tcsk-comment-form .comment-form-security input { width: 100%; }