/* =====================================================================
   MANDIR header: logo lockup + brand tagline. Loaded last from nav.php.
   ===================================================================== */
.header .header-inner .logo a.mx-logo{display:inline-flex;align-items:center;gap:.75rem;text-decoration:none;white-space:nowrap}
.header .header-inner .logo a.mx-logo .mx-emblem{display:block;height:60px;width:auto;max-width:none;flex:none}
.header .header-inner .logo a.mx-logo .mx-badge{display:block;height:84px;width:auto;max-width:none;object-fit:contain;
  border-radius:3px;box-shadow:0 0 0 1px rgba(169,132,67,.6)}
.mx-wordmark{display:block;font:500 1.75rem/1 'Cormorant Garamond',Georgia,serif;letter-spacing:.2em;color:#3a2416}
.mx-wordmark small{display:block;margin-top:.4rem;font:600 .66rem/1 'Manrope',system-ui,sans-serif;letter-spacing:.14em;color:#9c5b3a;text-transform:none}

/* topbar tagline (single line) */
.header .topbar .top-link .mx-tagline{font-family:'Cinzel',Georgia,serif;font-weight:400;font-size:11px;letter-spacing:1.4px;line-height:1.4;opacity:.85}

/* tablet: emblem only, wordmark hidden (menu collapses to the mobile nav) */
@media (min-width:768px) and (max-width:991px){
  .mx-wordmark{display:none}
  .header .header-inner .logo a.mx-logo .mx-emblem{height:48px}
  .header .header-inner .logo a.mx-logo .mx-badge{height:64px}
}
@media (max-width:767px){
  .header .header-inner .logo a.mx-logo .mx-emblem{height:48px}
  .header .header-inner .logo a.mx-logo .mx-badge{height:64px}
  .mx-wordmark{font-size:1.45rem}
  .header .topbar .top-link .mx-tagline{font-size:9.5px;letter-spacing:1px}
}