/* 203) HEADER ADD BUTTON SHAPE + JS HOST ITEMS */
.site-header .header-navbar__menu .menu > li.hr-menu-item--listing-submit,
.site-header .header-navbar__menu .menu > li.hr-menu-item--cart,
.site-header .header-navbar__menu .menu > li.hr-menu-item--proshop,
.site-header .header-navbar__menu .menu > li.hr-menu-item--subscriptions{
  display: list-item !important;
  margin: 0 !important;
  padding: 0 !important;
}

.site-header .header-navbar__menu .menu > li.hr-menu-item--proshop > a.hr-header-link-button,
.site-header .header-navbar__menu .menu > li.hr-menu-item--subscriptions > a.hr-header-link-button{
  min-height:var(--hr-header-control-size-desktop) !important;
  padding:0 !important;
  border-radius:999px !important;
  border:1px solid var(--hr-header-control-border) !important;
  background:var(--hr-header-control-bg) !important;
  background-image:none !important;
  color:#ffffff !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:0 !important;
  font-weight:600 !important;
  letter-spacing:.01em !important;
  text-decoration:none !important;
  backdrop-filter:blur(10px) saturate(135%) !important;
  -webkit-backdrop-filter:blur(10px) saturate(135%) !important;
  box-shadow:none !important;
  text-decoration:none !important;
}

.site-header .header-navbar__menu .menu > li.hr-menu-item--proshop > a.hr-header-link-button span,
.site-header .header-navbar__menu .menu > li.hr-menu-item--subscriptions > a.hr-header-link-button span{
  white-space:nowrap !important;
}

.site-header .header-navbar__menu .menu > li.hr-menu-item--proshop > a.hr-header-link-button::after,
.site-header .header-navbar__menu .menu > li.hr-menu-item--subscriptions > a.hr-header-link-button::after{
  content:none !important;
  display:none !important;
  background:none !important;
}

@media (min-width: 769px){
  .site-header .header-navbar__menu .menu > li.hr-menu-item--proshop > a.hr-header-link-button,
  .site-header .header-navbar__menu .menu > li.hr-menu-item--subscriptions > a.hr-header-link-button{
    width:var(--hr-header-control-size-desktop) !important;
    height:var(--hr-header-control-size-desktop) !important;
    min-width:var(--hr-header-control-size-desktop) !important;
    min-height:var(--hr-header-control-size-desktop) !important;
    max-width:var(--hr-header-control-size-desktop) !important;
    max-height:var(--hr-header-control-size-desktop) !important;
    padding:0 !important;
    border-radius:999px !important;
    line-height:1 !important;
    font-size:0 !important;
  }

  .site-header .header-navbar__menu .menu > li.hr-menu-item--proshop > a.hr-header-link-button span,
  .site-header .header-navbar__menu .menu > li.hr-menu-item--subscriptions > a.hr-header-link-button span{
    display:none !important;
  }

  .site-header .header-navbar__menu .menu > li.hr-menu-item--proshop > a.hr-header-link-button::before,
  .site-header .header-navbar__menu .menu > li.hr-menu-item--subscriptions > a.hr-header-link-button::before{
    content:"" !important;
    display:block !important;
    width:18px !important;
    height:18px !important;
    background-repeat:no-repeat !important;
    background-position:center !important;
    background-size:contain !important;
    opacity:.96 !important;
  }

  .site-header .header-navbar__menu .menu > li.hr-menu-item--proshop > a.hr-header-link-button::before{
    background-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"%23ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 7l2-3h14l2 3\"/><path d=\"M4 10h16v10H4z\"/><path d=\"M10 14h4\"/></svg>') !important;
  }

  .site-header .header-navbar__menu .menu > li.hr-menu-item--subscriptions > a.hr-header-link-button::before{
    background-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"%23ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"6\" width=\"18\" height=\"12\" rx=\"2\"/><path d=\"M3 10h18\"/><path d=\"M7 14h4\"/></svg>') !important;
  }
}

.site-header .header-navbar__menu .menu > li.hr-menu-item--listing-submit > .hp-menu__item--listing-submit{
  width: var(--hr-header-control-size) !important;
  height: var(--hr-header-control-size) !important;
  min-width: var(--hr-header-control-size) !important;
  min-height: var(--hr-header-control-size) !important;
  max-width: var(--hr-header-control-size) !important;
  max-height: var(--hr-header-control-size) !important;
  aspect-ratio: 1 / 1 !important;
  box-sizing: border-box !important;
  border-radius: 50% !important;
  padding: 0 !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  transform: none !important;
  translate: none !important;
}

.site-header .header-navbar__menu .menu > li.hr-menu-item--listing-submit > .hp-menu__item--listing-submit span{
  display: none !important;
}

.site-header .header-navbar__menu .menu > li.hr-menu-item--listing-submit > .hp-menu__item--listing-submit i{
  margin: 0 !important;
  line-height: 1 !important;
}

