/* ============================== */
/* Star Rating Styles (Real Directory) */
/* ============================== */

/*.trt-star-rating {*/
/*  font-size: 1.2em;*/
/*  line-height: 1.2;*/
/*  display: inline-flex;*/
/*  align-items: center;*/
/*}*/

/*.trt-star-rating .star {*/
/*  color: var(--color-muted);*/
/*  margin-right: 2px;*/
/*}*/

/*.trt-star-rating .star.gold {*/
/*  color: var(--color-gold);*/
/*}*/

/*.trt-star-rating .average-text {*/
/*  font-size: 0.9em;*/
/*  color: var(--text-default);*/
/*  margin-left: 4px;*/
/*}*/

/* ============================== */
/* Comment Form Styles */
/* ============================== */

#respond {
  margin-top: 40px;
  color: var(--color-primary);
  font-family: 'Segoe UI', sans-serif;
}

#reply-title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 10px;
  border-bottom: 2px solid var(--color-primary);
  padding-bottom: 8px;
}

.comment-form input,
.comment-form textarea {
  width: 100%;
  background: var(--bg-form);
  color: var(--color-primary);
  border: none;
  padding: 12px;
  margin-bottom: 20px;
  font-size: 14px;
  box-shadow: none;
  border-radius: 0;
  transition: background-color 0.3s ease;
}

.comment-form input:focus,
.comment-form textarea:focus {
  background-color: var(--bg-form-focus);
  outline: none;
}

.comment-form .comment-form-cookies-consent {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  margin-bottom: 20px;
  color: var(--color-blue);
}

.comment-form .comment-form-cookies-consent input[type="checkbox"] {
  margin: 0;
  width: auto;
}

.comment-form .submit {
  background-color: var(--bg-button);
  color: var(--color-white);
  border: none;
  padding: 12px 16px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 3px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  width: 33%;
  text-align: center;
}

.comment-form .submit:hover {
  background-color: var(--bg-button-hover);
}

#respond a,
.comment-form a {
  color: var(--color-blue);
  text-decoration: underline;
}

#respond a:hover,
.comment-form a:hover {
  color: var(--color-pink-hover);
}