/* Hide theme header globally (Reyhoon) */
.site-header, .rh-header { display: none !important; }

/* ===== Custom Header (global) ===== */
.laf-header{
  position: sticky; top: 0; z-index: 1001;
  background:#111; color:#fff; border-bottom:1px solid rgba(255,255,255,.08);
}
.laf-header-inner{
  max-width:1200px; margin:0 auto; padding:12px 16px;
  display:grid; grid-template-columns:1fr auto auto; align-items:center; gap:12px;
}
.laf-brand img{ max-height:56px; width:auto; height:auto; }
.laf-brand-text{ color:#fff; text-decoration:none; font-weight:700; font-size:1.25rem; }

/* Nav */
.laf-nav{ display:flex; align-items:center; gap:18px; }
.laf-menu{ list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:18px; }
.laf-menu > li > a{
  color:#fff; text-decoration:none; padding:6px 2px; display:inline-block; transition:border-color .2s ease;
}
/* White underline for active/hover (no green) */
.laf-menu > li.current-menu-item > a,
.laf-menu > li.current-menu-ancestor > a,
.laf-menu > li > a:focus,
.laf-menu > li > a:hover{ border-bottom:2px solid #fff; }

/* CTA */
.laf-cta-wrap .latepoint-btn a,
.laf-cta-wrap .latepoint-btn button{
  display:inline-block; padding:8px 14px; border-radius:999px;
  background:#c03; color:#fff !important; text-decoration:none; border:0; white-space:nowrap;
}

/* Burger */
.laf-burger{ display:none; background:transparent; border:0; color:#fff; font-size:22px; cursor:pointer; }

/* Responsive header */
@media (max-width: 992px){
  .laf-header-inner{ grid-template-columns:1fr auto; }
  .laf-burger{ display:inline-block; }
  .laf-nav{
    position:fixed; inset:64px 0 auto 0; background:#111;
    display:none; flex-direction:column; gap:12px; padding:16px;
    border-bottom:1px solid rgba(255,255,255,.08);
  }
  .laf-nav.is-open{ display:flex; }
  .laf-menu{ flex-direction:column; gap:8px; }
  .laf-menu > li > a{ padding:8px 0; }
  .laf-cta-wrap{ align-self:flex-start; }
}
@media (min-width: 993px){
  .laf-nav{ display:flex !important; position:static; padding:0; }
}
/* Make sure header and nav sit above other layers on mobile */
.laf-header{ z-index: 4000; position: sticky; top: 0; }
.laf-burger{ position: relative; z-index: 4002; }

/* Mobile nav panel: hidden by default, shown when .is-open */
@media (max-width: 992px){
  .laf-nav{
    position: fixed;
    top: 64px; left: 0; right: 0;
    background: #111;
    display: none !important;  /* default hidden */
    flex-direction: column;
    gap: 12px; padding: 16px;
    border-bottom: 1px solid rgba(255,255,255,.08);
    z-index: 4001;             /* above page content */
  }
  .laf-nav.is-open{ display: flex !important; }
}

/* Safety: prevent other global styles forcing display */
@media (min-width: 993px){
  .laf-nav{ display: flex !important; position: static; padding: 0; }
}