/* architecture: core — html/body/container/scrollbar | lines 70-122 from style.css */

html {
  scroll-behavior: smooth;
  /* لنگر بخش‌ها زیر ناوبر چسبان گیر نکند */
  scroll-padding-top: calc(var(--nav-height) + env(safe-area-inset-top, 0px) + 12px);
  /* جلوگیری از بزرگ‌نمایی خودکار متن در سافاری iOS هنگام چرخش گوشی */
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  font-family: 'Vazirmatn', sans-serif;
  background: var(--bg-main);
  color: var(--text-gray-light);
  line-height: 1.7;
  overflow-x: hidden;
}

/* هیچ عنصری نباید باعث اسکرول افقی روی موبایل شود */
img,
svg,
video,
canvas {
  max-width: 100%;
  height: auto;
}

/* لوگوی برند ابعاد ثابت دارد — height:auto باعث CLS می‌شود */
img.logo-img,
img.footer-logo-img {
  max-width: none;
  width: 100%;
  height: 100%;
}

/* Scrollbar — ملایم و باریک */
html {
  scrollbar-width: thin;
  scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
}

::-webkit-scrollbar {
  width: var(--scrollbar-size);
  height: var(--scrollbar-size);
}

::-webkit-scrollbar-track {
  background: var(--scrollbar-track);
}

::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb);
  border-radius: 99px;
  border: 2px solid transparent;
  background-clip: padding-box;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--scrollbar-thumb-hover);
  background-clip: padding-box;
}

::-webkit-scrollbar-corner {
  background: transparent;
}

/*
 * کانتینر سیال — از ۳۲۰px تا ۱۹۲۰px بدون هیچ media query.
 * عرض با max-width محدود می‌شود و حاشیه با --gutter رشد می‌کند.
 */
.container {
  width: 100%;
  max-width: var(--content-max);
  margin-inline: auto;
  padding-inline: var(--gutter-safe);
}

.navbar > .container,
.hero > .container {
  max-width: var(--content-max-hero);
}