/* Shared marketing header for the public subpages (features, restaurants,
   compliance, advertising). The homepage keeps its own copy inside landing.php
   because its nav mixes in-page anchors with page links — if either changes,
   keep the two looking the same.
   Colors fall back to the brand palette so this file works on its own. */

.mkhead{ background:var(--navy,#002868); position:sticky; top:0; z-index:30;
         border-bottom:3px solid var(--gold,#C9A84C); }
.mkhead-in{ max-width:1080px; margin:0 auto; padding:10px 22px;
            display:flex; align-items:center; gap:18px; position:relative; }

.mkbrand{ color:#fff; font-weight:800; font-size:1.05rem; text-decoration:none;
          display:flex; align-items:center; gap:9px; white-space:nowrap; }
.mkbrand img{ display:block; border-radius:5px; }

.mknav{ margin-left:auto; display:flex; align-items:center; gap:20px; }
.mknav a{ color:#c9d4ea; text-decoration:none; font-size:.92rem; white-space:nowrap; }
.mknav a:hover{ color:#fff; }
.mknav a.on{ color:var(--gold,#C9A84C); font-weight:700;
             border-bottom:2px solid var(--gold,#C9A84C); padding-bottom:2px; }

.mkhead-cta{ display:flex; align-items:center; gap:10px; }
.mkbtn{ background:var(--gold,#C9A84C); color:var(--navy2,#00152f); font-weight:700;
        padding:9px 16px; border-radius:9px; text-decoration:none; font-size:.9rem;
        white-space:nowrap; }

/* CSS-only dropdown: the checkbox is the toggle, the label is the button. */
.mkmenu-cb{ display:none; }
.mkburger{ display:none; color:var(--gold,#C9A84C); font-size:1.5rem; line-height:26px;
           cursor:pointer; padding:8px 10px; border:1.5px solid rgba(201,168,76,.55);
           border-radius:9px; min-width:44px; min-height:44px; text-align:center; }

@media (max-width:1100px){
  .mknav{ gap:13px; }
  .mknav a{ font-size:.86rem; }
  .mkhead-in{ gap:13px; }
}

@media (max-width:940px){
  .mkhead-in{ padding:9px 16px; gap:10px; }
  .mkbrand{ font-size:.98rem; }
  .mknav{ display:none; position:absolute; left:0; right:0; top:100%;
          flex-direction:column; align-items:stretch; gap:0;
          background:#fff; box-shadow:0 18px 40px rgba(4,12,30,.28);
          border-bottom:3px solid var(--gold,#C9A84C); }
  .mknav a{ color:var(--navy,#002868); font-size:1.05rem; font-weight:600;
            padding:16px 22px; border-top:1px solid var(--wash,#f2f5fa); }
  .mknav a.on{ color:var(--navy,#002868); border-bottom:0;
               background:var(--wash,#f2f5fa); padding-bottom:16px; }
  .mknav a.on::after{ content:" ·  you are here"; color:#7b8aa8; font-weight:500; font-size:.82rem; }
  .mkmenu-cb:checked ~ .mknav{ display:flex; }
  .mkhead-cta{ margin-left:auto; }
  .mkbtn{ padding:9px 13px; font-size:.84rem; }
  .mkburger{ display:block; }
}

/* The ~gold~ marker from editable copy (includes/site_content.php). Lives here
   because every marketing subpage already loads this file. */
.sc-g{ color:var(--gold,#C9A84C); }