/* Aoyama Persona Mobile Sticky Header v0.2.0
 * Mobile-only fixed-header correction.
 * Existing header typography, spacing, navigation and desktop layout are unchanged.
 */
:root {
  --ap-mobile-sticky-header-top: 0px;
  --ap-mobile-sticky-header-height: 0px;
}

.apmsh-mobile-header-spacer {
  display: none;
}

@media (max-width: 620px) {
  body:not(.wp-admin) .apmsh-mobile-fixed-header {
    position: fixed !important;
    top: var(--ap-mobile-sticky-header-top, 0px) !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    z-index: 1000 !important;
  }

  body:not(.wp-admin) .apmsh-mobile-header-spacer {
    display: block;
    width: 100%;
    height: var(--ap-mobile-sticky-header-height, 0px);
    margin: 0;
    padding: 0;
    border: 0;
    pointer-events: none;
    visibility: hidden;
  }

  html {
    scroll-padding-top: calc(
      var(--ap-mobile-sticky-header-top, 0px) +
      var(--ap-mobile-sticky-header-height, 0px) +
      12px
    );
  }
}