/* V29.7 — balanced laptop-style navigation for iPad Mini portrait only. */
@media (min-width: 740px) and (max-width: 780px) and (orientation: portrait) {
  html body header {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto auto !important;
    grid-template-rows: 78px !important;
    align-items: center !important;
    column-gap: 7px !important;
    row-gap: 0 !important;
    width: 100% !important;
    height: 78px !important;
    min-height: 78px !important;
    padding: 0 14px !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  html body header > a:first-child {
    position: relative !important;
    z-index: 1002 !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: center !important;
    justify-self: start !important;
    gap: 7px !important;
    min-width: 0 !important;
    max-width: 120px !important;
  }

  html body header > a:first-child img {
    width: 44px !important;
    height: 44px !important;
    flex: 0 0 44px !important;
  }

  html body header > a:first-child > div {
    min-width: 0 !important;
    flex-wrap: nowrap !important;
  }

  html body header > a:first-child > div > span:first-child {
    font-size: 14px !important;
    line-height: 1.05 !important;
    letter-spacing: 0.01em !important;
    white-space: nowrap !important;
  }

  html body header > a:first-child > div > span:last-child {
    font-size: 7.5px !important;
    line-height: 1.15 !important;
    letter-spacing: 0.16em !important;
    white-space: nowrap !important;
  }

  html body header > .za-mobile-nav-details {
    display: none !important;
  }

  html body header > nav.za-nav {
    display: flex !important;
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: center !important;
    justify-self: center !important;
    width: max-content !important;
    min-width: 0 !important;
    max-width: 360px !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    flex-wrap: nowrap !important;
    transform: none !important;
    z-index: 1001 !important;
  }

  html body header > nav.za-nav > a.za-navlink,
  html body header > nav.za-nav > div > a.za-navlink {
    display: inline-flex !important;
    align-items: center !important;
    min-width: 0 !important;
    padding: 6px 0 !important;
    font-size: 10.5px !important;
    line-height: 1.15 !important;
    letter-spacing: 0.04em !important;
    white-space: nowrap !important;
  }

  html body header > nav.za-nav > div {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0 !important;
    min-width: 0 !important;
    flex-wrap: nowrap !important;
  }

  html body header .za-practices-chevron-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    margin: -2px 0 0 !important;
    padding: 0 !important;
    border-radius: 7px !important;
  }

  html body header .za-practices-chevron-btn > span {
    font-size: 24px !important;
    line-height: 1 !important;
  }

  html body header #za-practices-menu {
    left: -88px !important;
    right: auto !important;
    width: min(360px, calc(100vw - 28px)) !important;
    max-width: calc(100vw - 28px) !important;
  }

  html body header #za-practices-menu .za-practices-menu-label {
    font-size: 11.5px !important;
    line-height: 1.35 !important;
    white-space: normal !important;
  }

  html body header > .za-lang-wrap,
  html body header > div:has(> .za-lang-btn) {
    display: block !important;
    position: relative !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
    align-self: center !important;
    justify-self: end !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    z-index: 1004 !important;
  }

  html body header > .za-lang-wrap > .za-lang-btn,
  html body header > div:has(> .za-lang-btn) > .za-lang-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
    width: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 !important;
    border: 1px solid rgba(212, 175, 55, 0.55) !important;
    border-radius: 7px !important;
    background: #fbf7eb !important;
    color: #000c1d !important;
    font-size: 9.5px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  html body header > .za-lang-wrap > .za-lang-btn .za-globe-icon,
  html body header > div:has(> .za-lang-btn) > .za-lang-btn .za-globe-icon {
    display: none !important;
  }

  html body header > .za-lang-wrap > [role="listbox"],
  html body header > div:has(> .za-lang-btn) > [role="listbox"] {
    right: 0 !important;
    left: auto !important;
    width: 145px !important;
    min-width: 145px !important;
    max-width: none !important;
    z-index: 1006 !important;
  }

  html body header > .za-lang-wrap > [role="listbox"] .za-lang-item,
  html body header > div:has(> .za-lang-btn) > [role="listbox"] .za-lang-item {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 9px 10px !important;
    font-size: 12px !important;
    white-space: nowrap !important;
  }

  html body header > a[href*="start-a-conversation"] {
    display: inline-flex !important;
    position: relative !important;
    z-index: 1002 !important;
    grid-column: 4 !important;
    grid-row: 1 !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: center !important;
    justify-self: end !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 34px !important;
    margin: 0 !important;
    padding: 10px 12px !important;
    font-size: 9px !important;
    line-height: 1.1 !important;
    letter-spacing: 0.055em !important;
    white-space: nowrap !important;
  }

  html body header .za-mobile-language-card {
    display: none !important;
  }
}