/* Royal 3.1 — five-link navigation, compact footer, and editable banner. */

/* The top bar keeps the WordPress menu and mode switch, without any search control. */
body.ukr-royal .top-header > .toggle-search,
body.ukr-royal .top-header .open_search {
  display: none !important;
}
body.ukr-royal .top-header > .top-header-menu {
  flex: 1 1 auto !important;
  max-width: 100% !important;
}

/* Exactly five independent links between the panorama and the 170px banner. */
body.ukr-royal header.ukr-site-header .ukr-secondary-nav {
  display: block !important;
  position: relative;
  z-index: 20;
  clear: both;
  float: none;
  width: 100%;
  min-height: 58px;
  background: linear-gradient(90deg, #102840 0%, #17395a 100%);
  border-top: 1px solid rgba(211, 171, 106, .32);
  border-bottom: 2px solid #be9757;
  box-shadow: 0 4px 10px rgba(10, 27, 46, .12);
}
body.ukr-royal.ukr-theme-night header.ukr-site-header .ukr-secondary-nav {
  background: linear-gradient(90deg, #07182a 0%, #102945 100%);
}
body.ukr-royal header.ukr-site-header .ukr-secondary-nav__inner {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: min(calc(100% - 32px), var(--ukr-max, 1360px));
  max-width: var(--ukr-max, 1360px);
  margin: 0 auto;
}
body.ukr-royal header.ukr-site-header .ukr-secondary-nav__list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 0 clamp(6px, 1.1vw, 20px);
  width: 100%;
  min-height: 56px;
  margin: 0;
  padding: 0;
  list-style: none;
}
body.ukr-royal header.ukr-site-header .ukr-secondary-nav__list > li {
  list-style: none;
  margin: 0;
  padding: 0;
}
body.ukr-royal header.ukr-site-header .ukr-secondary-nav__list a {
  display: inline-flex;
  align-items: center;
  min-height: 56px;
  padding: 9px 13px;
  color: #f9f3e9 !important;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: .085em;
  font: 700 clamp(11px, .79vw, 14px)/1.3 -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
  white-space: nowrap;
  border-bottom: 2px solid transparent;
}
body.ukr-royal header.ukr-site-header .ukr-secondary-nav__list a:hover,
body.ukr-royal header.ukr-site-header .ukr-secondary-nav__list a:focus-visible {
  color: #ffe4a7 !important;
  border-bottom-color: #d9ad5c;
  background: rgba(255,255,255,.065);
}

/* Banner image defaults to the same art as Royal 3.0.
   Media choices in the Customizer override only the corresponding image layer. */
body.ukr-royal:not(.ukr-theme-night) header.ukr-site-header .ukr-home-hero {
  background-image:
    linear-gradient(90deg, rgba(250,247,239,.63) 0%, rgba(250,247,239,.27) 39%, rgba(250,247,239,0) 66%),
    var(--ukr-hero-override-day, url('img/day-hero-clean.webp')) !important;
  background-position: center center !important;
  background-size: cover !important;
}
body.ukr-royal.ukr-theme-night header.ukr-site-header .ukr-home-hero {
  background-image:
    linear-gradient(90deg, rgba(6,19,37,.68) 0%, rgba(6,19,37,.30) 39%, rgba(6,19,37,0) 66%),
    var(--ukr-hero-override-night, url('img/night-hero-clean.webp')) !important;
  background-position: center center !important;
  background-size: cover !important;
}

/* Less imposing legal links and copyright text, on ALL pages, in both modes. */
body.ukr-royal .ukr-site-footer .ukr-footer-legal__nav a,
body.ukr-royal .ukr-site-footer .ukr-footer-legal__nav button {
  font-family: Georgia, 'Times New Roman', serif !important;
  font-size: clamp(13px, .96vw, 16px) !important;
  font-weight: 500 !important;
  line-height: 1.55 !important;
  letter-spacing: .005em;
}
body.ukr-royal .ukr-site-footer .ukr-footer-credits__text {
  font-family: Georgia, 'Times New Roman', serif !important;
  font-size: clamp(12px, .83vw, 14px) !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  letter-spacing: .012em;
}
body.ukr-royal .ukr-site-footer .ukr-footer-legal .port {
  padding-top: 17px;
  padding-bottom: 17px;
}
body.ukr-royal .ukr-site-footer .ukr-footer-credits .port {
  padding-top: 15px;
  padding-bottom: 15px;
}
body.ukr-royal .ukr-site-footer .ukr-footer-legal__nav {
  gap: 9px 22px;
}

@media (max-width: 760px) {
  body.ukr-royal header.ukr-site-header .ukr-secondary-nav__inner {
    width: calc(100% - 20px);
  }
  body.ukr-royal header.ukr-site-header .ukr-secondary-nav__list {
    gap: 0 6px;
    padding: 4px 0;
  }
  body.ukr-royal header.ukr-site-header .ukr-secondary-nav__list a {
    min-height: 38px;
    padding: 7px 9px;
    letter-spacing: .035em;
    font-size: 11px;
  }
  body.ukr-royal .ukr-site-footer .ukr-footer-legal__nav a,
  body.ukr-royal .ukr-site-footer .ukr-footer-legal__nav button {
    font-size: 13px !important;
  }
}

/* Prevent older theme navigation rules from collapsing the footer links to 0px. */
body.ukr-royal .ukr-site-footer .ukr-footer-legal__nav {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center;
  justify-content: center;
  position: static !important;
  float: none !important;
  clear: both;
  width: 100% !important;
  max-width: 100%;
  min-width: 0;
  height: auto;
  margin: 0 !important;
  text-align: center;
  overflow: visible;
}
@media (max-width: 820px) {
  body.ukr-royal .ukr-site-footer .ukr-footer-legal__nav {
    justify-content: flex-start;
    text-align: left;
  }
}


/* Royal 3.2 — lower the title block; keep type and image unchanged. */
@media (min-width: 901px) {
  body.ukr-royal header.ukr-site-header .ukr-headcopy,
  body.ukr-royal.ukr-theme-night header.ukr-site-header .ukr-headcopy {
    margin-top: 17px !important;
  }
}
@media (min-width: 761px) and (max-width: 900px) {
  body.ukr-royal header.ukr-site-header .ukr-headcopy,
  body.ukr-royal.ukr-theme-night header.ukr-site-header .ukr-headcopy {
    margin-top: 14px !important;
  }
}
@media (max-width: 760px) {
  body.ukr-royal header.ukr-site-header .ukr-headcopy,
  body.ukr-royal.ukr-theme-night header.ukr-site-header .ukr-headcopy {
    margin-top: 16px !important;
  }
}