/* V9.9.4.1 — Mobile compact navigation + chatbot controls
   Goal: keep functions reachable without pushing the chatbot below the fold. */

@media (max-width: 760px){

  /* Header: compact but keep identity visible */
  .home-header-v343{
    min-height:0 !important;
  }
  .home-head-inner-v343{
    display:grid !important;
    grid-template-columns:auto 1fr !important;
    align-items:center !important;
    gap:9px !important;
    padding:8px 10px !important;
  }
  .home-brand-v343{
    display:flex !important;
    align-items:center !important;
    gap:7px !important;
    min-width:0 !important;
  }
  .home-logo-v343{
    width:38px !important;
    height:38px !important;
    object-fit:contain !important;
    flex:0 0 38px !important;
  }
  .home-unit-v343{
    font-size:11px !important;
    line-height:1.2 !important;
    white-space:nowrap !important;
  }
  .home-title-v343{
    min-width:0 !important;
    text-align:right !important;
  }
  .home-title-v343 h1{
    font-size:12px !important;
    line-height:1.25 !important;
    margin:0 !important;
  }
  .home-title-v343 p{
    display:none !important;
  }
  .home-badge-v343{
    display:none !important;
  }

  /* Main public navigation: ONE horizontal scroll row, never vertical stack */
  .home-nav-v343{
    position:relative !important;
    min-height:0 !important;
  }
  .home-nav-v343 .wrap{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:6px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    scrollbar-width:none !important;
    padding:7px 10px !important;
    scroll-snap-type:x proximity !important;
  }
  .home-nav-v343 .wrap::-webkit-scrollbar{
    display:none !important;
  }
  .home-nav-v343 a{
    flex:0 0 auto !important;
    display:inline-flex !important;
    align-items:center !important;
    min-height:34px !important;
    width:auto !important;
    margin:0 !important;
    padding:7px 10px !important;
    border-radius:999px !important;
    font-size:13px !important;
    line-height:1 !important;
    white-space:nowrap !important;
    scroll-snap-align:start !important;
  }
  .home-nav-v343 .nav-login{
    margin-left:0 !important;
  }

  /* Bring chatbot much closer to top of viewport */
  .page-content{
    padding-top:10px !important;
  }
  .ai-first-home{
    margin-top:0 !important;
  }
  .ai-first-head{
    padding:10px 10px 7px !important;
  }
  .ai-first-head h2{
    margin:3px 0 5px !important;
    font-size:25px !important;
    line-height:1.15 !important;
  }
  .ai-first-head p{
    font-size:14px !important;
    line-height:1.45 !important;
    margin:0 !important;
  }

  /* Compact the post-composer function bar into one horizontal row.
     History JS appends .home-ai-history-tools into this container. */
  .home-ai-actions-v960{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    align-items:stretch !important;
    gap:7px !important;
    margin-top:7px !important;
  }
  .home-ai-actions-v960 > span{
    grid-column:1 / -1 !important;
    order:3 !important;
    font-size:11px !important;
    text-align:center !important;
    margin-top:0 !important;
  }
  #homeAiClear,
  .home-ai-history-tools{
    width:100% !important;
    margin:0 !important;
  }
  #homeAiClear,
  .home-ai-history-btn{
    width:100% !important;
    min-height:40px !important;
    padding:8px 9px !important;
    border-radius:9px !important;
    font-size:13px !important;
    justify-content:center !important;
    box-sizing:border-box !important;
  }

  /* Keep legal/security notes compact on mobile */
  .ai-first-note{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:5px 9px !important;
    margin-top:8px !important;
    font-size:10.5px !important;
    line-height:1.3 !important;
  }

  /* Composer + chat should get the visual priority */
  .home-ai-live-v960{
    padding:8px !important;
  }
  .home-ai-composer-v960{
    margin-top:8px !important;
  }

  /* Prevent Safari bottom chrome from covering floating history panel */
  .home-ai-history-panel{
    bottom:max(12px, env(safe-area-inset-bottom)) !important;
    max-height:72dvh !important;
  }

  /* Secondary homepage content starts with a little breathing room */
  .home-secondary-grid{
    margin-top:12px !important;
  }
}

@media (max-width: 390px){
  .home-title-v343 h1{
    font-size:11px !important;
  }
  .home-nav-v343 a{
    font-size:12px !important;
    padding:7px 9px !important;
  }
  .ai-first-head h2{
    font-size:23px !important;
  }
  #homeAiClear,
  .home-ai-history-btn{
    font-size:12px !important;
  }
}