/* 首页 banner（#page-header.full_page）样式覆盖 */

/* 隐藏移动端的社交图标
 * 主题原生规则：themes/butterfly/source/css/_layout/head.styl 中
 *   #page-header #site_social_icons { display: none; +maxWidth768() { display: block } }
 * 编译后特异性为 (2 个 ID)，媒体查询生效区间为 max-width: 768px。
 * 这里用同样特异性 + 同样媒体查询，靠加载顺序（inject 注入的样式在主题样式之后）覆盖。
 */
@media (max-width: 768px) {
  #page-header #site_social_icons {
    display: none;
  }
}

/* 首页 banner 透明化：banner 不再单独渲染图片，直接透出网站背景图
 * 注意：banner 背景图是 index.pug 内联 style（background-image），
 * 必须 !important 才能覆盖；同时清掉主题默认的浅蓝底色。
 */
#page-header.full_page {
  background: transparent !important;
}

/* 隐藏首页 banner 遮罩（mask.header 为全局配置，这里只对首页生效，
 * 文章页/独立页的 banner 遮罩不受影响）
 */
#page-header.full_page::before {
  display: none;
}