/* ===== DESKTOP POLISH (no effect on mobile) ===== */
@media (min-width:1024px){

  /* Center page content and tighten max width without breaking full-bleed bits */
  body > header, body > main, body > section, body > footer,
  body > div:not(.full-bleed):not(.toast):not(.modal) {
    max-width: 1280px;
    margin-inline: auto;
    padding-inline: 16px;
  }
  
   /* Subtle desktop scale bumps */
  .section-title{ font-size: 1.75rem; }
  .card, .panel{ border-radius: 14px; }
}
 /* ===== Desktop UFC-style navbar — text only (no boxes) ===== */
@media (min-width:1024px){
  .site-header{
    position: sticky; top:0; z-index:5000; height:66px; padding:0 20px;
    background: rgba(2,6,23,.86); backdrop-filter: blur(6px);
    border-bottom: 1px solid rgba(255,255,255,.06);
    display:flex; align-items:center; gap:24px;
  }
  .site-logo{ height:28px; width:auto; }
  .hamburger{ display:none !important; }

  #navPanel.main-nav{
    display:flex; align-items:center; gap:22px; height:100%;
    background:transparent;
  }

  /* TEXT-ONLY LINKS: kill any pill styles */
  #navPanel .navbtn,
  .site-header .navbtn{
    background: transparent !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;

    color:#e2e8f0;
    padding: 0 10px;
    height: 100%;
    display:inline-flex; align-items:center;

    font-weight:800; font-size:.92rem;
    letter-spacing:.06em; text-transform:uppercase;
    position:relative; transition:color .15s ease;
  }
  /* remove any pseudo highlight some themes add */
  #navPanel .navbtn::before{ display:none !important; }

  #navPanel .navbtn:hover{ color:#fff; }

  /* Red underline on hover/active */
  #navPanel .navbtn::after{
    content:"";
    position:absolute; left:8px; right:8px; bottom:0;
    height:3px; background:#ef4444;
    transform:scaleX(0); transform-origin:left;
    transition:transform .18s ease; border-radius:2px;
  }
  #navPanel .navbtn:hover::after,
  #navPanel .navbtn[aria-current="page"]::after{
    transform:scaleX(1);
  }

  /* (Optional) thicker underline
  #navPanel .navbtn::after{ height:4px; }
  */
}

/* Fix BDS | FL gap: kerning breaks across the span */
.bdsfl-logo span{
  margin-left: -0.18em;
}