/* Pikiin global header polish. Intentionally narrow selectors so the DWT parent theme remains untouched. */
:root{--pikiin-global-teal:#27bbb4;--pikiin-global-teal-hover:#209f99}

/* Primary global listing CTA: DWT puts the dark background on the LI, not only the anchor. */
ul.menu-button li.post-btn,
ul.menu-button li.ad-listing-btn,
.mega-menu.header2 .menu-button li.post-btn,
.n-header-4 .mega-menu .menu-button li.post-btn{
  background:var(--pikiin-global-teal)!important;
  border-color:var(--pikiin-global-teal)!important;
}
ul.menu-button li.post-btn>a,
ul.menu-button li.ad-listing-btn>a,
.mega-menu.header2 .menu-button li.post-btn>a,
.n-header-4 .mega-menu .menu-button li.post-btn>a{
  background:transparent!important;
  border-color:transparent!important;
  color:#fff!important;
}
ul.menu-button li.post-btn:hover,
ul.menu-button li.post-btn:focus-within,
ul.menu-button li.ad-listing-btn:hover,
ul.menu-button li.ad-listing-btn:focus-within,
.mega-menu.header2 .menu-button li.post-btn:hover,
.n-header-4 .mega-menu .menu-button li.post-btn:hover{
  background:var(--pikiin-global-teal-hover)!important;
  border-color:var(--pikiin-global-teal-hover)!important;
}
ul.menu-button li.post-btn:hover>a,
ul.menu-button li.post-btn:focus-within>a,
ul.menu-button li.ad-listing-btn:hover>a,
ul.menu-button li.ad-listing-btn:focus-within>a,
.mega-menu.header2 .menu-button li.post-btn:hover>a,
.n-header-4 .mega-menu .menu-button li.post-btn:hover>a,
ul.menu-button li.post-btn:hover i,
ul.menu-button li.ad-listing-btn:hover i{
  color:#fff!important;
}

/* Signed-in account control. Remove DWT's heavy black avatar ring and make the name deliberate. */
ul.menu-button li.profile-dropdown>a.dropdown-toggle{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  white-space:nowrap;
}
ul.menu-button li.profile-dropdown>a.dropdown-toggle img.resize,
.mega-menu.header2 .menu-button img.resize,
.mega-menu.transparent .menu-button img.resize{
  border:0!important;
  padding:0!important;
  box-shadow:none!important;
  width:46px!important;
  height:46px!important;
  object-fit:cover!important;
  margin-right:0!important;
  border-radius:50%!important;
  background:#f1f4f5!important;
}
ul.menu-button li.profile-dropdown>a.dropdown-toggle .pikiin-global-account-name{
  display:inline-block;
  color:#3f3f3f!important;
  font:inherit;
  font-size:18px!important;
  font-weight:500!important;
  line-height:1.2!important;
  text-transform:capitalize;
}
@media(max-width:767px){
  ul.menu-button li.profile-dropdown>a.dropdown-toggle .pikiin-global-account-name{display:none}
}

/* v1.0.11: cleaner neutral public navigation + revised signed-in mobile header. */
.mega-menu.header2 .menu-links>li>a:hover,
.mega-menu.header2 .menu-links>li.current-menu-item>a,
.mega-menu.header2 .menu-links>li.current-menu-ancestor>a,
.mega-menu.header2 .menu-links>li.active>a{
  color:#2f3437!important;
  box-shadow:inset 0 -2px 0 #aeb5ba;
}
.mega-menu.header2 .drop-down-multilevel li:hover>a,
.mega-menu.header2 .drop-down-multilevel li.current-menu-item>a{
  color:#2f3437!important;
  background:#f2f4f5!important;
}

@media(max-width:992px){
  /* Replace the theme's solid black mobile hamburger with the approved grey outline. */
  .header-type-2 .mega-menu.header2 .menu-mobile-collapse-trigger{
    top:8px!important;right:15px!important;width:52px!important;height:52px!important;background:#fff!important;border:1px solid #d7dcdf!important;border-radius:8px!important;
  }
  .header-type-2 .mega-menu.header2 .menu-mobile-collapse-trigger:hover{background:#f6f7f8!important}
  .header-type-2 .mega-menu.header2 .menu-mobile-collapse-trigger:before,
  .header-type-2 .mega-menu.header2 .menu-mobile-collapse-trigger:after,
  .header-type-2 .mega-menu.header2 .menu-mobile-collapse-trigger span{
    width:25px!important;height:2px!important;background:#4f575c!important;left:0!important;right:0!important;margin-left:auto!important;margin-right:auto!important;
  }
  .header-type-2 .mega-menu.header2 .menu-mobile-collapse-trigger:before{top:16px!important}
  .header-type-2 .mega-menu.header2 .menu-mobile-collapse-trigger span{top:24px!important}
  .header-type-2 .mega-menu.header2 .menu-mobile-collapse-trigger:after{top:32px!important}
  .header-type-2 .mega-menu.header2 .menu-mobile-collapse-trigger.active:before{top:17px!important}
  .header-type-2 .mega-menu.header2 .menu-mobile-collapse-trigger.active:after{top:34px!important}

  /* Two balanced rows: logo/hamburger, then account/manage-listings. */
  .header-type-2 .mega-menu.header2{min-height:145px!important}
  .header-type-2 .mega-menu.header2 .menu-list-items{min-height:145px!important;position:relative!important}
  .header-type-2 .mega-menu.header2 .menu-logo{height:72px!important;margin:0!important}
  .header-type-2 .mega-menu.header2 .menu-logo>li>a{padding:10px 15px 0!important}
  .header-type-2 .mega-menu.header2 .menu-button{
    position:absolute!important;left:15px!important;right:15px!important;top:78px!important;width:auto!important;height:55px!important;margin:0!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;float:none!important;
  }
  .header-type-2 .mega-menu.header2 .menu-button>li{float:none!important;margin:0!important;line-height:normal!important}
  .header-type-2 .mega-menu.header2 .menu-button li.profile-dropdown{order:1!important;margin:0!important;align-self:center!important}
  .header-type-2 .mega-menu.header2 .menu-button li.post-btn,
  .header-type-2 .mega-menu.header2 .menu-button li.ad-listing-btn{order:2!important;margin:0!important;align-self:center!important}
  .header-type-2 .mega-menu.header2 .menu-button li.profile-dropdown>a.dropdown-toggle{height:48px!important;display:flex!important;align-items:center!important;gap:9px!important;padding:0!important;line-height:48px!important}
  .header-type-2 .mega-menu.header2 .menu-button li.profile-dropdown>a.dropdown-toggle img.resize{width:40px!important;height:40px!important;margin:0!important}
  ul.menu-button li.profile-dropdown>a.dropdown-toggle .pikiin-global-account-name{display:inline-block!important;font-size:15px!important;font-weight:500!important;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .header-type-2 .mega-menu.header2 .menu-button li.post-btn>a,
  .header-type-2 .mega-menu.header2 .menu-button li.ad-listing-btn>a{height:48px!important;line-height:48px!important;padding:0 16px!important;white-space:nowrap!important}
}