/* =========================================================
   SITE HEADER — UserControls/Header.ascx
   Loaded by Standard.Master (+ secure) right after new-styles.css.

   Brings the live header in line with the 2.0 template pages
   (enhanced-access.html, journal-list.html, …), which get these
   rules from common.css:
   - .nav-center: flat primary links, desktop only
   - .nav-icon + .nav-links: hamburger panel with the full nav
     (incl. sub-pages), at every width, toggled by scr/main.js
   new-styles.css still treats .nav-links as the desktop menu, so
   the resets below undo that. This file can be deleted once
   common.css is linked globally (STYLE-GUIDE.md §5).
   ========================================================= */

/* logo.png is a 240px star; the 2.0 design shows it icon-sized next
   to "LE HAUS" (same 24px as Homepage-html/common.css). */
.logo-mark{width:24px;height:24px;object-fit:contain;}
.logo-img{display:block;width:auto;height:26px;}

.nav-center{
  display:none;
  align-items:center;
  gap:34px;
  list-style:none;
}
.nav-center a{
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#fff;
  font-weight:500;
  opacity:.95;
}
.nav-center a:hover{opacity:.7;}

.nav-icon{
  width:36px;
  height:36px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.6);
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  cursor:pointer;
  transition:background .2s ease;
}
.nav-icon:hover{background:rgba(255,255,255,.1);}

.nav-links{
  display:none;
  position:absolute;
  top:64px;
  right:90px;
  z-index:60;
  min-width:220px;
  margin:0;
  background:var(--dark-2);
  border-radius:4px;
  padding:26px;
  list-style:none;
  box-shadow:0 18px 40px rgba(0,0,0,.35);
}
.nav-links > li{padding-bottom:20px;}
.nav-links > li:last-child{padding-bottom:0;}
.nav-links li{position:relative;}
.nav-links li ul{
  list-style:none;
  position:static;
  width:auto;
  margin:0;
  padding:16px 0 0 16px;
  display:none;
  visibility:visible;
  opacity:1;
  transition:none;
}
.nav-links li:hover ul{display:block;}
.nav-links ul li{padding-top:16px;}

@media screen and (min-width:1101px){
  .nav-center{display:flex;}
  .nav-links{display:none;gap:0;margin-right:0;}
}

@media (max-width:1100px){
  .nav-links{top:64px;right:32px;background:var(--dark-2);padding:26px;}
  .nav-links li ul{padding:16px 0 0 16px;}
  .nav-links > li{padding-bottom:20px;}
  .nav-links > li:last-child{padding-bottom:0;}
  .nav-links ul li{padding-top:16px;}
}

@media (max-width:500px){
  /* logo + access button + menu icon must fit in 375px */
  .nav{padding:20px 16px;gap:12px;}
  .nav-right{gap:10px;}
  .nav-links{right:16px;}
  .btn-head-access{display:inline-flex;padding:10px 12px;font-size:10px;letter-spacing:.08em;}
}

/* Narrow phones: no room for the access button next to the menu icon */
@media (max-width:370px){
  .btn-head-access{display:none;}
}