/* Shared signed-out navigation. Keep the 720px threshold aligned with index.php. */
@media (min-width:720px){
  .lk-shell:not(.is-authenticated):not(.is-public-mobile-os) .only-mobile,
  .lk-shell:not(.is-authenticated):not(.is-public-mobile-os) .mobile-menu-toggle,
  .lk-shell:not(.is-authenticated):not(.is-public-mobile-os) #mobileToggle{
    display:none !important;
    visibility:hidden !important;
  }
  .lk-shell:not(.is-authenticated):not(.is-public-mobile-os) .header-inner{
    min-height:62px;
    padding-top:7px;
    padding-bottom:7px;
    gap:12px;
  }
  .lk-shell:not(.is-authenticated):not(.is-public-mobile-os) .brand{
    gap:9px;
  }
  .lk-shell:not(.is-authenticated):not(.is-public-mobile-os) .brand img{
    height:38px;
  }
  .lk-shell:not(.is-authenticated):not(.is-public-mobile-os) .brand .title:not(:empty){
    min-height:24px;
    padding:0 8px;
    font-size:11px;
  }
  .lk-shell:not(.is-authenticated):not(.is-public-mobile-os) .nav{
    order:initial;
    min-width:0;
    margin-left:auto !important;
  }
  .lk-shell:not(.is-authenticated):not(.is-public-mobile-os) .menu{
    position:static;
    inset:auto !important;
    width:auto;
    max-height:none;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:flex-end;
    gap:2px;
    padding:0;
    overflow:visible;
    background:transparent;
    border:0;
    border-radius:0;
    box-shadow:none;
    z-index:auto;
    overscroll-behavior:auto;
  }
  .lk-shell:not(.is-authenticated):not(.is-public-mobile-os) .menu > li,
  .lk-shell:not(.is-authenticated):not(.is-public-mobile-os) .menu > li.right{
    width:auto;
    margin:0 !important;
    border:0;
    border-radius:0;
    background:transparent;
    overflow:visible;
  }
  .lk-shell:not(.is-authenticated):not(.is-public-mobile-os) .menu > li > a,
  .lk-shell:not(.is-authenticated):not(.is-public-mobile-os) .menu > li > button.menu-trigger,
  .lk-shell:not(.is-authenticated):not(.is-public-mobile-os) #mainMenu > li.lang .lang-btn{
    width:auto !important;
    min-height:38px;
    justify-content:center !important;
    gap:6px;
    padding:0 9px;
    border:1px solid transparent;
    border-radius:999px;
    font-size:14px;
  }
  .lk-shell:not(.is-authenticated):not(.is-public-mobile-os) #mainMenu > li.lang .lang-btn{
    border-color:rgba(0,0,0,.06);
    background:rgba(255,255,255,.78);
  }
  .lk-shell:not(.is-authenticated):not(.is-public-mobile-os) .menu > li > a.nav-action-primary{
    padding-right:14px;
    padding-left:14px;
    border-radius:999px;
    justify-content:center !important;
  }
  .lk-shell:not(.is-authenticated):not(.is-public-mobile-os) .dropdown,
  .lk-shell:not(.is-authenticated):not(.is-public-mobile-os) #mainMenu > li.lang .dropdown{
    position:absolute !important;
    top:calc(100% + 12px) !important;
    left:0;
    right:auto;
    width:max-content;
    min-width:250px;
    max-width:min(380px,calc(100vw - 28px));
    max-height:min(72vh,520px);
    display:none;
    padding:10px !important;
    overflow:auto;
    border:1px solid rgba(25,96,58,.14) !important;
    border-radius:8px !important;
    background:linear-gradient(180deg,#ffffff,#f7fcf8) !important;
    box-shadow:var(--lk-shell-shadow) !important;
  }
  .lk-shell:not(.is-authenticated):not(.is-public-mobile-os) #mainMenu > li.lang .dropdown{
    left:auto;
    right:0;
  }
  .lk-shell:not(.is-authenticated):not(.is-public-mobile-os) .menu li.open > .dropdown,
  .lk-shell:not(.is-authenticated):not(.is-public-mobile-os) #mainMenu > li.lang.open > .dropdown{
    display:block;
  }
  .lk-shell:not(.is-authenticated):not(.is-public-mobile-os) .dropdown a{
    min-height:42px;
    padding:10px 12px;
    white-space:normal;
  }
}

