/**
 * V3 header / nav — mockup: 80px, 64px padding, 14px links, pill CTA.
 */

body.acp-v3-shell #masthead {
  position: sticky;
  top: 0;
  z-index: 100;
  background: var(--card) !important;
  border-bottom: 1px solid var(--border);
  box-shadow: none;
}

body.acp-v3-shell #masthead .header_bottom,
body.acp-v3-shell #masthead .header_inner,
body.acp-v3-shell #masthead .header_top_bottom_holder {
  background: transparent !important;
}

body.acp-v3-shell #masthead .header_bottom .container,
body.acp-v3-shell #masthead .header_bottom .container_inner {
  max-width: none;
  width: 100%;
  padding-left: 64px;
  padding-right: 64px;
}

body.acp-v3-shell nav.main_menu > ul {
  display: flex;
  align-items: center;
  gap: 0;
  height: 80px;
}

body.acp-v3-shell header.sticky nav.main_menu > ul,
body.acp-v3-shell #masthead.sticky nav.main_menu > ul,
body.acp-v3-shell #masthead.sticky_with_scroll nav.main_menu > ul {
  height: 80px;
}

body.acp-v3-shell nav.main_menu > ul > li > a {
  font-size: 14px;
  font-weight: 400 !important;
  color: var(--body) !important;
  text-transform: none !important;
  letter-spacing: 0.1px;
  padding-left: 9px;
  padding-right: 9px;
  transition: color 0.2s;
}

body.acp-v3-shell nav.main_menu > ul > li > a:hover,
body.acp-v3-shell nav.main_menu > ul > li.current-menu-item > a {
  color: var(--ink) !important;
}

body.acp-v3-shell nav.main_menu > ul > li.menu-item-get-started > a.nav-buttom,
body.acp-v3-shell nav.main_menu > ul > li.menu-item-get-started > a.nav-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--red) !important;
  color: #fff !important;
  padding: 10px 22px !important;
  border-radius: 100px;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0.2px;
  margin-left: 12px;
  height: auto !important;
  line-height: 1.2 !important;
  text-transform: none !important;
}

body.acp-v3-shell nav.main_menu > ul > li.menu-item-get-started > a.nav-buttom:hover,
body.acp-v3-shell nav.main_menu > ul > li.menu-item-get-started > a.nav-cta:hover {
  background: var(--deep-red) !important;
  color: #fff !important;
}

body.acp-v3-shell nav.main_menu > ul > li.menu-item-acp-b2c > a {
  font-size: 12px !important;
  color: var(--muted) !important;
  border: 1px solid var(--border);
  padding: 6px 12px !important;
  border-radius: 20px;
  font-weight: 400 !important;
  margin-left: 4px;
}

body.acp-v3-shell nav.main_menu > ul > li.menu-item-acp-b2c > a:hover {
  color: var(--ink) !important;
  border-color: var(--ink) !important;
}

body.acp-v3-shell nav.main_menu > ul > li.menu-item-acp-b2c img {
  filter: grayscale(100%);
  margin-left: 5px !important;
}

body.acp-v3-shell nav.main_menu > ul > li::before {
  display: none !important;
  content: none !important;
}

body.acp-v3-shell #masthead .logo_wrapper img,
body.acp-v3-shell #masthead .q_logo img {
  max-height: 52px;
  width: auto;
  object-fit: contain;
}

@media (max-width: 1000px) {
  /* One inset only — matches main-wrapper margin + section gutter (not triple Pigeon + container padding). */
  body.acp-v3-shell #masthead .header_bottom {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.acp-v3-shell #masthead .header_bottom .container {
    width: 100% !important;
    max-width: none;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.acp-v3-shell #masthead .header_bottom .container_inner {
    width: 100% !important;
    max-width: none;
    padding-left: calc(var(--acp-shell-margin, 40px) + var(--acp-gutter, clamp(20px, 4.2vw, 56px))) !important;
    padding-right: calc(var(--acp-shell-margin, 40px) + var(--acp-gutter, clamp(20px, 4.2vw, 56px))) !important;
  }
}