/* Simple responsive menu styles for 'simple-menu' */
.simple-menu{ list-style:none; margin:0; padding:0; display:flex; gap:22px; align-items:center; }
.simple-menu li{ position:relative; }
.simple-menu a{ display:block; padding:12px 10px; color:#222; text-decoration:none; font-weight:600; font-size:15px; }
.imple-menu a, .simple-menu a:visited { color: #222; }
.simple-menu a:hover, .simple-menu a:focus{ color: #ff6a00; }

.simple-menu-container{ display:flex; align-items:center; }

.simple-menu .sub-menu{ position:absolute; left:0; top:100%; min-width:260px; background:transparent; /* flat: no background or border */ border-radius:0; padding:12px; z-index:1400; display:none; transform-origin: top center; transition: transform .12s ease, opacity .12s ease; opacity:0; transform: translateY(-4px) scale(0.995); }
.simple-menu .sub-menu.columns{ display:grid; grid-template-columns: repeat(2, minmax(160px,1fr)); gap:8px; }
.simple-menu .sub-menu li{ display:block; }
.simple-menu .sub-menu a{ padding:8px 10px; color:#333; font-weight:500; white-space:nowrap; display:block; border-radius:6px; }
.simple-menu li.has-children > a::after{ content:'▾'; margin-left:8px; font-size:12px; opacity:.7; }
.simple-menu li.open > .sub-menu{ display:block; opacity:1; transform: translateY(0) scale(1); }

/* subtle divider under header */
.simple-menu-wrapper{ padding:6px 0; }

/* Small screens: vertical stack, touch friendly */
@media (max-width: 991px){
  .simple-menu{ flex-direction:column; gap:0; width:100%; }
  .simple-menu a{ padding:14px 16px; font-weight:600; }
  .simple-menu .sub-menu{ position:static; box-shadow:none; border-radius:0; padding-left:8px; padding-right:8px; display:none; transform:none; opacity:1; }
  .simple-menu li.open > .sub-menu{ display:block; }
  .simple-menu li.has-children > a::after{ content:'▸'; float:right; }
  .simple-menu li.has-children.open > a::after{ content:'▾'; }
}

/* Accessibility focus styles */
.simple-menu a:focus{ outline:2px solid rgba(0,122,255,.12); outline-offset:2px; }

/* Theme friendly link background on hover */
.simple-menu .sub-menu a:hover{ background: #333333; color:#ffffff; }

/* Make main dropdown container edges sharp */
.simple-menu, .simple-menu .sub-menu, .simple-menu .sub-menu a { border-radius: 0 !important; }