/*
 * EDAP MOBILE UI HOTFIX — 2026-09-23
 * Scope: public header + homepage KPI/quick actions only.
 * Loaded after the existing public CSS with a filemtime query string.
 */

@media (max-width: 991.98px) {
  /* ---- Public header / hamburger ---- */
  .he-header--pro .he-header__topline { display:none !important; }
  .he-header--pro .he-nav {
    min-height:68px !important;
    background:#fff !important;
    border-bottom:1px solid #ededed !important;
  }
  .he-header--pro .he-nav__inner {
    position:relative !important;
    min-height:68px !important;
    display:flex !important;
    align-items:center !important;
    flex-wrap:nowrap !important;
    gap:12px !important;
  }
  .he-header--pro .he-brand,
  .he-header--pro .he-brand--pro {
    display:flex !important;
    align-items:center !important;
    flex:0 0 auto !important;
    margin:0 !important;
    padding:0 !important;
  }
  .he-header--pro .he-brand img,
  .he-header--pro .he-brand--pro img {
    display:block !important;
    width:138px !important;
    max-width:42vw !important;
    height:auto !important;
    object-fit:contain !important;
  }
  .he-header--pro .he-nav__toggle {
    display:grid !important;
    place-items:center !important;
    flex:0 0 42px !important;
    width:42px !important;
    height:42px !important;
    margin:0 0 0 auto !important;
    padding:0 !important;
    border:1px solid #e6e6e6 !important;
    border-radius:9px !important;
    background:#fff !important;
    color:#181818 !important;
    box-shadow:0 4px 14px rgba(0,0,0,.08) !important;
  }
  .he-header--pro .he-nav__toggle i { font-size:21px !important; line-height:1 !important; }

  .he-header--pro #edapPublicNav.he-nav__collapse,
  .he-header--pro #edapPublicNav.he-nav__collapse.collapsing,
  .he-header--pro #edapPublicNav.he-nav__collapse.show {
    position:absolute !important;
    z-index:5000 !important;
    top:68px !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    max-height:calc(100vh - 86px) !important;
    overflow-y:auto !important;
    margin:0 !important;
    padding:14px !important;
    background:#fff !important;
    border:1px solid #e8e8e8 !important;
    border-top:3px solid #ef2029 !important;
    border-radius:0 0 12px 12px !important;
    box-shadow:0 18px 38px rgba(0,0,0,.16) !important;
    align-items:stretch !important;
  }
  .he-header--pro #edapPublicNav.he-nav__collapse:not(.show):not(.collapsing) { display:none !important; }
  .he-header--pro #edapPublicNav.he-nav__collapse.show { display:block !important; }

  .he-header--pro #edapPublicNav .he-nav__links,
  .he-header--pro #edapPublicNav .he-nav__links--simple {
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
  }
  .he-header--pro #edapPublicNav .he-nav__links > li { min-width:0 !important; margin:0 !important; padding:0 !important; }
  .he-header--pro #edapPublicNav .he-nav__links > li > a {
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    min-height:46px !important;
    width:100% !important;
    margin:0 !important;
    padding:0 12px !important;
    background:#fafafa !important;
    border:1px solid #ececec !important;
    border-radius:8px !important;
    color:#222 !important;
    font-size:12.5px !important;
    font-weight:800 !important;
    line-height:1.2 !important;
    text-decoration:none !important;
    white-space:normal !important;
  }
  .he-header--pro #edapPublicNav .he-nav__links > li > a.active,
  .he-header--pro #edapPublicNav .he-nav__links > li > a:hover {
    color:#ef2029 !important;
    background:#fff5f5 !important;
    border-color:#ffc9cc !important;
    box-shadow:none !important;
  }

  .he-header--pro #edapPublicNav .he-nav__actions,
  .he-header--pro #edapPublicNav .he-nav__actions--guest {
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
    width:100% !important;
    margin:12px 0 0 !important;
    padding:12px 0 0 !important;
    border-top:1px solid #eee !important;
  }
  .he-header--pro #edapPublicNav .he-nav__actions--guest .he-btn,
  .he-header--pro #edapPublicNav .he-nav__actions--guest .he-nav-login,
  .he-header--pro #edapPublicNav .he-nav__actions--guest .he-nav-login--button {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    width:100% !important;
    min-width:0 !important;
    min-height:44px !important;
    height:44px !important;
    margin:0 !important;
    padding:0 10px !important;
    border-radius:7px !important;
    font-size:12px !important;
    font-weight:800 !important;
    white-space:nowrap !important;
  }
  .he-header--pro #edapPublicNav .he-nav-login--button {
    border:1px solid #222 !important;
    background:#fff !important;
    color:#222 !important;
  }
  .he-header--pro .he-header__quickbar { display:none !important; }

  /* ---- Homepage KPI strip ---- */
  .he-home--rich .he-network-strip {
    padding:12px 0 !important;
    background:#f7f7f7 !important;
  }
  .he-home--rich .he-network-strip .he-network-strip__grid {
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
    min-height:0 !important;
    padding:0 !important;
  }
  .he-home--rich .he-network-strip .he-network-strip__grid > div {
    display:flex !important;
    align-items:center !important;
    min-width:0 !important;
    min-height:72px !important;
    margin:0 !important;
    padding:10px 11px !important;
    gap:9px !important;
    background:#fff !important;
    border:1px solid #e9e9e9 !important;
    border-radius:8px !important;
  }
  .he-home--rich .he-network-strip .he-network-strip__grid > div:last-child {
    grid-column:1 / -1 !important;
  }
  .he-home--rich .he-network-strip .he-network-strip__grid > div > i {
    flex:0 0 34px !important;
    width:34px !important;
    height:34px !important;
    display:grid !important;
    place-items:center !important;
    margin:0 !important;
    border-radius:50% !important;
    background:#fff0f1 !important;
    color:#ef2029 !important;
    font-size:13px !important;
  }
  .he-home--rich .he-network-strip .he-network-strip__grid > div > span {
    min-width:0 !important;
    display:block !important;
  }
  .he-home--rich .he-network-strip .he-network-strip__grid b {
    display:block !important;
    margin:0 !important;
    color:#191919 !important;
    font-size:13px !important;
    line-height:1.15 !important;
  }
  .he-home--rich .he-network-strip .he-network-strip__grid small {
    display:block !important;
    margin-top:3px !important;
    color:#8a8a8a !important;
    font-size:8.5px !important;
    line-height:1.25 !important;
  }

  /* ---- Homepage quick actions ---- */
  .he-home--rich .he-shortcuts--rich { padding:24px 0 28px !important; }
  .he-home--rich .he-shortcuts--rich .he-home-minihead {
    display:block !important;
    margin:0 0 13px !important;
  }
  .he-home--rich .he-shortcuts--rich .he-home-minihead span {
    display:block !important;
    margin:0 0 4px !important;
    color:#ef2029 !important;
    font-size:9px !important;
    font-weight:900 !important;
    letter-spacing:.08em !important;
    text-transform:uppercase !important;
  }
  .he-home--rich .he-shortcuts--rich .he-home-minihead strong {
    display:block !important;
    font-size:15px !important;
    line-height:1.35 !important;
  }
  .he-home--rich .he-shortcuts--rich .he-shortcuts__grid {
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
    padding:0 !important;
  }
  .he-home--rich .he-shortcuts--rich .he-shortcut {
    display:grid !important;
    grid-template-columns:34px minmax(0,1fr) !important;
    grid-template-rows:auto auto !important;
    align-content:center !important;
    column-gap:9px !important;
    min-width:0 !important;
    min-height:96px !important;
    margin:0 !important;
    padding:11px !important;
    background:#fff !important;
    border:1px solid #e4e4e4 !important;
    border-radius:8px !important;
    box-shadow:none !important;
  }
  .he-home--rich .he-shortcuts--rich .he-shortcut > i {
    grid-row:1 / 3 !important;
    align-self:center !important;
    width:34px !important;
    height:34px !important;
    display:grid !important;
    place-items:center !important;
    margin:0 !important;
    border-radius:50% !important;
    background:#fff0f1 !important;
    color:#ef2029 !important;
    font-size:13px !important;
  }
  .he-home--rich .he-shortcuts--rich .he-shortcut > strong {
    align-self:end !important;
    margin:0 !important;
    color:#171717 !important;
    font-size:11px !important;
    line-height:1.2 !important;
  }
  .he-home--rich .he-shortcuts--rich .he-shortcut > span {
    align-self:start !important;
    margin:4px 0 0 !important;
    color:#818181 !important;
    font-size:8.5px !important;
    line-height:1.3 !important;
  }
}

@media (max-width: 480px) {
  .he-header--pro #edapPublicNav.he-nav__collapse,
  .he-header--pro #edapPublicNav.he-nav__collapse.show,
  .he-header--pro #edapPublicNav.he-nav__collapse.collapsing { padding:11px !important; }
  .he-header--pro #edapPublicNav .he-nav__links > li > a { min-height:44px !important; padding:0 10px !important; font-size:12px !important; }
  .he-header--pro #edapPublicNav .he-nav__actions--guest .he-btn,
  .he-header--pro #edapPublicNav .he-nav__actions--guest .he-nav-login--button { font-size:11.5px !important; }
}

@media (max-width: 360px) {
  .he-header--pro #edapPublicNav .he-nav__links,
  .he-header--pro #edapPublicNav .he-nav__links--simple,
  .he-header--pro #edapPublicNav .he-nav__actions,
  .he-header--pro #edapPublicNav .he-nav__actions--guest,
  .he-home--rich .he-network-strip .he-network-strip__grid,
  .he-home--rich .he-shortcuts--rich .he-shortcuts__grid {
    grid-template-columns:1fr !important;
  }
  .he-home--rich .he-network-strip .he-network-strip__grid > div:last-child { grid-column:auto !important; }
}