/* =========================================================
         NAV: mobile stays 100% template-default (no layout overrides)
         Only set typeface globally (safe)
         ========================================================= */
      .navmenu a,
      .navmenu a:focus{
        font-family:"Paytone One",system-ui,-apple-system,"Segoe UI","Helvetica Neue",Arial,sans-serif !important;
      }

      /* =========================================================
         DESKTOP-ONLY upgrades (won’t touch mobile layout)
         ========================================================= */
      @media (min-width:1200px){

        /* keep menu pushed to the right (since socials removed) */
        #header .navmenu{ margin-left:auto; }

        /* desktop horizontal layout (ONLY on desktop) */
        #header .navmenu > ul{
          display:flex;
          align-items:center;
          gap:.25rem;
          margin:0;
        }

        /* desktop link styling (ONLY on desktop) */
        .navmenu a,
        .navmenu a:focus{
          font-size:17px;
          font-weight:500;
          display:inline-flex;
          align-items:center;
          padding:10px 18px;
          white-space:nowrap;
          transition:.3s;
        }

        /* readable before scroll (cloudy hero): add subtle shadow */
        header.header:not(.sticked):not(.header-scrolled) .navmenu a{
          text-shadow:0 2px 10px rgba(0,0,0,.35);
        }

        /* optional: tiny frosted hover so it “pops” on clouds */
        header.header:not(.sticked):not(.header-scrolled) .navmenu a:hover{
          background:rgba(255,255,255,.18);
          border-radius:999px;
          backdrop-filter:blur(6px);
        }

        /* CTA buttons on desktop only */
        .navmenu a.nav-cta{
          display:inline-flex;
          align-items:center;
          justify-content:center;
          padding:.6rem 1rem;
          border-radius:999px;
          font-weight:900;
          line-height:1;
          border:1px solid transparent;
          box-shadow:0 10px 22px rgba(6,30,37,.10);
          text-shadow:none; /* keep button text crisp */
          transition:transform .2s ease,filter .2s ease,background-color .2s ease,border-color .2s ease;
        }
        .navmenu a.nav-cta:hover{
          transform:translateY(-1px);
          filter:brightness(.98);
          background-clip:padding-box;
        }

     .navmenu a.nav-cta--book{
  background:var(--hero-cta,#C7443A);
  color:#fff;
  border-color:color-mix(in srgb,var(--hero-cta,#C7443A),black 12%);
}

        .navmenu a.nav-cta--portal{
          background:var(--accent-alt,#2A78A6);
          color:#fff;
          border-color:color-mix(in srgb,var(--accent-alt,#2A78A6),black 12%);
        }
      }