/* Commento Adaptive Theme - auto-adjusts to page background */

/* Textarea - slightly lighter/darker than page background */
#commento textarea {
  background: rgba(128, 128, 128, 0.15) !important;
  color: inherit !important;
  border: 1px solid rgba(128, 128, 128, 0.3) !important;
  border-radius: 6px !important;
  transition: border-color 0.2s, background 0.2s !important;
}

#commento textarea:focus {
  border-color: rgba(54, 128, 242, 0.6) !important;
  background: rgba(128, 128, 128, 0.2) !important;
  outline: none !important;
}

#commento textarea::placeholder {
  color: rgba(128, 128, 128, 0.7) !important;
}

/* Comment cards */
#commento .commento-card {
  border-left-width: 3px !important;
}

/* Sort policy buttons */
#commento .commento-sort-policy-button {
  color: inherit !important;
  opacity: 0.6;
}

#commento .commento-sort-policy-button-selected {
  opacity: 1;
}

/* Submit button */
#commento .commento-submit-button {
  border-radius: 4px !important;
}

/* Login text */
#commento .commento-login-text {
  color: inherit !important;
}

/* Markdown button */
#commento .commento-markdown-button {
  color: inherit !important;
  opacity: 0.5;
}

/* Name colors - inherit from page */
#commento .commento-name {
  color: inherit !important;
  opacity: 0.9;
}

/* Subtitle / timeago */
#commento .commento-timeago,
#commento .commento-score {
  color: inherit !important;
  opacity: 0.5;
}

/* Comment body text */
#commento .commento-body {
  color: inherit !important;
  opacity: 0.85;
}

/* Footer */
#commento .commento-footer {
  display: none !important;
}

/* Login box */
#commento .commento-login-box {
  background: rgba(128, 128, 128, 0.12) !important;
  border: 1px solid rgba(128, 128, 128, 0.25) !important;
  border-radius: 8px !important;
}

#commento .commento-login-box-subtitle {
  color: inherit !important;
  opacity: 0.7;
}

#commento .commento-input {
  background: rgba(128, 128, 128, 0.15) !important;
  color: inherit !important;
  border: 1px solid rgba(128, 128, 128, 0.3) !important;
  border-radius: 4px !important;
}

#commento .commento-input:focus {
  border-color: rgba(54, 128, 242, 0.6) !important;
  background: rgba(128, 128, 128, 0.2) !important;
}

#commento .commento-input::placeholder {
  color: rgba(128, 128, 128, 0.6) !important;
}

/* Anonymous checkbox */
#commento .commento-anonymous-checkbox-container label {
  color: inherit !important;
  opacity: 0.7;
}

/* Moderation notice */
#commento .commento-moderation-notice {
  background: rgba(128, 128, 128, 0.1) !important;
  color: inherit !important;
  opacity: 0.8;
  border-radius: 4px !important;
}

/* Round checkbox in login popup */
#commento .commento-round-check label {
  color: inherit !important;
}

/* Email button in login */
#commento .commento-email-button {
  border-radius: 4px !important;
}

/* Forgot/signup links in login popup */
#commento .commento-forgot-link,
#commento .commento-login-link {
  color: inherit !important;
  opacity: 0.6;
}

/* Close button for login modal */
#commento .commento-login-box-close {
  color: inherit !important;
  opacity: 0.5;
}

#commento .commento-login-box-close:hover {
  opacity: 1;
}