/* Rise of Legends v2.20.123 — navigation & feature-spacing visual patch.
   Purposefully scoped to the cinematic public layout. No PHP or JS behavior changes. */

/* The inherited legacy dropdown styles reserve a 34px icon column, but the new
   navigation renders text-only links. Remove that obsolete grid and make the
   two-level labels compact, readable and properly aligned. */
body[data-design="legends-120"] .main-nav .nav-dropdown-menu {
  top: calc(100% + 3px);
  width: 290px;
  max-width: calc(100vw - 32px);
  padding: 7px;
  border: 1px solid #73634c;
  border-radius: 7px;
  background: linear-gradient(150deg, rgba(30, 40, 42, .99), rgba(13, 25, 31, .99));
  box-shadow: 0 14px 32px #000b, inset 0 1px #e5c18c19;
  max-height: min(72vh, 420px);
  overflow-y: auto;
  overscroll-behavior: contain;
}
body[data-design="legends-120"] .main-nav .nav-dropdown.open > .nav-dropdown-menu {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2px;
}
body[data-design="legends-120"] .main-nav .nav-dropdown-menu > a {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  grid-template-columns: none;
  gap: 2px;
  width: 100%;
  min-width: 0;
  min-height: 48px;
  margin: 0;
  padding: 8px 12px;
  border: 1px solid transparent;
  border-radius: 4px;
  background: transparent;
  text-align: left;
  text-decoration: none;
  color: #f2e6d3;
  line-height: 1.3;
}
body[data-design="legends-120"] .main-nav .nav-dropdown-menu > a:hover,
body[data-design="legends-120"] .main-nav .nav-dropdown-menu > a:focus-visible {
  background: linear-gradient(90deg, #ae87442b, #ffffff05);
  border-color: #98774b90;
}
body[data-design="legends-120"] .main-nav .nav-dropdown-menu > a > span {
  display: block;
  min-width: 0;
  width: 100%;
}
body[data-design="legends-120"] .main-nav .nav-dropdown-menu strong {
  display: block;
  margin: 0;
  font: 600 13px/1.35 Cinzel, Georgia, serif;
  color: #f0d7a9;
  letter-spacing: .015em;
  text-transform: none;
}
body[data-design="legends-120"] .main-nav .nav-dropdown-menu small {
  display: block;
  margin: 2px 0 0;
  font: 400 11px/1.3 Inter, Arial, sans-serif;
  color: #bfc9cb;
  letter-spacing: .015em;
  text-transform: none;
}

/* Feature cards should start below the hero divider, not float over it. */
body[data-design="legends-120"].is-home-page .rol120-feature-row {
  transform: none;
  margin-top: 22px;
  margin-bottom: 0;
}
body[data-design="legends-120"].is-home-page .rol120-serverstrip {
  margin-top: 14px;
}

/* Keep dropdowns inside the mobile stacked navigation. */
@media (max-width: 900px) {
  body[data-design="legends-120"] .main-nav .nav-dropdown-menu {
    position: static;
    top: auto;
    left: auto;
    width: 100%;
    max-width: none;
    max-height: none;
    margin: 0;
    transform: none;
    box-shadow: none;
    overflow: visible;
  }
  body[data-design="legends-120"].is-home-page .rol120-feature-row {
    margin-top: 15px;
  }
}
@media (max-width: 630px) {
  body[data-design="legends-120"].is-home-page .rol120-feature-row {
    margin-top: 12px;
  }
}
/* Prevent the compact homepage news heading/link pair from forcing sideways
   scrolling on narrow phones. */
@media (max-width: 480px) {
  body[data-design="legends-120"].is-home-page .rol120-section-title {
    flex-wrap: wrap;
    align-items: center;
    row-gap: 5px;
  }
  body[data-design="legends-120"].is-home-page .rol120-section-title > a {
    margin-left: auto;
  }
}
@media (max-width: 900px) {
  body[data-design="legends-120"] .main-nav.open {
    background: #111d25;
    z-index: 400;
  }
}