/* ULUMSCHOOL AI v398.8 — navigation établissement mobile ciblée
   Ne modifie que .as-db-tabs / .as-db-tab sur petits écrans. */

@media (max-width: 760px) {
  #staffArea .as-db-tabs{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    gap:8px !important;
    width:100% !important;
    max-width:100% !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    padding:8px 6px 12px !important;
    margin:0 0 12px !important;
    scroll-snap-type:x proximity;
    scroll-padding-inline:6px;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-inline:contain;
    scrollbar-width:none;
    touch-action:pan-x;
  }
  #staffArea .as-db-tabs::-webkit-scrollbar{display:none}

  #staffArea .as-db-tab{
    flex:0 0 auto !important;
    width:auto !important;
    min-width:max-content !important;
    max-width:none !important;
    min-height:44px !important;
    margin:0 !important;
    padding:10px 14px !important;
    border-radius:999px !important;
    white-space:nowrap !important;
    line-height:1.15 !important;
    font-size:14px !important;
    font-weight:800 !important;
    scroll-snap-align:start;
  }

  #staffArea .as-db-tab.active{
    box-shadow:0 6px 18px rgba(201,162,39,.18) !important;
  }

  /* Laisse apparaître le début de l'onglet suivant : indication naturelle
     que la barre se fait glisser horizontalement. */
  #staffArea .as-db-tabs::after{
    content:"";
    flex:0 0 14px;
    width:14px;
  }
}

@media (max-width: 390px) {
  #staffArea .as-db-tab{
    min-height:42px !important;
    padding:9px 12px !important;
    font-size:13px !important;
  }
}