/* ESAR Editorial v2.1.1 — the OJS-managed primary menu is authoritative. */
@import url('./editorial-v210.css');

.esar-main-nav { min-width: 0; flex: 1 1 auto; white-space: normal; }
.esar-nav-list,
.esar-footer-nav-list { list-style: none !important; margin: 0 !important; padding: 0 !important; }
.esar-nav-list { display: flex; flex-wrap: wrap; align-items: center; gap: 0 clamp(14px, 2.4vw, 35px); }
.esar-nav-list > li { position: relative; flex: 0 0 auto; list-style: none !important; margin: 0 !important; padding: 0 !important; }
.esar-nav-list > li > a { display: block; padding: 17px 0; line-height: 1.3; }
.esar-nav-list a[aria-current="page"],
.esar-nav-list a[aria-current="true"] { color: #f0bb8d !important; }
.esar-nav-list > .esar-nav-has-children > a::after { content: '⌄'; display: inline-block; padding-left: 5px; font-size: 13px; }
.esar-nav-sublist { display: none; position: absolute; z-index: 100; top: 100%; left: 0; min-width: 190px; max-width: min(320px, 90vw); margin: 0 !important; padding: 7px 0 !important; background: #183a55; border: 1px solid #3c5c72; box-shadow: 0 8px 18px rgba(9, 25, 40, .18); list-style: none !important; }
.esar-nav-sublist > li { list-style: none !important; margin: 0 !important; padding: 0 !important; }
.esar-nav-sublist a { display: block; padding: 10px 14px; font-size: 13px !important; line-height: 1.4; white-space: normal; }
.esar-nav-has-children:hover > .esar-nav-sublist,
.esar-nav-has-children:focus-within > .esar-nav-sublist { display: block; }
.esar-footer-nav-list { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 0; }
.esar-footer-nav-list > li { list-style: none !important; margin: 0 !important; padding: 0 !important; }

@media (max-width: 760px) {
  .esar-main-nav { flex: 1 1 100%; width: 100%; }
  .esar-nav-list { flex-direction: column; align-items: stretch; gap: 0; width: 100%; }
  .esar-nav-list > li { width: 100%; border-bottom: 1px solid rgba(255,255,255,.15); }
  .esar-nav-list > li > a { padding: 11px 4px; }
  .esar-nav-sublist { display: block; position: static; min-width: 0; max-width: none; border: 0; box-shadow: none; padding: 0 0 7px 14px !important; background: transparent; }
  .esar-nav-sublist a { padding: 7px 4px; }
}