/*
 * پینوا - استایل سفارشی تازه‌بازار
 * ظاهر شبیه عکس مرجع: کارت سفید گرد روی پس‌زمینه کرم،
 * آیکن آدمک سبز بالا، عنوان درشت، دکمه نارنجی.
 */

/* ── متغیرهای رنگی سایت ─────────────────────────────────── */
:root {
  --pb-green:       #56743A;
  --pb-green-dark:  #3F5A29;
  --pb-green-light: #7C9B5C;
  --pb-green-pale:  #EDF3E7;
  --pb-orange:      #D97D43;
  --pb-orange-dark: #B8602E;
  --pb-text:        #3B2F2A;
  --pb-text-soft:   #6E5F53;
  --pb-border:      #E6DCC2;
  --pb-bg:          #FAF6EC;
}

/* ── پس‌زمینه صفحه ورود کامل ────────────────────────────── */
body {
  background-color: var(--pb-bg) !important;
  font-family: 'Vazirmatn', Tahoma, sans-serif !important;
}

/* ── کارت اصلی فرم ──────────────────────────────────────── */
.pinova-container {
  font-family: 'Vazirmatn', Tahoma, sans-serif !important;
}
.pinova-container .w-\[390px\] {
  background: #fff !important;
  border-radius: 20px !important;
  box-shadow: 0 8px 32px rgba(59,47,42,.10) !important;
  padding: 36px 28px 32px !important;
  border: 1px solid var(--pb-border) !important;
}

/* ── لوگو/آیکن بالای فرم: جایگزینی با آیکن آدمک سبز ─────── */
.pinova-container img[pinova-bind\:src="logo"],
.pinova-container img[src*="wordpress-logo"] {
  display: none !important;
}
.pinova-container .relative.mb-8::before {
  content: '';
  display: block;
  width: 64px; height: 64px;
  border-radius: 50%;
  background: var(--pb-green-pale);
  margin: 0 auto 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2356743A' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4 4-6 8-6s8 2 8 6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 32px;
}

/* ── عنوان فرم ───────────────────────────────────────────── */
.pinova-container .font-semibold.text-base {
  font-size: 22px !important;
  font-weight: 800 !important;
  color: var(--pb-text) !important;
  text-align: center !important;
  margin-bottom: 10px !important;
}

/* ── توضیح زیر عنوان ────────────────────────────────────── */
.pinova-container .font-normal.mb-5 {
  font-size: 13.5px !important;
  color: var(--pb-text-soft) !important;
  text-align: center !important;
  line-height: 1.8 !important;
}

/* ── لیبل فیلد ──────────────────────────────────────────── */
.pinova-container label {
  font-size: 13.5px !important;
  font-weight: 700 !important;
  color: var(--pb-text) !important;
}

/* ── فیلد ورودی ─────────────────────────────────────────── */
.pinova-container input[type="text"],
.pinova-container input[type="tel"],
.pinova-container input[type="number"],
.pinova-container input[type="email"],
.pinova-container input[type="password"] {
  border-radius: 12px !important;
  border: 1.5px solid var(--pb-border) !important;
  background-color: #FAF6EC !important;
  font-family: 'Vazirmatn', Tahoma, sans-serif !important;
  font-size: 15px !important;
  color: var(--pb-text) !important;
  padding: 13px 16px !important;
  transition: border-color .2s ease !important;
}
.pinova-container input:focus {
  border-color: var(--pb-green) !important;
  background-color: #fff !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(86,116,58,.14) !important;
}
.pinova-container input::placeholder {
  color: #bbb !important;
  direction: ltr !important;
  text-align: right !important;
}

/* ── دکمه اصلی (نارنجی مثل عکس مرجع) ─────────────────────── */
.pinova-container button[type="submit"],
.pinova-container button[type="button"][class*="block w-full"],
.pinova-container .bg-primary-600,
.pinova-container [class*="submit"] {
  background-color: var(--pb-orange) !important;
  border-color: var(--pb-orange) !important;
  border-radius: 999px !important;
  color: #fff !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  padding: 13px !important;
  box-shadow: 0 4px 14px rgba(217,125,67,.30) !important;
  transition: background-color .25s ease, transform .2s ease !important;
  border: none !important;
}
.pinova-container button[type="submit"]:hover,
.pinova-container button[type="button"][class*="block w-full"]:hover {
  background-color: var(--pb-orange-dark) !important;
  transform: translateY(-1px) !important;
}

/* ── لینک‌های «تغییر شماره»، «ارسال مجدد» ──────────────── */
.pinova-container a,
.pinova-container .text-primary-500,
.pinova-container [class*="text-primary"] {
  color: var(--pb-green) !important;
}
.pinova-container a:hover {
  color: var(--pb-orange) !important;
}

/* ── رنگ‌های primary (آبی → سبز) برای مواردی که از کلاس‌ها استفاده می‌کنند ─ */
.pinova-container .bg-primary-500  { background-color: var(--pb-green) !important; }
.pinova-container .bg-primary-600  { background-color: var(--pb-green-dark) !important; }
.pinova-container .bg-primary-50   { background-color: var(--pb-green-pale) !important; }
.pinova-container .bg-primary-100  { background-color: #d5e5c6 !important; }
.pinova-container .border-primary-500 { border-color: var(--pb-green) !important; }
.pinova-container .border-primary-600, .pinova-container .\!border-primary-600 { border-color: var(--pb-green-dark) !important; }
.pinova-container .focus\:border-primary-500:focus { border-color: var(--pb-green) !important; }
.pinova-container .hover\:bg-primary-600:hover { background-color: var(--pb-green-dark) !important; }
.pinova-container * { --tw-ring-color: rgba(86,116,58,.3) !important; }

/* ── تیک قوانین و شرایط ─────────────────────────────────── */
#terms-check {
  width: 17px !important;
  height: 17px !important;
  accent-color: var(--pb-green) !important;
  cursor: pointer !important;
  border-radius: 4px !important;
  border: 1.5px solid var(--pb-border) !important;
  flex-shrink: 0 !important;
}
label[for="terms-check"] {
  font-size: 12.5px !important;
  color: var(--pb-text-soft) !important;
  line-height: 1.9 !important;
}
label[for="terms-check"] a {
  color: var(--pb-green) !important;
  font-weight: 700 !important;
}
label[for="terms-check"] a:hover {
  color: var(--pb-orange) !important;
}

/* ── دکمه تایید وقتی تیک قوانین زده نشده غیرفعال باشه ────── */
.pinova-container button[type="button"]:disabled {
  opacity: .5 !important;
  cursor: not-allowed !important;
  box-shadow: none !important;
  transform: none !important;
}
.pinova-container button[type="button"]:disabled:hover {
  background-color: var(--pb-orange) !important;
  transform: none !important;
}