/* ============================================================
   SINTEX — MOBILE HEADER AUTOHIDE V1
   Mobile only.
   Desktop intentionally untouched.
   ============================================================ */

@media (max-width: 980px) {

  html.sintex-header-autohide-ready .site-header {
    transition:
      transform 240ms cubic-bezier(.22,.61,.36,1) !important;

    will-change:
      transform;

    backface-visibility:
      hidden;

    -webkit-backface-visibility:
      hidden;
  }


  html.sintex-header-autohide-ready
  .site-header.sintex-header-autohide-hidden {
    transform:
      translate3d(0, calc(-100% - 3px), 0) !important;
  }


  /*
   * Il menu mobile ha priorità assoluta:
   * se è aperto l'header deve restare visibile.
   */
  html.sintex-header-autohide-ready
  body.menu-open
  .site-header {
    transform:
      translate3d(0, 0, 0) !important;
  }

}


@media
  (max-width: 980px)
  and (prefers-reduced-motion: reduce) {

  html.sintex-header-autohide-ready .site-header {
    transition-duration:
      1ms !important;
  }

}