/* 手机端页头 / 页脚公共样式。
   原先这套规则在 scenarios / support / download / background-running 四个页面样式表里
   逐字复制了四份（页头 5 条、页脚 13 条、≤359px 两条），改动任何一处都要改四遍。
   现在集中在这里，四个页面先加载本文件、再加载各自的页面样式表。

   选择器说明：
   - 页头用 id（#site-nav / #header-logo / #lang-toggle / #mobile-menu-btn），
     id 特异性高于 Tailwind 工具类，不依赖加载顺序也能生效。
   - 页脚挂在 #footer-placeholder 下，同样为了避免被 footer 上的 Tailwind 工具类
     （.pt-10 / .pb-12 等）覆盖。

   注意：首页（css/home-mobile.css）的页脚是另一种排版（.site-footer-policy 纵向排列），
   账户页（css/orders-mobile.css）也是漂移过的变体，两者都保留各自的规则，未纳入本文件。 */
@media (max-width: 767px) {
    #site-nav > div:first-child { padding-inline: 16px; }
    #header-logo { height: 20px; max-width: 86px; }
    #lang-toggle { padding-inline: 8px; gap: 0; }
    #lang-toggle svg { display: none; }
    #mobile-menu-btn { margin-left: 8px; }

    #footer-placeholder footer { padding: 28px 0 32px; border: 0; }
    #footer-placeholder footer > div { padding: 0 16px; }
    #footer-placeholder .site-footer-main { gap: 24px; margin-bottom: 0; }
    #footer-placeholder #footer-logo { height: 30px; }
    #footer-placeholder .site-footer-links { gap: 16px 20px; font-size: 13px; line-height: 22px; }
    #footer-placeholder .site-footer-links a[href="shop.html"] { display: none; }
    #footer-placeholder .site-footer-links a[href="support.html"] { flex-basis: 100%; text-align: center; }
    #footer-placeholder .site-footer-social { width: 100%; padding-top: 20px; border-top: 1px solid #272727; justify-content: center; gap: 20px; }
    #footer-placeholder .site-footer-social > .group:first-child > .absolute { left: 0; }
    #footer-placeholder .site-footer-social > .group:last-child > .absolute { right: 0; }
    #footer-placeholder .site-footer-main + div { display: none; }
    #footer-placeholder .site-footer-legal { margin-top: 40px; font-size: 12px; line-height: 22px; text-align: center; }
    #footer-placeholder .site-footer-policy { flex-wrap: wrap; justify-content: center; gap: 24px 40px; margin-top: 20px; }
    #footer-placeholder .site-footer-policy > * { margin: 0; }
    #footer-placeholder .site-footer-policy > :not([hidden]) ~ :not([hidden]) { margin: 0; }
    #footer-placeholder #icp-info { flex-basis: 100%; }
}

@media (max-width: 359px) {
    #footer-placeholder .site-footer-links { gap: 16px 12px; }
    #footer-placeholder .site-footer-social { gap: 14px; }
}