.site-header .header-navbar__menu .menu > li.hr-menu-item--listing-submit > .hp-menu__item--listing-submit::before,
.site-header .header-navbar__menu .menu > li.hr-menu-item--listing-submit > .hp-menu__item--listing-submit::after{
  content: none !important;
  display: none !important;
}

/* 213) LOGGED-OUT HEADER CTA + round add button consistency */
body:not(.logged-in) .site-header .header-navbar__menu .menu > li.hr-menu-item--listing-submit,
body:not(.logged-in) .site-header .header-navbar__actions .hp-menu__item--listing-submit,
body:not(.logged-in) .site-header .hp-menu__item--listing-submit{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}

body:not(.logged-in) .site-header .header-navbar__menu .menu > li.hr-menu-item--login{
  order:5 !important;
  margin-inline-start:auto !important;
  display:list-item !important;
}

body:not(.logged-in) .site-header .header-navbar__menu .menu > li.hr-menu-item--login > a{
  min-height:52px !important;
  padding:0 24px !important;
  border-radius:999px !important;
  border:1px solid rgba(194,214,255,.44) !important;
  background:linear-gradient(135deg, rgba(255,255,255,.18), rgba(172,197,255,.10)) !important;
  color:#eef3ff !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  font-weight:600 !important;
  letter-spacing:.01em !important;
  text-decoration:none !important;
  backdrop-filter:blur(10px) saturate(135%) !important;
  -webkit-backdrop-filter:blur(10px) saturate(135%) !important;
  box-shadow:0 12px 26px rgba(12,23,53,.24), inset 0 1px 0 rgba(255,255,255,.26) !important;
  transition:transform .18s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease !important;
}

body:not(.logged-in) .site-header .header-navbar__menu .menu > li.hr-menu-item--login > a i{
  color:#aecaFF !important;
}

body:not(.logged-in) .site-header .header-navbar__menu .menu > li.hr-menu-item--login > a:hover,
body:not(.logged-in) .site-header .header-navbar__menu .menu > li.hr-menu-item--login > a:focus-visible{
  color:#ffffff !important;
  border-color:rgba(214,228,255,.66) !important;
  background:linear-gradient(135deg, rgba(255,255,255,.22), rgba(130,165,255,.20)) !important;
  box-shadow:0 16px 30px rgba(12,23,53,.30), inset 0 1px 0 rgba(255,255,255,.36) !important;
  transform:translateY(-1px) !important;
}

.site-header .header-navbar__menu .menu > li.hr-menu-item--listing-submit > .hp-menu__item--listing-submit{
  width:52px !important;
  min-width:52px !important;
  height:52px !important;
  min-height:52px !important;
  padding:0 !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:1 !important;
}

.site-header .header-navbar__menu .menu > li.hr-menu-item--listing-submit > .hp-menu__item--listing-submit span{
  display:none !important;
}

@media (max-width: 768px){
  body:not(.logged-in) .site-header .header-navbar__menu .menu > li.hr-menu-item--login > a{
    min-height:48px !important;
    padding:0 18px !important;
    border-radius:999px !important;
  }

  .site-header .header-navbar__menu .menu > li.hr-menu-item--listing-submit > .hp-menu__item--listing-submit{
    width:48px !important;
    min-width:48px !important;
    height:48px !important;
    min-height:48px !important;
  }

  .site-header .header-navbar__menu .menu > li.hr-menu-item--proshop > a.hr-header-link-button,
  .site-header .header-navbar__menu .menu > li.hr-menu-item--subscriptions > a.hr-header-link-button{
    min-height:48px !important;
    padding:0 16px !important;
  }

  .site-header .header-navbar__menu .menu > li.hr-mobile-business-blocks{
    list-style:none !important;
    margin:0 0 10px !important;
    padding:0 !important;
  }

  .site-header .header-navbar__menu .menu > li.menu-item--user-account.menu-item-has-children > ul.sub-menu > li.hr-mobile-business-blocks,
  .site-header .header-navbar__menu .menu > li.menu-item--user-account.menu-item-has-children > .sub-menu > li.hr-mobile-business-blocks{
    display:block !important;
  }

  .site-header .hr-mobile-business-grid{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
    margin:0 0 2px !important;
  }

  .site-header .hr-mobile-business-grid > a.hr-mobile-business-link{
    min-height:44px !important;
    border-radius:14px !important;
    border:1px solid rgba(188,209,255,.52) !important;
    background:linear-gradient(140deg, rgba(255,255,255,.36), rgba(195,216,255,.20)) !important;
    color:#204189 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:13px !important;
    font-weight:700 !important;
    letter-spacing:.01em !important;
    text-decoration:none !important;
    box-shadow:0 8px 18px rgba(15,38,96,.16), inset 0 1px 0 rgba(255,255,255,.62) !important;
  }
}