/* =========================================================
   نسخه نهایی CSS محلی index.html
   فقط برای index.html - فایل style.css سایت دست نخورده می‌ماند
   ========================================================= */

/* همان فونت پیش‌فرض Tailwind که هنگام استفاده از CDN روی صفحه اعمال می‌شد */
html, body, input, textarea, select, button {
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.font-sans {
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

*, ::before, ::after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: #e5e7eb;
}
::before, ::after { --tw-content: ''; }

html {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  tab-size: 4;
}
body { margin: 0; line-height: inherit; }

a { color: inherit; text-decoration: inherit; }
button, input, optgroup, select, textarea {
  font: inherit;
  line-height: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
}
button, [type="button"], [type="submit"] {
  -webkit-appearance: button;
  background-color: transparent;
  background-image: none;
}
img, svg, video, canvas, audio, iframe, embed, object {
  display: block;
  vertical-align: middle;
}
img, video { max-width: 100%; height: auto; }
h1, h2, h3, h4, h5, h6, p { margin: 0; }
ul, ol { margin: 0; padding: 0; list-style: none; }
[hidden] { display: none; }

/* رنگ‌های تعریف‌شده در tailwind.config */
.bg-primary { background-color: #211404 !important; }
.bg-secondary { background-color: #211404 !important; }
.text-primary { color: #211404 !important; }
.text-secondary { color: #211404 !important; }
.text-white { color: #fff !important; }

/* مهم: گرادیان را مستقیم تعریف می‌کنیم تا بدون Tailwind CDN قطعاً نمایش داده شود */
.bg-gradient-to-r {
  background-image: linear-gradient(to right, #211404, #211404) !important;
}

.bg-white { background-color: #fff; }
.bg-gray-50 { background-color: #f9fafb; }
.bg-transparent { background-color: transparent; }
.text-gray-800 { color: #1f2937; }
.text-gray-600 { color: #4b5563; }
.text-gray-500 { color: #6b7280; }
.text-red-600 { color: #dc2626; }
.text-yellow-400 { color: #facc15; }

.relative { position: relative; }
.container { width: 100%; }
.mx-auto { margin-left: auto; margin-right: auto; }
.flex { display: flex; }
.grid { display: grid; }
.flex-col { flex-direction: column; }
.flex-wrap { flex-wrap: wrap; }
.items-center { align-items: center; }
.justify-center { justify-content: center; }

.grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
.gap-6 { gap: 1.5rem; }
.gap-8 { gap: 2rem; }

.w-full { width: 100%; }
.w-20 { width: 5rem; }
.w-10 { width: 2.5rem; }
.w-5 { width: 1.25rem; }
/* در HTML عبارت md:w-1/1 آمده؛ این معادل 100% است */
.md\:w-1\/1 { width: 100%; }

.h-10 { height: 2.5rem; }
.h-5 { height: 1.25rem; }
.h-1 { height: .25rem; }
.max-w-2xl { max-width: 42rem; }

.p-6 { padding: 1.5rem; }
.px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
.px-8 { padding-left: 2rem; padding-right: 2rem; }
.py-3 { padding-top: .75rem; padding-bottom: .75rem; }
.py-16 { padding-top: 4rem; padding-bottom: 4rem; }
.pt-32 { padding-top: 8rem; }
.pb-20 { padding-bottom: 5rem; }

.mt-4 { margin-top: 1rem; }
.mt-6 { margin-top: 1.5rem; }
.mt-8 { margin-top: 2rem; }
.mt-12 { margin-top: 3rem; }
.mb-2 { margin-bottom: .5rem; }
.mb-3 { margin-bottom: .75rem; }
.mb-4 { margin-bottom: 1rem; }
.mb-6 { margin-bottom: 1.5rem; }
.mb-8 { margin-bottom: 2rem; }
.mb-10 { margin-bottom: 2.5rem; }
.mb-16 { margin-bottom: 4rem; }
.mr-2 { margin-right: .5rem; }

.text-center { text-align: center; }
.text-right { text-align: right; }
.text-sm { font-size: .875rem; line-height: 1.25rem; }
.text-lg { font-size: 1.125rem; line-height: 1.75rem; }
.text-xl { font-size: 1.25rem; line-height: 1.75rem; }
.text-2xl { font-size: 1.5rem; line-height: 2rem; }
.text-3xl { font-size: 1.875rem; line-height: 2.25rem; }
.font-semibold { font-weight: 600; }
.font-bold { font-weight: 700; }
.leading-9 { line-height: 2.25rem; }
.leading-\[1\.9\] { line-height: 1.9; }

.rounded-lg { border-radius: .5rem; }
.rounded-full { border-radius: 9999px; }
.overflow-hidden { overflow: hidden; }
.border-2 { border-width: 2px; }
.border-white { border-color: #fff; }

.shadow-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);
  box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
}
.shadow-xl {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1),0 8px 10px -6px rgb(0 0 0 / .1);
  box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
}
.transition { transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter; }
.duration-300 { transition-duration: 300ms; }
.inline-block { display: inline-block; }
.object-cover { object-fit: cover; }
.fill-current { fill: currentColor; }

.md\:hidden { display: none; }
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}

@media (min-width: 768px) {
  .container { max-width: 768px; }
  .md\:flex-row { flex-direction: row; }
  .md\:mb-0 { margin-bottom: 0; }
  .md\:text-5xl { font-size: 3rem; line-height: 1; }
  .md\:text-right { text-align: right; }
  .md\:text-xl { font-size: 1.25rem; line-height: 1.75rem; }
  .md\:text-justify { text-align: justify; }
  .md\:grid-cols-3 { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .md\:grid-cols-4 { grid-template-columns: repeat(4,minmax(0,1fr)); }
  .md\:mx-0 { margin-left: 0; margin-right: 0; }
  .md\:space-y-0 > :not([hidden]) ~ :not([hidden]) { margin-top: 0; margin-bottom: 0; }
  .md\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
  }
}
@media (min-width: 1024px) { .container { max-width: 1024px; } }
@media (min-width: 1280px) { .container { max-width: 1280px; } }
@media (min-width: 1536px) { .container { max-width: 1536px; } }

@media (hover:hover) {
  .hover\:shadow-lg:hover {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -4px rgb(0 0 0 / .1);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
  }
  .hover\:bg-gray-100:hover { background-color: #f3f4f6; }
  .hover\:bg-white:hover { background-color: #fff; }
  .hover\:bg-secondary:hover { background-color: #211404; }
  .hover\:text-red-800:hover { color: #991b1b; }
  .hover\:text-primary:hover { color: #211404; }
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
.animate-fadeIn { animation: fadeIn .5s ease-in-out; }
.auto-style1 { text-align: center; }

/* اطمینان از دیده‌شدن محتوای Hero حتی در صورت وجود قوانین قدیمی style.css */
section.bg-gradient-to-r.from-primary.to-secondary.text-white {
  display: block !important;
  visibility: visible !important;
  color: #fff !important;
  background: #211404 !important;
  min-height: 300px;
}
section.bg-gradient-to-r.from-primary.to-secondary.text-white h1,
section.bg-gradient-to-r.from-primary.to-secondary.text-white p {
  color: #fff !important;
  visibility: visible !important;
}

/* FIX: جلوگیری از نوار سفید زیر فوتر در index.html */
html,
body {
    margin: 0 !important;
    padding: 0 !important;
}