/* MAGICO shared navigation component
   Authority: owner-approved proportions from 2026-09-22 reference.
   Keep this file byte-identical in both live site roots. */
.magico-nav,
.magico-nav *,
.magico-nav *::before,
.magico-nav *::after{
  box-sizing:border-box !important;
}
.magico-nav{
  min-height:132px !important;
  display:grid !important;
  grid-template-columns:minmax(340px,430px) 1fr minmax(320px,400px) !important;
  align-items:center !important;
  gap:30px !important;
  padding:16px 40px !important;
  background:linear-gradient(90deg,#052f24,#073a2d 52%,#052f24) !important;
  border-bottom:1px solid rgba(212,170,73,.34) !important;
  box-shadow:0 4px 16px rgba(3,24,18,.16) !important;
  position:relative !important;
  z-index:100 !important;
}
.magico-nav-logo{
  display:block !important;
  width:min(100%,410px) !important;
  text-decoration:none !important;
}
.magico-nav-logo img{
  display:block !important;
  width:100% !important;
  height:98px !important;
  object-fit:contain !important;
  object-position:left center !important;
}
.magico-nav-links{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:16px !important;
}
.magico-nav-link{
  display:flex !important;
  align-items:center !important;
  min-height:82px !important;
  padding:0 24px !important;
  gap:0 !important;
  color:#fff9e8 !important;
  text-decoration:none !important;
  font-size:1.36rem !important;
  font-weight:800 !important;
  border-left:1px solid rgba(236,206,132,.22) !important;
}
.magico-nav-link:first-child{border-left:0 !important}
.magico-nav-link img{
  display:block !important;
  width:auto !important;
  height:64px !important;
  max-width:190px !important;
  object-fit:contain !important;
  flex:none !important;
}
.magico-profile{
  border:0 !important;
  background:transparent !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  cursor:pointer !important;
}
.magico-profile img{
  display:block !important;
  width:min(100%,380px) !important;
  max-height:98px !important;
  object-fit:contain !important;
  object-position:right center !important;
}

@media(max-width:1320px){
  .magico-nav{
    min-height:110px !important;
    grid-template-columns:minmax(280px,340px) 1fr minmax(260px,320px) !important;
    gap:16px !important;
    padding:13px 24px !important;
  }
  .magico-nav-logo{width:min(100%,330px) !important}
  .magico-nav-logo img{height:80px !important}
  .magico-nav-links{gap:8px !important}
  .magico-nav-link{
    min-height:62px !important;
    padding:0 16px !important;
    gap:11px !important;
    font-size:1.08rem !important;
  }
  .magico-nav-link img{
    width:auto !important;
    height:52px !important;
    max-width:160px !important;
  }
  .magico-profile img{
    max-width:300px !important;
    max-height:80px !important;
  }
}
@media(max-width:1080px){
  .magico-nav{
    min-height:96px !important;
    grid-template-columns:minmax(230px,290px) 1fr auto !important;
    gap:10px !important;
    padding-inline:18px !important;
  }
  .magico-nav-logo img{height:70px !important}
  .magico-nav-link{padding-inline:11px !important}
  .magico-nav-link img{
    width:auto !important;
    height:48px !important;
    max-width:148px !important;
  }
  .magico-profile img{
    max-width:230px !important;
    max-height:70px !important;
  }
}
@media(max-width:900px){
  .magico-nav{
    min-height:84px !important;
    grid-template-columns:1fr auto !important;
  }
  .magico-nav-logo{width:min(250px,72vw) !important}
  .magico-nav-logo img{height:62px !important}
  .magico-nav-links{display:none !important}
  .magico-profile img{
    max-width:62px !important;
    max-height:54px !important;
    object-fit:cover !important;
    object-position:left center !important;
  }
}

.magico-profile-menu{position:absolute;right:36px;top:calc(100% - 10px);z-index:9999;background:#07362a;border:1px solid #c6a352;border-radius:12px;padding:10px;box-shadow:0 16px 30px #0005;min-width:220px}.magico-profile-menu[hidden]{display:none!important}.magico-profile-menu a{display:block;padding:12px;color:#f6e3ad!important;text-decoration:none;font:15px system-ui}.magico-profile-menu a:hover,.magico-profile-menu a:focus-visible{background:#21553d;border-radius:6px}