/* Use a calm two-row desktop header where one line would become cramped. */
@media (min-width:720px) and (max-width:1040px){
  .lk-shell:not(.is-authenticated):not(.is-public-mobile-os) .header{
    min-width:0;
    max-width:100%;
  }
  .lk-shell:not(.is-authenticated):not(.is-public-mobile-os) .header-inner{
    flex-wrap:wrap;
  }
  .lk-shell:not(.is-authenticated):not(.is-public-mobile-os) .nav{
    width:100%;
    margin-left:0 !important;
  }
  .lk-shell:not(.is-authenticated):not(.is-public-mobile-os) .menu{
    width:100%;
    justify-content:space-between;
  }
  .lk-shell:not(.is-authenticated):not(.is-public-mobile-os) .header .menu > li > a,
  .lk-shell:not(.is-authenticated):not(.is-public-mobile-os) .header .menu > li > button.menu-trigger,
  .lk-shell:not(.is-authenticated):not(.is-public-mobile-os) .header #mainMenu > li.lang .lang-btn{
    padding-inline:6px;
  }
  .lk-shell:not(.is-authenticated):not(.is-public-mobile-os) .header .menu > li > a.nav-action-primary{
    padding-inline:14px;
  }
}

/* Android and iOS visitors keep the touch-first menu, independent of width. */
@media (min-width:921px){
  .lk-shell:not(.is-authenticated).is-public-mobile-os.site-wrap{
    width:100%;
    max-width:100vw;
    min-width:0;
  }
  .lk-shell:not(.is-authenticated).is-public-mobile-os .only-mobile,
  .lk-shell:not(.is-authenticated).is-public-mobile-os .mobile-menu-toggle,
  .lk-shell:not(.is-authenticated).is-public-mobile-os #mobileToggle{
    display:inline-flex !important;
    visibility:visible !important;
  }
  .lk-shell:not(.is-authenticated).is-public-mobile-os .header-inner{
    gap:12px;
  }
  .lk-shell:not(.is-authenticated).is-public-mobile-os .nav{
    order:2;
    min-width:0;
    margin-left:0 !important;
  }
  .lk-shell:not(.is-authenticated).is-public-mobile-os .mobile-menu-toggle{
    order:3;
    margin-left:auto !important;
  }
  .lk-shell:not(.is-authenticated).is-public-mobile-os .menu{
    position:fixed;
    top:var(--mobile-menu-top,74px) !important;
    left:12px !important;
    right:12px !important;
    width:auto;
    max-height:calc(100dvh - var(--mobile-menu-top,74px) - 16px);
    display:none;
    flex-direction:column;
    align-items:stretch;
    justify-content:flex-start;
    gap:7px;
    padding:10px;
    overflow:auto;
    background:linear-gradient(180deg,#ffffff,#edf8f1);
    border:1px solid rgba(25,96,58,.16);
    border-radius:8px;
    box-shadow:0 22px 60px rgba(16,24,40,.22);
    z-index:1320;
    overscroll-behavior:contain;
  }
  .lk-shell:not(.is-authenticated).is-public-mobile-os .menu.show{
    display:flex;
  }
  .lk-shell:not(.is-authenticated).is-public-mobile-os .menu > li,
  .lk-shell:not(.is-authenticated).is-public-mobile-os .menu > li.right{
    width:100%;
    border:1px solid rgba(25,96,58,.10);
    border-radius:8px;
    background:rgba(255,255,255,.92);
    overflow:hidden;
  }
  .lk-shell:not(.is-authenticated).is-public-mobile-os .menu > li > a,
  .lk-shell:not(.is-authenticated).is-public-mobile-os .menu > li > button.menu-trigger,
  .lk-shell:not(.is-authenticated).is-public-mobile-os #mainMenu > li.lang .lang-btn{
    width:100%;
    min-height:48px;
    justify-content:space-between !important;
    padding:0 14px;
    border:0;
    border-radius:0;
    box-shadow:none;
  }
  .lk-shell:not(.is-authenticated).is-public-mobile-os .menu > li > a.nav-action-primary{
    justify-content:center !important;
    border-radius:0;
  }
  .lk-shell:not(.is-authenticated).is-public-mobile-os .dropdown,
  .lk-shell:not(.is-authenticated).is-public-mobile-os #mainMenu > li.lang .dropdown{
    position:static !important;
    width:100%;
    max-width:none;
    min-width:0;
    max-height:none;
    display:none;
    padding:0 8px 8px !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    background:transparent !important;
  }
  .lk-shell:not(.is-authenticated).is-public-mobile-os .menu li.open > .dropdown,
  .lk-shell:not(.is-authenticated).is-public-mobile-os #mainMenu > li.lang.open > .dropdown{
    display:block;
  }
  .lk-shell:not(.is-authenticated).is-public-mobile-os .dropdown a{
    min-height:40px;
    padding:9px 10px;
    white-space:normal;
  }
}