/* =============================================================================
 * defter.css — Ziyaretçi Defteri: tabloda olmayan hover + native WP yorum
 * formu (comment_form()) alan stilleri.
 *
 * Not: .mulubey-elform Elementor Pro Form'a özgüdür (bkz. mulubey.css §7);
 * burada WordPress'in kendi #commentform işaretlemesini stilliyoruz, bu
 * yüzden kapsamı ayrı tutuyoruz.
 * Kapsam kökü: .mulubey-defter
 * ========================================================================== */

/* Google değerlendirme şeridi — yalnız border-color değişiyor, rehber
 * tablosunda birebir karşılığı yok → sayfa-özel hover sınıfı. */
.mulubey-defter .mu-defter-hv-google:hover,
.mulubey-defter .mu-defter-hv-google:focus-visible { border-color: #C2A374; }

/* ── comment_form() alanları ────────────────────────────────────────────── */
.mulubey-defter .mu-defter-form { margin: 0; }
.mulubey-defter .mu-defter-form p { margin: 0 0 16px; }
.mulubey-defter .mu-defter-form label {
  display: block;
  font-family: var(--mu-sans, 'Source Sans 3', sans-serif);
  font-weight: 600;
  font-size: 12.5px;
  letter-spacing: .04em;
  color: #4B4A42;
  margin-bottom: 7px;
  line-height: 1.3;
}
.mulubey-defter .mu-defter-form input[type="text"],
.mulubey-defter .mu-defter-form input[type="email"],
.mulubey-defter .mu-defter-form textarea {
  width: 100%;
  border: 1px solid #E3D9C8;
  border-radius: 2px;
  padding: 13px 15px;
  min-height: 50px;
  font-family: var(--mu-sans, 'Source Sans 3', sans-serif);
  font-size: 15.5px;
  color: #24251F;
  background: #FFFFFF;
  box-shadow: none;
  transition: border-color .16s, box-shadow .16s;
}
.mulubey-defter .mu-defter-form textarea { min-height: 128px; line-height: 1.7; resize: vertical; }
.mulubey-defter .mu-defter-form input:focus,
.mulubey-defter .mu-defter-form textarea:focus {
  border-color: #9A7A50;
  box-shadow: 0 0 0 3px rgba(154, 122, 80, .13);
  outline: none;
}
.mulubey-defter .mu-defter-form ::placeholder { color: #8C8A7C; opacity: 1; }

.mulubey-defter .mu-defter-form .comment-form-cookies-consent {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.mulubey-defter .mu-defter-form .comment-form-cookies-consent label {
  font-size: 13px;
  font-weight: 400;
  color: #6E6C60;
  margin: 0;
  line-height: 1.6;
}
.mulubey-defter .mu-defter-form input[type="checkbox"] {
  width: 18px;
  height: 18px;
  accent-color: #56583C;
  margin-top: 2px;
  flex: none;
}

.mulubey-defter .mu-defter-form .logged-in-as {
  font-size: 13px;
  color: #6E6C60;
  margin: 0 0 14px;
}
.mulubey-defter .mu-defter-form .logged-in-as a { color: #56583C; }
.mulubey-defter .mu-defter-form .required { color: #86673A; }

/* WP'nin varsayılan hata/onay mesajı (wp_die veya form doğrulama). */
.mulubey-defter .mu-defter-form .elementor-message,
.mulubey-defter #error-page {
  border-radius: 2px;
  font-size: 14px;
  margin-top: 8px;
  color: #86673A;
}
