/*
  v235 - Mobile header above banner safe fix
  هدف: در حالت گوشی هدر روی بنر نیفتد و قبل از بنر در جریان عادی صفحه قرار بگیرد.
  Scope: homepage + interviews pages. No DB changes.
*/
@media (max-width: 820px){
  /* صفحه اصلی و صفحاتی که از هدر اصلی .header استفاده می‌کنند */
  body .header{
    position:relative !important;
    top:auto !important;
    right:auto !important;
    left:auto !important;
    transform:none !important;
    width:calc(100% - 20px) !important;
    max-width:calc(100vw - 20px) !important;
    margin:10px auto 12px !important;
    z-index:1000 !important;
  }

  body .hero{
    margin-top:0 !important;
  }

  /* در صفحه اصلی وقتی هدر از روی بنر خارج می‌شود، دیگر متن/محتوا نباید برای هدرِ روی بنر فاصله اضافه بگیرد */
  body .hero-content{
    padding-top:38px !important;
  }

  /* صفحه گفتگوهای اختصاصی جدید */
  body.interviews-page .ifx-page-shell{
    padding-top:10px !important;
  }

  body.interviews-page .ifx-topbar{
    position:relative !important;
    top:auto !important;
    right:auto !important;
    left:auto !important;
    transform:none !important;
    z-index:1000 !important;
    margin:0 0 14px !important;
  }

  body.interviews-page .ifx-hero-card{
    margin-top:0 !important;
  }

  /* آرشیو گفتگوهای فجر / صفحات داخلی گفتگو */
  body.fajr-archive-page .fajr-topbar,
  body.fajr-archive-page .header.fajr-archive-home-header{
    position:relative !important;
    top:auto !important;
    right:auto !important;
    left:auto !important;
    transform:none !important;
    z-index:1000 !important;
    margin-top:10px !important;
    margin-bottom:14px !important;
  }

  body.fajr-archive-page .fajr-hero,
  body.fajr-archive-page .ifx-hero-card{
    margin-top:0 !important;
  }
}

@media (max-width: 430px){
  body .header{
    margin-top:8px !important;
    margin-bottom:10px !important;
  }
}