/* Slim bar above the site header. Signed-in shopkeepers get "My Shop" in place of the WordPress toolbar;
   everyone else gets the marketplace and the seller login (.aq-front-bar--market).
   Its content lines up with the header's logo and menu: front-bar.js sets --aq-bar-start and --aq-bar-end from
   them (the header centres both as one group, whose width CSS cannot know). The fallbacks are close to it. */
.aq-front-bar { position: relative; z-index: 101; background: #0b3a30; color: #e4efea; font: var(--ug-weight-medium) var(--ug-text-sm)/1.3 var(--ug-font-body); }
.aq-front-bar__inner { --aq-bar-edge: clamp(2rem, 4vw, 4rem); display: flex; align-items: center; gap: 0 20px; box-sizing: border-box; min-height: 44px; padding-block: 0; padding-inline: var(--aq-bar-start, var(--aq-bar-edge)) var(--aq-bar-end, var(--aq-bar-edge)); }
@media (min-width: 1201px) { .aq-front-bar__inner { --aq-bar-edge: max(clamp(2rem, 4vw, 4rem), calc((100% - 1250px) / 2)); } }
@media (min-width: 1601px) { .aq-front-bar__inner { --aq-bar-edge: calc((100% - 1440px) / 2); } }
@media (max-width: 374px) { .aq-front-bar__inner { --aq-bar-edge: 15px; } }
.aq-front-bar a { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; color: #e4efea; text-decoration: none; }
.aq-front-bar a:hover { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.aq-front-bar a:focus-visible { outline: 2px solid var(--ug-plant, #baf598); outline-offset: 2px; border-radius: 4px; }
.aq-front-bar .aq-icon { flex: 0 0 auto; width: 18px; height: 18px; }
.aq-front-bar .aq-front-bar__brand { color: #fff; font-size: 15px; font-weight: 700; }
.aq-front-bar__brand .aq-app-logo { width: 24px; height: 24px; color: #baf598; }
.aq-front-bar__links { display: flex; gap: 20px; margin: 0; padding: 0 0 0 20px; border-left: 1px solid rgba(255, 255, 255, .2); list-style: none; }
.aq-front-bar__links li { margin: 0; padding: 0; }
.aq-front-bar__end { display: flex; align-items: center; gap: 20px; margin-left: auto; }
.aq-front-bar__who { display: inline-flex; align-items: center; gap: 8px; max-width: 260px; color: #fff; font-weight: var(--ug-weight-semibold); }
.aq-front-bar__who span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.aq-front-bar__note { margin: 0; padding: 4px 12px; border-radius: 99px; background: rgba(186, 245, 152, .16); color: #baf598; font-size: var(--ug-text-xs); font-weight: var(--ug-weight-semibold); white-space: nowrap; }
@media (max-width: 1023px) {
  .aq-front-bar__links, .aq-front-bar__who { display: none; }
}
@media (max-width: 600px) {
  .aq-front-bar__note, .aq-front-bar__public { display: none !important; }
}

/* Marketplace bar */
.aq-front-bar--market .aq-front-bar__inner { min-height: 44px; }
.aq-front-bar.aq-front-bar--market .aq-front-bar__brand { min-height: 44px; }
.aq-front-bar--market a { min-height: 40px; }
.aq-front-bar--market .aq-front-bar__brand .aq-icon { color: #baf598; }
.aq-front-bar__tagline { min-width: 0; margin: 0; padding-left: 20px; overflow: hidden; border-left: 1px solid rgba(255, 255, 255, .2); color: #b5c5c0; text-overflow: ellipsis; white-space: nowrap; }
.aq-front-bar .aq-front-bar__login { position: relative; min-height: 30px; padding: 0 12px; border: 1px solid rgba(186, 245, 152, .5); border-radius: 999px; color: #fff; font-weight: var(--ug-weight-semibold, 600); }
.aq-front-bar .aq-front-bar__login::after { position: absolute; inset: -7px 0; content: ""; }
.aq-front-bar .aq-front-bar__login:hover { background: rgba(186, 245, 152, .14); color: #fff; text-decoration: none; }
.aq-front-bar__login .aq-icon { width: 16px; height: 16px; }
@media (max-width: 767px) {
  .aq-front-bar__tagline { display: none; }
}

/* The phone menu's last entries (theme hook "mero_mobile_nav_end"), styled like its menu rows. */
.aq-market-drawer { display: grid; gap: 12px; padding-bottom: 8px; border-top: 1px solid rgb(23 52 45 / 14%); }
.mero-mobile-nav.is-drilling .aq-market-drawer { display: none; }
.aq-market-drawer a { text-decoration: none; }
.aq-market-drawer .aq-icon { flex: 0 0 auto; width: 22px; height: 22px; }
.aq-market-drawer__shops { display: flex; align-items: center; gap: 12px; min-height: 3.75rem; color: var(--ug-text, #14201e); font-size: var(--ug-text-md, 1.125rem); font-weight: var(--ug-weight-semibold, 600); line-height: 1.25; }
.aq-market-drawer__shops span { flex: 1; }
.aq-market-drawer__shops small { display: block; color: var(--ug-text-muted, #52645f); font-size: var(--ug-text-sm, .9375rem); font-weight: var(--ug-weight-regular, 400); }
.aq-market-drawer__login { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: var(--ug-button-height, 3rem); border-radius: var(--ug-control-radius, .5rem); background: var(--ug-button-primary-bg, #063f36); color: var(--ug-button-primary-text, #fff); font: var(--ug-button-font, 700 1rem/1.2 sans-serif); }
.aq-market-drawer__login:hover, .aq-market-drawer__login:focus-visible { background: var(--ug-button-primary-hover-bg, #087861); color: #fff; }