/* ================================================================
   خواب‌نامه — پوشش‌های استایل وردپرس
   فقط چیزهایی که در CSS نمونه‌ی اصلی نیستند: فرم کامنت، فرم ورود
   و چند جزئیات محتوای وردپرسی. طراحیِ پایه در style.css است.
================================================================ */

/* ---------- فرم ورود (wp_login_form) ---------- */
.login-box form p { margin: 0 0 var(--s4); }
.login-box .login-username label,
.login-box .login-password label {
  display: block;
  font-size: var(--fs-sm);
  font-weight: 600;
  margin-bottom: 6px;
}
.login-box .login-username input[type="text"],
.login-box .login-password input[type="password"] {
  width: 100%;
  background: var(--surface);
  border: 1px solid var(--border-strong);
  border-radius: var(--r-md);
  padding: 10px 14px;
  font-size: 16px; /* جلوگیری از زوم iOS */
  line-height: 1.8;
  transition: border-color var(--ease), box-shadow var(--ease);
}
.login-box .login-username input:focus,
.login-box .login-password input:focus {
  outline: none;
  border-color: var(--accent);
  box-shadow: 0 0 0 3px var(--accent-soft);
}
.login-box .login-remember {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: var(--fs-sm);
  color: var(--text-2);
  margin-bottom: var(--s4);
}
.login-box .login-remember input {
  width: 16px;
  height: 16px;
  accent-color: var(--accent);
}
.login-box .login-submit .button-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--s2);
  width: 100%;
  height: 48px;
  padding: 0 var(--s6);
  border: none;
  border-radius: var(--r-md);
  background: var(--btn-bg);
  color: var(--btn-fg);
  font: inherit;
  font-weight: 600;
  font-size: 15px;
  cursor: pointer;
  transition: background var(--ease), transform .1s;
}
.login-box .login-submit .button-primary:hover { background: var(--btn-hover); }
.login-box .login-submit .button-primary:active { transform: translateY(1px); }

/* ---------- فرم تجربه‌ها (کامنت) ---------- */
.cmt-form .comment-form-comment { margin: 0; }
.cmt-form .logged-in-as,
.cmt-form .comment-notes {
  font-size: 13.5px;
  color: var(--muted);
  margin: 0 0 var(--s3);
}
.cmt-form .logged-in-as a { color: var(--text-2); }
.cmt-form .logged-in-as a:hover { color: var(--accent); }
.cmt-form .comment-form-author,
.cmt-form .comment-form-email {
  display: inline-block;
  width: calc(50% - var(--s2));
  vertical-align: top;
  margin: 0 0 var(--s3);
}
.cmt-form .comment-form-author { margin-inline-end: var(--s3); }
.cmt-form .comment-form-author label,
.cmt-form .comment-form-email label { display: none; }
.cmt-form .comment-form-author input,
.cmt-form .comment-form-email input {
  width: 100%;
  background: var(--surface);
  border: 1px solid var(--border-strong);
  border-radius: var(--r-md);
  padding: 10px 14px;
  font-size: 16px;
  line-height: 1.8;
}
.cmt-form .comment-form-author input:focus,
.cmt-form .comment-form-email input:focus {
  outline: none;
  border-color: var(--accent);
  box-shadow: 0 0 0 3px var(--accent-soft);
}
.cmt-form .comment-form-cookies-consent {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: var(--fs-cap);
  color: var(--muted);
}
.cmt-form .comment-form-cookies-consent input { accent-color: var(--accent); width: 15px; height: 15px; }
.cmt-form .form-submit { margin: var(--s4) 0 0; }
.cmt-form .submit,
.cmt-form .form-submit .submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--s2);
  height: 34px;
  padding: 0 var(--s4);
  border: none;
  border-radius: var(--r-md);
  background: var(--btn-bg);
  color: var(--btn-fg);
  font: inherit;
  font-weight: 600;
  font-size: 13px;
  cursor: pointer;
}
.cmt-form .submit:hover { background: var(--btn-hover); }
.cmt-form .submit:disabled { opacity: .45; cursor: not-allowed; }

/* لینک پاسخ مستقیم وردپرس در حالت پاسخ */
#cancel-comment-reply-link {
  font-size: var(--fs-cap);
  color: var(--muted);
  margin-inline-start: var(--s2);
}
#cancel-comment-reply-link:hover { color: var(--err); }
.cmt .children { list-style: none; margin: 0; padding: 0; }
.cmt-act {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: var(--fs-cap);
  color: var(--muted);
  border-radius: 6px;
  padding: 3px 6px;
}
.cmt-act:hover { color: var(--accent); }

/* ---------- محتوای وردپرسی درون .doc و مقاله‌ها ---------- */
.doc .post-content h2 { font-size: 19px; margin-top: var(--s10); }
.doc .post-content h2:first-child { margin-top: 0; }
.doc .post-content h3 { font-size: 16px; margin-top: var(--s8); }
.article .post-content ul { margin: var(--s4) 0; padding-inline-start: var(--s5); }
.article .post-content li { font-size: 15px; line-height: 1.85; color: var(--text-2); }
.post-content a { color: var(--accent); }
.post-content a:hover { color: var(--accent-strong); }
.post-content img { border-radius: var(--r-md); }
.screen-reader-text {
  position: absolute !important;
  width: 1px; height: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  white-space: nowrap;
}
.skip-link:focus {
  position: fixed !important;
  top: var(--s2); inset-inline-start: var(--s4);
  z-index: 300;
  width: auto; height: auto;
  clip: auto; clip-path: none;
}
/* ارقام لاتین در فیلدهای LTR */
input[dir="ltr"] { text-align: left; }

/* صفحه‌بندی گزینه‌ای وردپرس در آرشیوها */
.navigation.pagination .nav-links { display: none; } /* pager اختصاصی قالب جایگزین است */

/* ---------- ریسپانسیو فرم‌ها ---------- */
@media (max-width:720px){
  .cmt-form .comment-form-author,
  .cmt-form .comment-form-email { width: 100%; margin-inline-end: 0; }
}