/* === Mobile menu: remove background around items (no pill) === */
@media (max-width: 1024px){
  .iw-header__inner {
    grid-template-columns: auto 1fr auto;
    /* Force extra right gap for burger/toggle on mobile */
    padding-right: calc(24px + env(safe-area-inset-right, 0px)) !important;
  }
  /* Explicit margin so actions/burger sit further from the edge */
  .iw-header .iw-actions { margin-right: calc(16px + env(safe-area-inset-right, 0px)); }
  /* Increase right gap on mobile so burger isn't too close to the edge */
  .iw-header .iw-container { padding-right: calc(24px + env(safe-area-inset-right, 0px)); }
  /* Off-canvas logo: remove blue focus ring/border on mobile */
  .iw-offcanvas__logo a,
  .iw-offcanvas__logo a:focus,
  .iw-offcanvas__logo a:focus-visible {
    outline: none !important;
    box-shadow: none !important;
    border: 0 !important;
  }
  .iw-offcanvas__logo a { -webkit-tap-highlight-color: transparent; }
  .iw-nav--mobile .iw-menu--mobile a,
  .iw-nav--mobile .iw-menu--mobile .sub-menu a {
    background: transparent !important;
    box-shadow: none !important;
  }
  .iw-nav--mobile .iw-menu--mobile a:hover,
  .iw-nav--mobile .iw-menu--mobile .sub-menu a:hover,
  .iw-nav--mobile .iw-menu--mobile .current-menu-item > a,
  .iw-nav--mobile .iw-menu--mobile .current-menu-ancestor > a {
    background: transparent !important;
  }
  /* Remove focus outline ring on touch devices to avoid "pill" look */
  /* Keep accessible focus but subtle */
  .iw-nav--mobile .iw-menu--mobile a:focus-visible { outline: 2px solid rgba(57,199,206,.7); outline-offset: 2px; border-radius: 10px; }

  /* Also ensure off-canvas items that use generic .iw-menu get no pill/border/shadow */
  .iw-nav--mobile .iw-menu > li > a {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 12px; /* keep tap target shape but no visuals */
  }
  .iw-nav--mobile .iw-menu > li > a::before { display: none !important; }
  .iw-nav--mobile .iw-menu > li.current-menu-item > a,
  .iw-nav--mobile .iw-menu > li.current_page_item > a,
  .iw-nav--mobile .iw-menu > li.current-menu-ancestor > a {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
}

/* iOS Safari: suppress blue focus ring on linked logo image */
@supports (-webkit-touch-callout: none) {
  .iw-offcanvas__logo a,
  .iw-offcanvas__logo a:focus,
  .iw-offcanvas__logo a:focus-visible,
  .iw-offcanvas__logo img,
  .iw-header .iw-brand,
  .iw-header .iw-brand:focus,
  .iw-header .iw-brand:focus-visible {
    -webkit-tap-highlight-color: transparent;
    -webkit-focus-ring-color: rgba(0,0,0,0);
    -webkit-appearance: none;
    appearance: none;
    outline: none !important;
    box-shadow: none !important;
    border: 0 !important;
  }
}

/* Header actions (CTA + burger) */
.iw-actions { display: inline-flex; align-items: center; gap: .6rem; }
/* Keep actions at the far right on desktop */
.iw-actions { justify-self: end; }
/* Keep brand at the far left (explicit for clarity) */
.iw-brand { justify-self: start; }
/* Make CTA compact in header */
.iw-actions .btn { --btn-pad-y: 10px; --btn-pad-x: 18px; line-height: 1; border-radius: 999px; white-space: nowrap; font-size: .95rem; }
/* Ensure CTA never stretches */
.iw-actions .iw-cta-btn { width: auto; display: inline-flex; }
@media (max-width: 1023.98px){
  .iw-actions .iw-cta-btn { display: none; } /* Hide CTA on mobile topbar, it appears inside offcanvas */
}
@media (min-width: 1024px){
  .iw-burger { display: none; }
}

/* Ensure nav is centered between brand and actions on wide screens */
@media (min-width: 1280px){
  .iw-nav--desktop { justify-self: center; }
}