/*
 * هدر و فوترِ طراحی جدید روی صفحه‌های عادی (HaghaniTheme 1.51.0). بارشده از hg_chrome_enqueue().
 * در قالب «صفحه اصلی جدید» این هدر/فوتر سه چیز را از جای دیگر می‌گیرند که روی بقیهٔ صفحه‌ها نیست:
 * (۱) قواعدِ body.hnd-front-page در homepage-new-design-base.css، (۲) دو قاعدهٔ هدر/فوتر که در
 * homepage-new-design-front.css (استایلِ خودِ صفحهٔ اصلی) نشسته‌اند، (۳) نبودنِ بوت‌استرپ. همین سه این‌جا جبران
 * می‌شوند، فقط زیرِ #hnd-header و #hnd-footer. سنجش: مقایسهٔ استایلِ محاسبه‌شدهٔ ۱۷۰ عنصر با صفحهٔ مرجع.
 */

/* (۱) معادلِ body.hnd-front-page — رنگِ متن (فوتر رنگِ سفیدِ خودش را دارد)، تصویرِ block، فونتِ دکمه از والد. */
#hnd-header {
    color: var(--c-ink);
}
#hnd-header img,
#hnd-footer img {
    max-width: 100%;
    display: block;
}
#hnd-header button,
#hnd-footer button {
    font-family: inherit;
}

/* (۱٫۵) 1.51.2: استایلِ سه قالبِ صفحه (front-page.css = صفحهٔ اصلیِ زنده، redesigned-front.css، low-paying-cat.css)
   روی تگِ خامِ footer «display:flex; justify-content:center» دارد که برای فوترِ قدیمی نوشته شده بود؛ روی فوترِ
   جدید همهٔ بخش‌ها را کنارِ هم در ستون‌های باریک می‌چپاند. شناسه بر تگ می‌برد، پس یک‌جا برای همه خنثی می‌شود. */
#hnd-footer {
    display: block;
    justify-content: normal;
}

/* (۲) از homepage-new-design-front.css: «header extras» و حرکتِ کاهش‌یافته. */
#hnd-header .hnd-topbar-end {
    display: flex;
    align-items: center;
    gap: 16px;
}
@media (prefers-reduced-motion: reduce) {
    #hnd-footer .hnd-f-ticker-track,
    #hnd-footer .hnd-f-brand-star {
        animation: none !important;
    }
}