/* TCI v39 — add a real navigation menu to secondary pages without changing their content/design. */
.site-head{position:relative;z-index:40}
.secondary-menu-btn{
  grid-area:menu;
  width:42px;height:42px;
  border:1px solid rgba(255,255,255,.16);
  background:#081018;
  display:grid;place-items:center;
  cursor:pointer;
  padding:0;
}
.secondary-menu-btn span,
.secondary-menu-btn span:before,
.secondary-menu-btn span:after{
  width:24px;height:2px;background:#f1ece3;display:block;content:"";
}
.secondary-menu-btn span{position:relative}
.secondary-menu-btn span:before{position:absolute;top:-7px;left:0}
.secondary-menu-btn span:after{position:absolute;top:7px;left:0}
.secondary-drawer{
  display:none;
  position:absolute;
  right:18px;
  top:100%;
  width:min(270px,calc(100vw - 36px));
  background:#071119;
  border:1px solid #294052;
  box-shadow:0 18px 44px rgba(0,0,0,.48);
  z-index:200;
}
.secondary-drawer.open{display:grid}
.secondary-drawer a{
  color:#fff;
  text-decoration:none;
  padding:15px 18px;
  font-family:'Barlow Condensed',Arial,sans-serif;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.07em;
  border-bottom:1px solid #172935;
  background:#071119;
}
.secondary-drawer a:last-child{border-bottom:0}
.secondary-drawer a:hover{background:#0c1a24;color:#ffd31a}

/* Preserve the approved header; only add one compact menu slot. */
.head-row{
  grid-template-columns:minmax(0,1fr) auto auto 42px !important;
  grid-template-areas:'brand phone cta menu' !important;
}
.brand{grid-area:brand!important}
.head-phone{grid-area:phone!important}
.head-cta{grid-area:cta!important}

@media(max-width:640px){
  /* Phone number already appears lower on these pages; free this slot for navigation on mobile. */
  .head-phone{display:none!important}
  .head-row{
    grid-template-columns:minmax(0,1fr) 38px minmax(106px,.72fr) !important;
    grid-template-areas:'brand menu cta' !important;
    gap:8px!important;
  }
  .secondary-menu-btn{width:36px;height:36px}
  .secondary-menu-btn span,
  .secondary-menu-btn span:before,
  .secondary-menu-btn span:after{width:21px}
  .secondary-drawer{right:10px;width:min(260px,calc(100vw - 20px))}
}
@media(max-width:440px){
  .head-row{
    grid-template-columns:minmax(0,1fr) 36px minmax(100px,.7fr) !important;
    gap:7px!important;
  }
  .brand img{max-width:180px!important}
  .head-cta{max-width:106px!important}
}