
/* ==========================================================================
   ManuscriptTech compact header — final
   ========================================================================== */

.site-header{
  position:relative !important;
  top:auto !important;
  z-index:40 !important;
  background:#ffffff !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  border-bottom:1px solid rgba(16,43,58,.08) !important;
}

.site-header .nav{
  min-height:72px !important;
  display:flex !important;
  align-items:center !important;
  flex-wrap:nowrap !important;
  gap:14px !important;
  padding-top:7px !important;
  padding-bottom:7px !important;
}

.site-header .brand.manuscripttech-brand{
  flex:0 0 auto !important;
  margin:0 24px 0 0 !important;
  display:inline-flex !important;
  align-items:center !important;
}

.site-header .mt-logo{
  display:block !important;
  width:230px !important;
  max-width:230px !important;
  height:auto !important;
  object-fit:contain !important;
}

/* Compact one-line desktop nav */
.site-header .nav-links{
  margin-left:auto !important;
  display:flex !important;
  align-items:center !important;
  gap:2px !important;
  flex-wrap:nowrap !important;
}

.site-header .nav-link{
  white-space:nowrap !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
  padding:10px 9px !important;
  font-size:.86rem !important;
  line-height:1.15 !important;
}

.site-header .nav-cta{
  flex:0 0 auto !important;
  margin-left:7px !important;
}

.site-header .nav-cta .btn{
  white-space:nowrap !important;
  min-height:42px !important;
  padding:10px 15px !important;
  font-size:.84rem !important;
}

/* Footer brand */
.site-footer .brand.manuscripttech-brand{
  display:inline-flex !important;
  margin:0 !important;
}
.site-footer .mt-logo{
  width:230px !important;
  max-width:100% !important;
  height:auto !important;
}

/* Intermediate desktop */
@media (max-width:1180px){
  .site-header .mt-logo{
    width:205px !important;
    max-width:205px !important;
  }
  .site-header .brand.manuscripttech-brand{
    margin-right:16px !important;
  }
  .site-header .nav-link{
    padding:9px 7px !important;
    font-size:.80rem !important;
  }
  .site-header .nav-cta .btn{
    padding:9px 12px !important;
    font-size:.80rem !important;
  }
}

/* Switch to mobile nav before crowding */
@media (max-width:1030px){
  .site-header .nav{
    min-height:68px !important;
  }
  .site-header .mt-logo{
    width:190px !important;
    max-width:190px !important;
  }

  .site-header .nav-links,
  .site-header .nav-cta{
    display:none !important;
  }

  .site-header .menu-btn{
    display:inline-flex !important;
    margin-left:auto !important;
  }

  .site-header .nav-links.open{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:2px !important;
    position:absolute !important;
    left:22px !important;
    right:22px !important;
    top:calc(100% + 8px) !important;
    background:#ffffff !important;
    border:1px solid #d9e0e4 !important;
    border-radius:16px !important;
    padding:12px !important;
    box-shadow:0 18px 55px rgba(7,29,44,.16) !important;
    max-height:74vh !important;
    overflow:auto !important;
    z-index:500 !important;
  }

  .site-header .nav-links.open .nav-link{
    width:100% !important;
    justify-content:space-between !important;
    padding:12px 13px !important;
    font-size:.92rem !important;
  }

  .site-header .nav-links.open .dropdown{
    position:static !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
    box-shadow:none !important;
    border:0 !important;
    border-left:2px solid #f2c3a6 !important;
    border-radius:0 !important;
    margin:2px 0 6px 12px !important;
    padding:0 0 0 8px !important;
    display:none !important;
  }

  .site-header .nav-links.open .nav-item.open .dropdown{
    display:block !important;
  }

  .site-header .nav-links.open .nav-cta{
    display:inline-flex !important;
    justify-content:center !important;
    margin:10px 0 0 !important;
  }
}

@media (max-width:640px){
  .site-header .nav{
    min-height:62px !important;
    padding-top:6px !important;
    padding-bottom:6px !important;
  }
  .site-header .mt-logo{
    width:165px !important;
    max-width:165px !important;
  }
  .site-footer .mt-logo{
    width:200px !important;
  }
}
