/* ===================================================================
   FILE        : header.css
   PROJECT     : Lexvora Consulting
   PURPOSE     : Shared header bar (logo + container) for every
                 TEMPLATE page (i.e. every page except index.html).
                 The home page's header (`.topbar`) lives in home.css.
   NOTE        : Nav/menu itself lives in menu-theme.css. Its mobile
                 toggle button classes (`.nav-toggle`) are covered
                 there, since the toggle is part of the menu system.
   =================================================================== */

.site-header {
  position: absolute;
  z-index: 50;
  left: 0;
  right: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 5vw;
  min-height: 92px;
  color: #fff;
  background: rgba(5,14,22,.96);
  border-bottom: 1px solid rgba(184,132,69,.28);
}

.brand img {
  width: 220px;
  max-height: 88px;
  height: auto;
  object-fit: contain;
}

@media (max-width: 680px) {
  .site-header {
    position: relative;
    background: #071722;
    padding: 14px 20px;
  }

  .brand img {
    width: 118px;
  }
}

/* =========================================================
   FINAL HEADER ALIGNMENT
   ========================================================= */

.site-header {
  min-height: 74px;
  padding: 10px 5vw;
  background: rgba(5, 14, 22, 0.96);
  border-bottom: 1px solid rgba(184, 132, 69, 0.28);
}

.brand img {
  width: 185px;
  max-height: 54px;
  height: auto;
  object-fit: contain;
}

@media (max-width: 680px) {
  .site-header {
    position: relative;
    min-height: 68px;
    padding: 10px 18px;
    background: #071722;
  }

  .brand img {
    width: 145px;
    max-height: 48px;
  }
}