#menu .sub-menu{
  background:transparent !important;
  box-shadow:none !important;
  padding-left:16px !important;
}
#menu .sub-menu li,
#menu .sub-menu li:first-of-type,
#menu .sub-menu li:last-of-type{
  border:0 !important;
  border-left:2px solid #bb8238 !important;
  float:none !important;
}
#menu .sub-menu li a{
  display:block !important;
  padding:7px 14px !important;
  font:400 16px/1.4 "Playfair Display", serif !important;
  color:#5f646a !important;
  text-transform:capitalize !important;
  background:transparent !important;
  transition:color .18s ease, padding-left .18s ease !important;
}
#menu .sub-menu li a:hover{
  background:transparent !important;
  color:#bb8238 !important;
  padding-left:20px !important;
  text-decoration:none !important;
}

/* MOBILE: show submenu when tapped open (JS adds .submenu-open) */
@media (max-width: 768px){
  #menu .menu-item-has-children .sub-menu{ display:none; }
  #menu .menu-item-has-children.submenu-open .sub-menu{ display:block; }
}

/* make nav links behave as tap targets, not selectable text (fixes mobile tap) */
@media (max-width: 768px){
  #menu .menu-item-has-children,
  #menu .menu-item-has-children > a{
    -webkit-user-select:none; user-select:none;
    -webkit-touch-callout:none;
    touch-action:manipulation;
    cursor:pointer;
  }
}