/* myguideqr v2.13.0 — isolated fixed global header
   One component, one namespace, one final stylesheet. No legacy .myguideqr-site-* selectors. */
:root{
  --mq-app-header-top:0px;
  --mq-app-header-height:88px;
  --mq-app-header-max:1180px;
}
body.admin-bar{--mq-app-header-top:32px;}
@media(max-width:782px){body.admin-bar{--mq-app-header-top:46px;}}
.mq-app-header,
.mq-app-header *,
.mq-app-header *::before,
.mq-app-header *::after,
.mq-app-header-spacer{box-sizing:border-box!important;}
.mq-app-header-skip{
  position:fixed!important;
  left:14px!important;
  top:calc(var(--mq-app-header-top) + 10px)!important;
  z-index:9002!important;
  transform:translateY(-150%)!important;
  display:inline-flex!important;
  align-items:center!important;
  min-height:42px!important;
  padding:0 16px!important;
  border-radius:999px!important;
  background:#0f172a!important;
  color:#fff!important;
  text-decoration:none!important;
  font:900 13px/1.1 Inter,"Noto Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  box-shadow:0 18px 48px rgba(15,23,42,.22)!important;
}
.mq-app-header-skip:focus{transform:translateY(0)!important;}
.mq-app-header{
  position:fixed!important;
  top:var(--mq-app-header-top)!important;
  left:0!important;
  right:0!important;
  z-index:9000!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:10px 0!important;
  background:linear-gradient(180deg,rgba(248,250,252,.96),rgba(248,250,252,.74))!important;
  border:0!important;
  border-bottom:1px solid rgba(15,23,42,.08)!important;
  color:#0f172a!important;
  font-family:Inter,"Noto Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  line-height:1.3!important;
  isolation:isolate!important;
  -webkit-font-smoothing:antialiased!important;
  text-rendering:optimizeLegibility!important;
  backdrop-filter:blur(18px) saturate(140%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(140%)!important;
}
.mq-app-header.is-scrolled{
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 14px 36px rgba(15,23,42,.10)!important;
}
.mq-app-header-spacer{
  display:block!important;
  height:var(--mq-app-header-height)!important;
  min-height:var(--mq-app-header-height)!important;
  width:100%!important;
  flex:0 0 auto!important;
}
.mq-app-header__bar{
  position:relative!important;
  width:min(calc(100% - 32px),var(--mq-app-header-max))!important;
  min-height:68px!important;
  margin:0 auto!important;
  padding:8px!important;
  display:grid!important;
  grid-template-columns:minmax(190px,270px) minmax(0,1fr)!important;
  gap:16px!important;
  align-items:center!important;
  border:1px solid rgba(15,23,42,.11)!important;
  border-radius:26px!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 10px 30px rgba(15,23,42,.08)!important;
}
.mq-app-header__brand{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:center!important;
  color:#0f172a!important;
  text-decoration:none!important;
}
.mq-app-header__brand:hover,
.mq-app-header__brand:focus{color:#0f172a!important;text-decoration:none!important;}
.mq-app-header__brand-mark{
  display:grid!important;
  place-items:center!important;
  width:48px!important;
  height:48px!important;
  border-radius:17px!important;
  background:linear-gradient(145deg,#0f172a,#243954)!important;
  color:#fff!important;
  font:950 13px/1 Inter,"Noto Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  box-shadow:0 14px 28px rgba(15,23,42,.18)!important;
}
.mq-app-header__brand-text{min-width:0!important;display:grid!important;gap:2px!important;}
.mq-app-header__brand-text strong{
  display:block!important;
  min-width:0!important;
  margin:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#0f172a!important;
  font:950 24px/1 Inter,"Noto Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  letter-spacing:-.045em!important;
}
.mq-app-header__brand-text small{
  display:block!important;
  min-width:0!important;
  margin:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#64748b!important;
  font:850 11px/1.15 Inter,"Noto Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
.mq-app-header__panel{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:14px!important;
  align-items:center!important;
}
.mq-app-header__nav{
  min-width:0!important;
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  font:900 13px/1.08 Inter,"Noto Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
.mq-app-header__nav-link,
.mq-app-header__support,
.mq-app-header__cta{
  min-height:40px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  text-align:center!important;
  transition:background .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease!important;
}
.mq-app-header__nav-link,
.mq-app-header__support{
  padding:0 13px!important;
  border:1px solid rgba(15,23,42,.08)!important;
  background:#f8fafc!important;
  color:#334155!important;
}
.mq-app-header__nav-link:hover,
.mq-app-header__nav-link:focus,
.mq-app-header__nav-link.is-active,
.mq-app-header__support:hover,
.mq-app-header__support:focus{
  background:#0f172a!important;
  color:#fff!important;
  border-color:#0f172a!important;
  text-decoration:none!important;
}
.mq-app-header__nav-link.is-active{box-shadow:0 10px 22px rgba(15,23,42,.10)!important;}
.mq-app-header__actions{
  min-width:0!important;
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:8px!important;
  font:900 13px/1.08 Inter,"Noto Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
.mq-app-header__cta{
  padding:0 16px!important;
  border:1px solid #0f172a!important;
  background:#0f172a!important;
  color:#fff!important;
  box-shadow:0 14px 26px rgba(15,23,42,.16)!important;
}
.mq-app-header__cta:hover,
.mq-app-header__cta:focus{color:#fff!important;transform:translateY(-1px)!important;}
.mq-app-header__toggle{
  display:none!important;
  min-width:48px!important;
  min-height:48px!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  margin:0!important;
  padding:0 14px!important;
  border:1px solid rgba(15,23,42,.11)!important;
  border-radius:17px!important;
  background:#fff!important;
  color:#0f172a!important;
  box-shadow:0 8px 20px rgba(15,23,42,.07)!important;
  cursor:pointer!important;
  font:950 13px/1 Inter,"Noto Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
.mq-app-header__toggle-icon{width:22px!important;display:grid!important;gap:5px!important;}
.mq-app-header__toggle-icon i{
  display:block!important;
  width:22px!important;
  height:2px!important;
  border-radius:999px!important;
  background:currentColor!important;
  transition:transform .18s ease,opacity .18s ease!important;
}
.mq-app-header.is-open .mq-app-header__toggle-icon i:nth-child(1){transform:translateY(7px) rotate(45deg)!important;}
.mq-app-header.is-open .mq-app-header__toggle-icon i:nth-child(2){opacity:0!important;}
.mq-app-header.is-open .mq-app-header__toggle-icon i:nth-child(3){transform:translateY(-7px) rotate(-45deg)!important;}
.mq-app-header :is(a,button):focus-visible{
  outline:3px solid rgba(31,111,235,.30)!important;
  outline-offset:3px!important;
}
body.sgwp-guide,
body.sgwp-client-panel,
body.sgwp-client-login-page,
body.sgwp-delivery-pack,
body.sgwp-qr-card-page,
body.sgwp-qr-print-page,
body.myguideqr-sales-template,
body.sgwp-sales-start,
body.sgwp-sales-editor,
body.sgwp-sales-demo{
  scroll-padding-top:calc(var(--mq-app-header-height) + var(--mq-app-header-top) + 20px)!important;
}
body.sgwp-guide :is(section[id],article[id],main[id]),
body.sgwp-client-panel :is(section[id],article[id],main[id],.sgwp-client-card[id]),
body.sgwp-delivery-pack :is(section[id],article[id],main[id]),
body.myguideqr-sales-template :is(section[id],article[id],main[id]),
body.sgwp-sales-start :is(section[id],article[id],main[id]),
body.sgwp-sales-editor :is(section[id],article[id],main[id]),
body.sgwp-sales-demo :is(section[id],article[id],main[id]){
  scroll-margin-top:calc(var(--mq-app-header-height) + var(--mq-app-header-top) + 20px)!important;
}
@media(max-width:1240px){
  .mq-app-header__bar{grid-template-columns:minmax(180px,240px) minmax(0,1fr)!important;}
  .mq-app-header__nav-link,.mq-app-header__support{padding-inline:11px!important;font-size:12.5px!important;}
  .mq-app-header__cta{padding-inline:13px!important;font-size:12.5px!important;}
}
@media(max-width:1100px){
  :root{--mq-app-header-height:82px;}
  .mq-app-header{padding:8px 0!important;}
  .mq-app-header__bar{
    width:min(calc(100% - 22px),var(--mq-app-header-max))!important;
    min-height:66px!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:10px!important;
    padding:7px!important;
    border-radius:22px!important;
  }
  .mq-app-header__toggle{display:inline-flex!important;justify-self:end!important;}
  .mq-app-header__panel{
    position:absolute!important;
    top:calc(100% + 8px)!important;
    left:0!important;
    right:0!important;
    z-index:9001!important;
    display:none!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    max-height:calc(100vh - var(--mq-app-header-top) - 104px)!important;
    overflow:auto!important;
    padding:12px!important;
    border:1px solid rgba(15,23,42,.11)!important;
    border-radius:22px!important;
    background:rgba(255,255,255,.98)!important;
    box-shadow:0 28px 80px rgba(15,23,42,.22)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
  }
  .mq-app-header.is-open .mq-app-header__panel{display:grid!important;}
  .mq-app-header__nav,
  .mq-app-header__actions{
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    justify-content:stretch!important;
  }
  .mq-app-header__nav-link,
  .mq-app-header__support,
  .mq-app-header__cta{
    width:100%!important;
    min-height:50px!important;
    justify-content:flex-start!important;
    padding:0 16px!important;
    font-size:14px!important;
  }
  .mq-app-header__cta{justify-content:center!important;}
}
@media(max-width:640px){
  :root{--mq-app-header-height:76px;}
  .mq-app-header{padding:6px 0!important;}
  .mq-app-header__bar{width:min(calc(100% - 16px),var(--mq-app-header-max))!important;min-height:60px!important;padding:6px!important;border-radius:21px!important;}
  .mq-app-header__brand{grid-template-columns:42px minmax(0,1fr)!important;gap:9px!important;}
  .mq-app-header__brand-mark{width:42px!important;height:42px!important;border-radius:15px!important;font-size:12px!important;}
  .mq-app-header__brand-text strong{font-size:21px!important;}
  .mq-app-header__brand-text small{display:none!important;}
  .mq-app-header__toggle{width:46px!important;min-width:46px!important;min-height:46px!important;padding:0!important;border-radius:16px!important;}
  .mq-app-header__toggle-label{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;}
}
@media(max-width:380px){.mq-app-header__brand-text strong{font-size:19px!important;}}
@media(prefers-reduced-motion:reduce){.mq-app-header,.mq-app-header *{transition:none!important;}}
@media print{.mq-app-header,.mq-app-header-spacer,.mq-app-header-skip{display:none!important;}}


/* 2.32.53 — same myguideqr header on WooCommerce cart/checkout surfaces */
body.sgwp-commerce-canonical-header{
  scroll-padding-top:calc(var(--mq-app-header-height) + var(--mq-app-header-top) + 20px)!important;
}
body.sgwp-commerce-canonical-header .sgwp-commerce-canonical-header-slot{
  position:relative!important;
  z-index:9000!important;
}
body.sgwp-commerce-canonical-header :is(.wp-site-blocks > header.wp-block-template-part, header.wp-block-template-part, .site-header, #masthead, .storefront-primary-navigation){
  display:none!important;
}
body.sgwp-commerce-canonical-header :is(section[id],article[id],main[id],.woocommerce){
  scroll-margin-top:calc(var(--mq-app-header-height) + var(--mq-app-header-top) + 20px)!important;
}
