/* Ottoman Research — Global Header Typography — Theme Patch 1.0.39
   Purpose: improve primary-navigation readability across every public page
   without changing page-specific layouts. */

/* Desktop navigation: larger, calmer type with enough horizontal room. */
@media (min-width: 1181px) {
  .or-site-header .or-header-inner {
    max-width: 1480px;
    padding-left: 30px;
    padding-right: 30px;
    grid-template-columns: 250px minmax(0, 1fr) auto;
    column-gap: 22px;
  }

  .or-site-header .or-primary-menu {
    gap: clamp(13px, 1vw, 19px);
  }

  .or-site-header .or-primary-menu > li > a,
  .or-site-header .or-submenu-row > a {
    font-size: clamp(13px, .76vw, 14.5px);
    line-height: 1.2;
    font-weight: 650;
    letter-spacing: .012em;
    text-transform: none;
    white-space: nowrap;
  }

  /* Keep the dropdown hierarchy readable as well. */
  .or-site-header .or-submenu li a {
    font-size: 14px;
    line-height: 1.45;
  }

  /* Keep the CTA visually subordinate to the navigation rather than oversized. */
  .or-site-header .or-header-cta {
    font-size: 13px !important;
    letter-spacing: .055em;
    white-space: nowrap;
  }
}

/* Medium desktop/laptop widths: retain the increase but tighten spacing before
   the existing mobile-navigation breakpoint takes over. */
@media (min-width: 1181px) and (max-width: 1280px) {
  .or-site-header .or-header-inner {
    max-width: 100%;
    padding-left: 18px;
    padding-right: 18px;
    grid-template-columns: 220px minmax(0, 1fr) auto;
    column-gap: 14px;
  }

  .or-site-header .or-primary-menu {
    gap: 11px;
  }

  .or-site-header .or-primary-menu > li > a,
  .or-site-header .or-submenu-row > a {
    font-size: 12.75px;
    letter-spacing: 0;
  }

  .or-site-header .or-header-cta {
    padding-left: 16px !important;
    padding-right: 16px !important;
    font-size: 12px !important;
  }
}

/* Mobile menu typography should not fall back to the previous small scale. */
@media (max-width: 1180px) {
  .or-site-header .or-primary-menu > li > a,
  .or-site-header .or-submenu-row > a {
    font-size: 15px;
    line-height: 1.35;
    letter-spacing: .01em;
  }

  .or-site-header .or-menu-toggle,
  .or-site-header .or-menu-toggle:hover,
  .or-site-header .or-menu-toggle:focus,
  .or-site-header .or-menu-toggle:active,
  .or-site-header .or-menu-toggle[aria-expanded="true"] {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    color: var(--or-forest) !important;
  }

  .or-site-header .or-submenu-toggle:not(.or-clients-parent) {
    -webkit-appearance: none !important;
    appearance: none !important;
    display: grid !important;
    place-items: center !important;
    flex: 0 0 42px !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    color: var(--or-forest) !important;
    font: 700 15px/1 var(--or-body) !important;
  }

  .or-site-header .or-submenu-toggle:not(.or-clients-parent):hover,
  .or-site-header .or-submenu-toggle:not(.or-clients-parent):focus,
  .or-site-header .or-submenu-toggle:not(.or-clients-parent):active,
  .or-site-header .or-submenu-toggle:not(.or-clients-parent)[aria-expanded="true"] {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    color: var(--or-burgundy) !important;
  }

  .or-site-header .or-submenu-toggle:not(.or-clients-parent) > span,
  .or-site-header .or-clients-chevron {
    display: block;
    line-height: 1;
    transform: translateY(-1px);
  }

  .or-site-header .or-clients-chevron {
    display: grid !important;
    place-items: center !important;
    flex: 0 0 42px !important;
    width: 42px !important;
    text-align: center !important;
  }

  .or-site-header .or-submenu li a {
    font-size: 14px;
    line-height: 1.45;
  }
}

/* Live header parity: Clients dropdown and central account utility. */
.or-site-header .or-clients-parent {
  display:flex;
  align-items:center;
  gap:5px;
  margin:0;
  border:0;
  border-bottom:2px solid transparent;
  background:transparent;
  color:var(--or-charcoal);
  cursor:pointer;
  font-family:var(--or-body);
  font-weight:650;
  text-transform:none;
  white-space:nowrap;
}

@media (min-width:1181px) {
  .or-site-header .or-clients-parent {
    display:flex !important;
    align-items:center !important;
    gap:5px !important;
    width:auto !important;
    height:auto !important;
    padding:29px 0 26px !important;
    margin:0 !important;
    border:0 !important;
    border-bottom:2px solid transparent !important;
    background:transparent !important;
    box-shadow:none !important;
    color:var(--or-charcoal) !important;
    font-family:var(--or-body) !important;
    font-size:clamp(13px,.76vw,14.5px) !important;
    font-weight:650 !important;
    line-height:1.2 !important;
    letter-spacing:.012em !important;
    text-transform:none !important;
    white-space:nowrap !important;
    cursor:pointer;
  }
  .or-site-header .or-clients-parent:hover,
  .or-site-header .or-clients-parent:focus,
  .or-site-header .or-has-submenu.is-open > .or-submenu-row .or-clients-parent {
    color:var(--or-burgundy);
    border-bottom-color:var(--or-burgundy);
  }
}

@media (max-width:1180px) {
  .or-site-header .or-clients-parent {
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    width:100% !important;
    height:auto !important;
    padding:10px 0 !important;
    margin:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    color:var(--or-charcoal) !important;
    font-family:var(--or-body) !important;
    font-size:15px !important;
    font-weight:650 !important;
    line-height:1.35 !important;
    letter-spacing:.01em !important;
    text-align:left !important;
  }
}

.or-account-menu{position:relative}
.or-account-toggle{display:grid;place-items:center;width:38px;height:38px;padding:0;margin:0;border:0;background:transparent;color:var(--or-forest);cursor:pointer;list-style:none}
.or-account-toggle::-webkit-details-marker{display:none}
.or-account-toggle::marker{content:""}
.or-account-icon{display:block;width:25px;height:25px}
.or-account-toggle:hover,.or-account-menu[open] .or-account-toggle{color:var(--or-burgundy)}
.or-account-dropdown{position:absolute;top:calc(100% + 12px);right:0;z-index:1005;width:220px;padding:10px;background:var(--or-white);border:1px solid var(--or-border);box-shadow:0 20px 48px rgba(25,34,28,.16)}
.or-account-dropdown a{display:block;padding:10px 12px;color:var(--or-charcoal);font-size:13px;line-height:1.4;text-decoration:none;white-space:nowrap}
.or-account-dropdown a:hover,.or-account-dropdown a:focus{color:var(--or-burgundy);background:#f2ebdf}

@media (max-width:680px) {
  .or-account-toggle{width:34px;height:38px}
  .or-account-icon{width:23px;height:23px}
  .or-account-dropdown{width:min(220px,calc(100vw - 32px))}
}