/* ==========================================================================
   CLS guards — جلوگیری از جابجایی ناخواسته layout
   ========================================================================== */

/* ارتفاع ثابت هدر تا اندازه‌گیری JS بعد از لود فونت layout را جابجا نکند */
.site-header .navbar > .container-fluid {
  min-height: var(--header-height);
  align-items: center;
}

.site-header .navbar-brand.site-brand {
  min-height: 2.25rem;
}

/* رزرو فضای ناحیه حساب در هدر (ورود vs منوی کاربر) */
@media (min-width: 992px) {
  .site-nav__account {
    min-height: 2.5rem;
    justify-content: flex-end;
  }

  .auth-nav__login-btn {
    min-height: 2rem;
    min-width: 4.5rem;
  }

  .auth-nav__trigger {
    min-height: 2.5rem;
  }
}

/* رزرو ابعاد تصویر hero قبل از paint */
.hero__visual-frame {
  aspect-ratio: 1024 / 576;
}

.hero__visual-image {
  aspect-ratio: 1024 / 576;
}