/* Baaraku — Find Talent mega-menu fix — 2026-10-11
   Replace /assets/baaraku-final-polish.css with this file.
*/
:root{
  --baaraku-header:#000;
  --baaraku-orange:#F28A24;
  --baaraku-ink:#0B0B0B;
}

.site-header,.topbar{background:var(--baaraku-header)!important}
.site-header .brand img,.topbar .brand img,.footer-brand img{
  background:transparent!important;
  object-fit:contain;
}

/* Find Talent trigger */
.site-header .p4-nav-item{
  position:relative!important;
}
.site-header .p4-nav-trigger{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
}

/* Compact desktop mega-menu */
.site-header .p4-nav-item > .p4-mega{
  position:absolute!important;
  top:calc(100% + 18px)!important;
  left:50%!important;
  right:auto!important;
  bottom:auto!important;
  transform:translate(-50%,8px)!important;
  width:min(900px,calc(100vw - 48px))!important;
  min-width:760px!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  padding:28px 30px!important;
  margin:0!important;
  background:#fff!important;
  color:var(--baaraku-ink)!important;
  border:1px solid rgba(11,11,11,.12)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.22)!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  align-items:start!important;
  gap:28px!important;
  overflow:visible!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  z-index:9999!important;
  transition:opacity .16s ease,transform .16s ease,visibility .16s ease!important;
}

.site-header .p4-nav-item:hover > .p4-mega,
.site-header .p4-nav-item:focus-within > .p4-mega{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translate(-50%,0)!important;
}

.site-header .p4-mega-group{
  display:block!important;
  padding:0!important;
  margin:0!important;
  min-width:0!important;
  height:auto!important;
}

.site-header .p4-mega-group b{
  display:block!important;
  margin:0 0 13px!important;
  padding:0!important;
  color:#9A5A19!important;
  -webkit-text-fill-color:#9A5A19!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1.25!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  white-space:normal!important;
}

/* Higher specificity deliberately overrides global white nav-link rule */
.site-header .nav-links .p4-mega-group a{
  display:block!important;
  margin:0!important;
  padding:7px 0!important;
  color:var(--baaraku-ink)!important;
  -webkit-text-fill-color:var(--baaraku-ink)!important;
  background:transparent!important;
  font-size:14px!important;
  font-weight:600!important;
  line-height:1.3!important;
  white-space:normal!important;
  opacity:1!important;
  visibility:visible!important;
}

.site-header .nav-links .p4-mega-group a:hover,
.site-header .nav-links .p4-mega-group a:focus-visible{
  color:var(--baaraku-orange)!important;
  -webkit-text-fill-color:var(--baaraku-orange)!important;
}

.site-header .nav-links .p4-mega-group a:focus-visible{
  outline:2px solid var(--baaraku-orange)!important;
  outline-offset:3px!important;
}

/* Keep desktop mega menu out of mobile navigation */
@media(max-width:980px){
  .site-header .p4-nav-item > .p4-mega{display:none!important}
  .site-header .brand img,.topbar .brand img{max-width:138px;height:auto}
}

.sd-cards .sd-card:has(> b:only-child){
  min-height:92px;
  display:flex;
  align-items:flex-end;
}
