/*
 * EL-KAYAN storefront header adjustment.
 * CSS-only, reversible by disabling this module.
 */

#header {
  position: sticky !important;
  top: 0;
  z-index: 1100;
}

@media (min-width: 768px) {
  #header .header-top {
    padding-block: 0 !important;
  }

  #header .elk-category-nav {
    margin-top: 0.25rem !important;
  }
}

@media (max-width: 767.98px) {
  /*
   * Search remains available at the top of the mobile page, then leaves the
   * sticky header as soon as the visitor starts scrolling.
   */
  body.elk-header-scrolled #header #search_widget {
    display: none !important;
  }

  #header .header-top {
    padding-block: 0 0.25rem !important;
  }

  #header .header-top .elk-mobile-header-row {
    min-height: 56px !important;
    padding-block: 0 !important;
  }

  #header .header-top .elk-mobile-header-row #_mobile_logo {
    margin-inline-start: -15px !important;
    padding-inline: 0 !important;
  }

  #header .header-top .elk-mobile-header-row #_mobile_logo h1,
  #header .header-top .elk-mobile-header-row #_mobile_logo h1 > a {
    display: flex;
    width: 100%;
    margin: 0;
    align-items: center;
  }

  #header .header-top .elk-mobile-header-row #_mobile_logo h1 > a {
    justify-content: flex-start;
  }
}