/* V210 - Mobile header/topbar polish */
@media(max-width:767px){
  /* Top green utility bar */
  body:not(.admin-layout) .v117-topbar{
    height:auto!important;
    min-height:42px!important;
    padding:0!important;
    background:linear-gradient(90deg,#08763f 0%,#0a8246 100%)!important;
    box-shadow:0 1px 0 rgba(255,255,255,.12) inset!important;
  }

  body:not(.admin-layout) .v117-topbar-inner{
    width:100%!important;
    max-width:none!important;
    min-height:42px!important;
    padding:6px 12px!important;
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:10px!important;
  }

  body:not(.admin-layout) .v117-topbar-left{
    min-width:0!important;
    gap:6px!important;
    font-size:9.5px!important;
    font-weight:800!important;
    line-height:1.2!important;
    letter-spacing:.1px!important;
    text-transform:uppercase!important;
  }

  body:not(.admin-layout) .v117-topbar-left .v117-dot{
    flex:0 0 7px!important;
    width:7px!important;
    height:7px!important;
    box-shadow:none!important;
  }

  body:not(.admin-layout) .v117-topbar-right{
    min-width:0!important;
    gap:0!important;
    font-size:9.5px!important;
    font-weight:800!important;
    line-height:1.15!important;
  }

  body:not(.admin-layout) .v117-topbar-right span{
    display:none!important;
  }

  body:not(.admin-layout) .v117-topbar-right a{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:5px!important;
    white-space:nowrap!important;
    color:#fff!important;
    text-decoration:none!important;
  }

  body:not(.admin-layout) .v117-topbar-right svg{
    width:13px!important;
    height:13px!important;
    flex:0 0 13px!important;
  }

  /* White logo/menu row */
  body:not(.admin-layout) .v117-header{
    background:#fff!important;
    box-shadow:0 1px 8px rgba(13,69,42,.08)!important;
  }

  body:not(.admin-layout) .v117-mainrow{
    width:100%!important;
    max-width:none!important;
    min-height:68px!important;
    height:68px!important;
    padding:0 12px!important;
    margin:0!important;
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:auto 1fr auto!important;
    align-items:center!important;
    gap:10px!important;
  }

  body:not(.admin-layout) .v117-logo{
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
  }

  body:not(.admin-layout) .v117-logo img{
    width:104px!important;
    max-width:104px!important;
    height:auto!important;
    max-height:48px!important;
    object-fit:contain!important;
    object-position:left center!important;
  }

  /* Search button becomes a compact round action */
  body:not(.admin-layout) .v117-search{
    justify-self:end!important;
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    flex:0 0 42px!important;
    border:0!important;
    border-radius:50%!important;
    background:#f0f8f4!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }

  body:not(.admin-layout) .v117-search input{
    display:none!important;
  }

  body:not(.admin-layout) .v117-search button{
    width:42px!important;
    height:42px!important;
    flex:0 0 42px!important;
    border:0!important;
    border-radius:50%!important;
    background:#eef8f2!important;
    color:#087a42!important;
    display:grid!important;
    place-items:center!important;
  }

  body:not(.admin-layout) .v117-search button svg{
    width:20px!important;
    height:20px!important;
    stroke-width:2!important;
  }

  /* Menu button: cleaner, larger touch target */
  body:not(.admin-layout) .v117-mobile-menu{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:44px!important;
    height:44px!important;
    flex:0 0 44px!important;
    border:0!important;
    border-radius:11px!important;
    background:linear-gradient(180deg,#0a8248,#08733f)!important;
    color:#fff!important;
    box-shadow:0 4px 10px rgba(8,119,64,.18)!important;
  }

  body:not(.admin-layout) .v117-mobile-menu svg{
    width:23px!important;
    height:23px!important;
    stroke-width:2.2!important;
  }

  /* Keep desktop tool icons hidden in the compact mobile row */
  body:not(.admin-layout) .v117-tools{
    display:none!important;
  }

  /* Mobile menu starts directly under the compact header */
  body:not(.admin-layout) .v117-nav{
    top:110px!important;
  }

  /* Hero starts flush under header */
  body:not(.admin-layout) .v117-home>.v117-hero{
    margin-top:0!important;
  }
}

@media(max-width:390px){
  body:not(.admin-layout) .v117-topbar-inner{
    padding-left:9px!important;
    padding-right:9px!important;
    gap:7px!important;
  }

  body:not(.admin-layout) .v117-topbar-left,
  body:not(.admin-layout) .v117-topbar-right{
    font-size:8.8px!important;
  }

  body:not(.admin-layout) .v117-mainrow{
    padding-left:10px!important;
    padding-right:10px!important;
    gap:8px!important;
  }

  body:not(.admin-layout) .v117-logo img{
    width:96px!important;
    max-width:96px!important;
  }
}