/* Sully‑Van — navigation mobile premium 2026
   Desktop > 900 px inchangé. */
.mission-link__icon{display:none}

@media (max-width:900px){
  .mission-nav{
    border-bottom:0;
    background:transparent;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
  }

  .mission-nav__inner{
    height:auto;
    min-height:0;
    padding:10px max(14px,env(safe-area-inset-right)) 11px max(14px,env(safe-area-inset-left));
    display:grid;
    grid-template-columns:1fr auto;
    gap:10px 12px;
  }

  .mission-brand{grid-column:1;grid-row:1;min-width:0}
  .mission-live{grid-column:2;grid-row:1;align-self:center;margin:0}

  .mission-links{
    grid-column:1/-1;
    grid-row:2;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:7px;
    width:100%;
    padding:7px;
    border:1px solid rgba(255,255,255,.11);
    border-radius:24px;
    background:
      linear-gradient(145deg,rgba(21,27,24,.78),rgba(10,14,12,.66));
    box-shadow:
      0 14px 36px rgba(0,0,0,.22),
      inset 0 1px 0 rgba(255,255,255,.12);
    backdrop-filter:blur(22px) saturate(145%);
    -webkit-backdrop-filter:blur(22px) saturate(145%);
  }

  .mission-links a{
    position:relative;
    isolation:isolate;
    min-width:0;
    min-height:48px;
    padding:9px 8px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    overflow:hidden;
    border:1px solid transparent;
    border-radius:17px;
    color:rgba(255,255,255,.78);
    background:rgba(255,255,255,.035);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
    font-size:12px;
    font-weight:800;
    line-height:1;
    letter-spacing:-.015em;
    white-space:nowrap;
    transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease;
    -webkit-tap-highlight-color:transparent;
  }

  .mission-links a::before{
    content:"";
    position:absolute;
    z-index:-1;
    width:70px;
    height:70px;
    left:-24px;
    top:-36px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(255,255,255,.16),transparent 68%);
    opacity:.6;
    pointer-events:none;
  }

  .mission-link__icon{
    width:18px;
    height:18px;
    flex:0 0 18px;
    display:grid;
    place-items:center;
    opacity:.92;
  }

  .mission-link__icon svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
  }

  .mission-links a[aria-current="page"]{
    color:#fff;
    border-color:rgba(255,255,255,.22);
    background:
      linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.08));
    box-shadow:
      0 9px 22px rgba(0,0,0,.20),
      inset 0 1px 0 rgba(255,255,255,.26),
      0 0 0 1px rgba(126,178,119,.08);
  }

  .mission-links a[aria-current="page"] .mission-link__icon{
    filter:drop-shadow(0 0 8px rgba(177,220,159,.34));
  }

  .mission-links a:active{transform:scale(.965)}

  .home .mission-nav{
    position:absolute;
    background:linear-gradient(180deg,rgba(7,10,8,.52),rgba(7,10,8,.06) 76%,transparent);
  }

  .home .mission-brand__mark{
    box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 8px 20px rgba(0,0,0,.14);
  }

  body:not(.home) .mission-nav{
    background:rgba(242,239,231,.84)!important;
    border-bottom:1px solid rgba(29,36,31,.09)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
  }

  body:not(.home) .mission-links{
    border-color:rgba(29,36,31,.10);
    background:
      linear-gradient(145deg,rgba(255,255,255,.82),rgba(229,225,215,.72));
    box-shadow:
      0 12px 30px rgba(42,48,42,.10),
      inset 0 1px 0 rgba(255,255,255,.92);
  }

  body:not(.home) .mission-links a{
    color:#5c655d!important;
    background:rgba(255,255,255,.30)!important;
  }

  body:not(.home) .mission-links a[aria-current="page"]{
    color:#fff!important;
    border-color:rgba(29,36,31,.16);
    background:linear-gradient(145deg,#344238,#202a23)!important;
    box-shadow:
      0 9px 22px rgba(29,36,31,.20),
      inset 0 1px 0 rgba(255,255,255,.16);
  }
}

@media (max-width:620px){
  .mission-nav__inner{padding-top:9px;padding-bottom:10px;gap:8px 10px}
  .mission-brand{font-size:14px}
  .mission-brand__mark{width:36px;height:36px}
  .mission-live{display:none}

  .mission-links{
    gap:6px;
    padding:6px;
    border-radius:21px;
  }

  .mission-links a{
    min-height:50px;
    padding:8px 5px;
    gap:5px;
    border-radius:15px;
    font-size:11.5px;
  }

  .mission-link__icon,.mission-link__icon svg{
    width:17px;
    height:17px;
    flex-basis:17px;
  }

  .home .home-hero__content{padding-top:190px}
}

@media (max-width:390px){
  .mission-links a{font-size:10.5px;gap:4px;padding-left:3px;padding-right:3px}
  .mission-link__icon,.mission-link__icon svg{width:16px;height:16px;flex-basis:16px}
}

@media (prefers-reduced-motion:reduce){
  .mission-links a{transition:none}
}

/* VanCore Life — nouvel onglet Application */
@media (min-width:621px) and (max-width:900px){
  .mission-links{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}

@media (max-width:620px){
  .mission-link--app{
    order:20;
    grid-column:1/-1;
  }
}