/* === ΣΧΟΛΙΑ - ΚΟΥΜΠΙΑ (Bootstrap Barrio override) === */

/* Κύριο κουμπί (Submit, Αποστολή κ.λπ.) */
.comment-form input[type="submit"],
.comment-form button,
.comment-form .btn-primary {
  background-color: #b30000 !important;
  border-color: #b30000 !important;
  color: #fff !important;
  font-weight: 600;
  letter-spacing: 0.3px;
  padding: 6px 16px;
  border-radius: 4px;
  transition: all 0.2s ease-in-out;
}

.comment-form input[type="submit"]:hover,
.comment-form button:hover,
.comment-form .btn-primary:hover {
  background-color: #d0002a !important; /* λίγο πιο φωτεινό κόκκινο */
  border-color: #d0002a !important;
  color: #fff !important;
  transform: translateY(-1px);
}

/* Δευτερεύον κουμπί (π.χ. Cancel / Preview) */
.comment-form .btn-secondary,
.comment-form input[type="reset"],
.comment-form input[type="button"] {
  background-color: #fff !important;
  border: 1px solid #b30000 !important;
  color: #b30000 !important;
  font-weight: 600;
  padding: 6px 14px;
  border-radius: 4px;
  transition: all 0.2s ease-in-out;
}

.comment-form .btn-secondary:hover,
.comment-form input[type="reset"]:hover,
.comment-form input[type="button"]:hover {
  background-color: #b30000 !important;
  color: #fff !important;
}

/* Focus states για accessibility (πληκτρολόγιο, tab navigation) */
.comment-form .btn:focus-visible {
  outline: 2px solid #b30000 !important;
  outline-offset: 2px;
}