/* Heritage Works dropdown only.
   Shared style.css is intentionally untouched. */

.global-nav{
  overflow:visible;
}

.nav-dropdown{
  position:relative;
  display:inline-flex;
  align-items:center;
}

.nav-dropdown-trigger{
  position:relative;
  padding-right:15px !important;
}

.nav-dropdown-trigger::after{
  content:"";
  position:absolute;
  right:1px;
  top:50%;
  width:5px;
  height:5px;
  border-right:1px solid currentColor;
  border-bottom:1px solid currentColor;
  transform:translateY(-68%) rotate(45deg);
  opacity:.72;
}

.nav-dropdown-menu{
  position:absolute;
  top:calc(100% + 14px);
  left:50%;
  transform:translateX(-50%) translateY(-6px);
  min-width:255px;
  padding:10px 0;
  background:rgba(251,250,246,.98);
  border:1px solid rgba(45,42,39,.10);
  box-shadow:0 14px 36px rgba(30,24,20,.10);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .18s ease, transform .18s ease, visibility .18s ease;
  z-index:1000;
}

.nav-dropdown-menu::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:-15px;
  height:15px;
}

.nav-dropdown-menu a{
  display:block !important;
  padding:10px 18px !important;
  color:#2d2a27 !important;
  white-space:nowrap;
  font-size:14px !important;
  line-height:1.4;
  text-decoration:none;
}

.nav-dropdown-menu a:hover,
.nav-dropdown-menu a:focus{
  color:#a61f24 !important;
  background:rgba(166,31,36,.035);
}

.nav-dropdown:hover .nav-dropdown-menu,
.nav-dropdown:focus-within .nav-dropdown-menu{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateX(-50%) translateY(0);
}

/* On dark/hero headers, only the trigger inherits the existing nav color.
   The dropdown itself always stays light for legibility. */

@media(max-width:900px){
  .nav-dropdown{
    display:inline-flex;
  }
}


/* Global navigation size refinement */
.global-nav > a,
.global-nav > .nav-dropdown > .nav-dropdown-trigger{
  font-size:17px !important;
}

@media(max-width:1180px){
  .global-nav > a,
  .global-nav > .nav-dropdown > .nav-dropdown-trigger{
    font-size:15px !important;
  }
}

/* Keep dropdown menu text unchanged */
.nav-dropdown-menu a{
  font-size:14px !important;
}