/* LEGALOFE desktop navigation v25 - menu E, shared by every desktop page */
@media (min-width:801px){
  html body .site-header .nav{
    min-width:0!important;
    flex:1 1 auto!important;
    align-self:stretch!important;
    display:flex!important;
    align-items:center!important;
    margin-left:0!important;
  }

  html body .site-header .lofe-drawer-links{
    width:100%!important;
    min-width:0!important;
    height:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:2px!important;
  }

  html body .site-header .lofe-drawer-links-desktop{
    min-width:0!important;
    flex:1 1 auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:2px!important;
  }

  html body .site-header .lofe-drawer-links-mobile{display:none!important}

  html body .site-header .lofe-drawer-links-desktop>a{
    position:relative!important;
    min-width:0!important;
    min-height:62px!important;
    display:flex!important;
    flex:0 1 auto!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    margin:0!important;
    padding:7px clamp(6px,.62vw,11px) 8px!important;
    border:0!important;
    border-radius:12px!important;
    background:transparent!important;
    color:#153b5f!important;
    box-shadow:none!important;
    font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    font-size:clamp(10.5px,.72vw,12.5px)!important;
    font-weight:500!important;
    line-height:1.05!important;
    text-align:center!important;
    text-decoration:none!important;
    white-space:nowrap!important;
    transition:background-color .16s ease,color .16s ease,transform .16s ease!important;
  }

  html body .site-header .lofe-drawer-links-desktop>a:hover{
    background:#f0f7fc!important;
    color:#087bd1!important;
    transform:translateY(-1px)!important;
  }

  html body .site-header .lofe-drawer-links-desktop>a.active{
    background:#e4f2fc!important;
    color:#0789e9!important;
  }

  /* v26: no underline/dash on active/focused links; lighter labels. */
  html body .site-header .lofe-drawer-links-desktop>a,
  html body .site-header .lofe-drawer-links-desktop>a:hover,
  html body .site-header .lofe-drawer-links-desktop>a:focus,
  html body .site-header .lofe-drawer-links-desktop>a:active,
  html body .site-header .lofe-drawer-links-desktop>a.active,
  html body .site-header .lofe-drawer-links-desktop>a>span:last-child{
    text-decoration:none!important;
    text-decoration-line:none!important;
    border-bottom:0!important;
    box-shadow:none!important;
    font-weight:500!important;
  }
  html body .site-header .lofe-drawer-links-desktop>a::before,
  html body .site-header .lofe-drawer-links-desktop>a::after{
    text-decoration:none!important;
  }

  html body .site-header .lofe-drawer-icon{
    width:21px!important;
    height:21px!important;
    min-width:21px!important;
    display:block!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background-color:currentColor!important;
    background-image:none!important;
    box-shadow:none!important;
    color:inherit!important;
  }

  /* Monochrome outline icons matching the approved E concept. */
  html body .site-header .lofe-icon-trophy{
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 4h8v3a4 4 0 0 1-8 0V4Z'/%3E%3Cpath d='M8 6H5v1a4 4 0 0 0 4 4M16 6h3v1a4 4 0 0 1-4 4M12 11v5M9 20h6M10 16h4v4'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat!important;
            mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 4h8v3a4 4 0 0 1-8 0V4Z'/%3E%3Cpath d='M8 6H5v1a4 4 0 0 0 4 4M16 6h3v1a4 4 0 0 1-4 4M12 11v5M9 20h6M10 16h4v4'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat!important;
  }
  html body .site-header .lofe-icon-calendar{
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M16 3v4M8 3v4M3 10h18M8 14h.01M12 14h.01M16 14h.01M8 17h.01M12 17h.01'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat!important;
            mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M16 3v4M8 3v4M3 10h18M8 14h.01M12 14h.01M16 14h.01M8 17h.01M12 17h.01'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat!important;
  }
  html body .site-header .lofe-icon-users{
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3'/%3E%3Cpath d='M3.5 20v-1a5.5 5.5 0 0 1 11 0v1M16 5.5a3 3 0 0 1 0 5.8M17 14a5 5 0 0 1 3.5 4.8V20'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat!important;
            mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3'/%3E%3Cpath d='M3.5 20v-1a5.5 5.5 0 0 1 11 0v1M16 5.5a3 3 0 0 1 0 5.8M17 14a5 5 0 0 1 3.5 4.8V20'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat!important;
  }
  html body .site-header .lofe-icon-chart{
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20V10M10 20V4M16 20v-7M22 20H2'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat!important;
            mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20V10M10 20V4M16 20v-7M22 20H2'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat!important;
  }
  html body .site-header .lofe-icon-user{
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat!important;
            mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat!important;
  }
  html body .site-header .lofe-icon-pitch{
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='5' width='19' height='14' rx='2'/%3E%3Cpath d='M12 5v14M2.5 12h4M17.5 12h4M9.5 12a2.5 2.5 0 1 0 5 0 2.5 2.5 0 1 0-5 0Z'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat!important;
            mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='5' width='19' height='14' rx='2'/%3E%3Cpath d='M12 5v14M2.5 12h4M17.5 12h4M9.5 12a2.5 2.5 0 1 0 5 0 2.5 2.5 0 1 0-5 0Z'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat!important;
  }
  html body .site-header .lofe-icon-clipboard{
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='4' width='14' height='17' rx='2'/%3E%3Cpath d='M9 4.5A2.5 2.5 0 0 1 11.5 2h1A2.5 2.5 0 0 1 15 4.5V6H9V4.5ZM9 11h6M9 15h6'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat!important;
            mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='4' width='14' height='17' rx='2'/%3E%3Cpath d='M9 4.5A2.5 2.5 0 0 1 11.5 2h1A2.5 2.5 0 0 1 15 4.5V6H9V4.5ZM9 11h6M9 15h6'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat!important;
  }

  /* Login is a separate outlined action on the far right. */
  html body .site-header .lofe-drawer-links>a[href*="page=login"]{
    min-height:48px!important;
    display:inline-flex!important;
    flex:0 0 auto!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    margin-left:14px!important;
    padding:0 15px!important;
    border:1.5px solid #138de9!important;
    border-radius:12px!important;
    background:#fff!important;
    color:#087fd8!important;
    font-size:13px!important;
    font-weight:550!important;
    text-decoration:none!important;
    white-space:nowrap!important;
    box-shadow:none!important;
  }
  html body .site-header .lofe-drawer-links>a[href*="page=login"]:hover{
    background:#edf7ff!important;
    color:#0571c2!important;
  }
  html body .site-header .lofe-drawer-links>a[href*="page=login"] .lofe-drawer-icon{
    width:20px!important;height:20px!important;min-width:20px!important
  }

  /* Logout follows the same visual separation when the user is signed in. */
  html body .site-header .lofe-drawer-links>.nav-form{
    flex:0 0 auto!important;
    margin:0 0 0 10px!important;
    padding-left:12px!important;
    border-left:1px solid #d7e2eb!important;
  }
  html body .site-header .lofe-drawer-links>.nav-form button{
    min-height:42px!important;
    padding:0 11px!important;
    border:0!important;
    border-radius:10px!important;
    background:transparent!important;
    color:#496276!important;
    font-size:12px!important;
    font-weight:550!important;
  }
  html body .site-header .lofe-drawer-links>.nav-form button:hover{
    background:#eef5fa!important;
    color:#0b6fb7!important;
  }

  /* The drawer-only header must never consume desktop header space. */
  html body .site-header .lofe-drawer-head{display:none!important}

  /* Slightly tighter version on medium desktop widths. */
  @media (max-width:1450px){
    html body .site-header .lofe-drawer-links-desktop>a{
      gap:4px!important;
      padding-left:5px!important;
      padding-right:5px!important;
      font-size:10.5px!important;
    }
    html body .site-header .lofe-drawer-icon{width:18px!important;height:18px!important;min-width:18px!important}
    html body .site-header .lofe-drawer-links>a[href*="page=login"]{margin-left:8px!important;padding:0 10px!important}
  }
}
