/* =====================================================================
   Fixed header + menu
   The theme shipped `header.fixed { position: inherit }`, so the header
   was never actually fixed. Loaded last to override that.
   ===================================================================== */
header.transparent1,
header.clone {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1030;
  transition: background-color .3s ease, box-shadow .3s ease, padding .3s ease;
}
/* solid once the page scrolls, so the menu stays readable over content */
header.is-stuck {
  background: rgba(8, 10, 14, .96) !important;
  box-shadow: 0 8px 26px -12px rgba(0, 0, 0, .95);
  backdrop-filter: blur(6px);
}
header.is-stuck .info { display: none; }   /* drop the contact bar when stuck */

body { padding-top: 132px; }
@media (max-width: 991px) { body { padding-top: 96px; } }

/* anchors clear the fixed header instead of hiding underneath it */
[id] { scroll-margin-top: 108px; }
html { scroll-behavior: smooth; }

/* ---- menu items ---- */
#mainmenu {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 2px;
  margin: 0;
  padding: 0;
  list-style: none;
}
#mainmenu > li { float: none; position: relative; }
#mainmenu > li > a {
  display: block;
  padding: 10px 13px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .3px;
  color: #d7dee7;
  text-decoration: none;
  border-radius: 6px;
  transition: color .25s ease, background-color .25s ease;
}
#mainmenu > li > a:hover,
#mainmenu > li > a:focus-visible { color: #fff; background: rgba(255, 255, 255, .07); }

/* underline that grows from the centre */
#mainmenu > li > a > span {
  display: block;
  height: 2px;
  width: 0;
  margin: 5px auto 0;
  border-radius: 2px;
  background: #E42425;
  transition: width .28s ease;
}
#mainmenu > li > a:hover > span { width: 60%; }

/* current section */
#mainmenu > li.is-active > a { color: #fff; }
#mainmenu > li.is-active > a > span { width: 60%; }

/* Register stays a solid button */
#mainmenu > li.mm-register > a {
  margin-left: 8px;
  padding: 9px 20px;
  background: #E42425;
  color: #fff;
  border-radius: 30px;
  font-weight: 700;
}
#mainmenu > li.mm-register > a:hover {
  background: #c31d1e;
  transform: translateY(-1px);
  box-shadow: 0 8px 18px -8px rgba(228, 36, 37, .8);
}
#mainmenu > li.mm-register > a > span { display: none; }

/* ---- mobile ---- */
@media (max-width: 991px) {
  header.transparent1 .info { display: none; }
  #mainmenu {
    display: none;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    width: 100%;
    padding: 8px 0 14px;
    gap: 0;
  }
  #mainmenu.is-open { display: flex; }
  #mainmenu > li > a {
    padding: 12px 6px;
    border-bottom: 1px solid rgba(255, 255, 255, .07);
    border-radius: 0;
  }
  #mainmenu > li > a > span { display: none; }
  #mainmenu > li.mm-register > a {
    margin: 12px 0 0;
    border-radius: 6px;
    text-align: center;
  }
  #menu-btn { display: block !important; cursor: pointer; }
}