/* SIMSAR_SINGLE_TITLE_V17
   Keep one page title only:
   - Internal page/section title stays visible.
   - Global dynamic topbar pageTitle/pageSub stay in DOM for App.js,
     but are visually removed to avoid duplicated headings. */

.topbar .top-title{
  display:none !important;
}

/* Search + actions become the only topbar content. */
.topbar{
  min-height:58px !important;
  grid-template-columns:minmax(320px,1fr) auto !important;
  align-items:center !important;
  gap:12px !important;
  margin-bottom:18px !important;
}

.topbar .top-search{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
}

.topbar .top-actions{
  justify-content:flex-end !important;
  flex-wrap:nowrap !important;
}

/* Content headings now become the single visual page titles. */
.page > .section-head{
  margin-top:8px !important;
}

/* Projects should start directly with its one heading and cards. */
#page-projects > .section-head{
  margin-top:6px !important;
}

/* Explore keeps its page heading/action as the single title row. */
#page-explore > .section-head{
  margin-top:6px !important;
}

/* Map's left panel title is the only visible map title. */
#page-map .map-panel{
  padding-top:18px !important;
}

@media(max-width:1200px){
  .topbar{
    grid-template-columns:minmax(260px,1fr) auto !important;
  }
}

@media(max-width:900px){
  .topbar{
    grid-template-columns:1fr auto !important;
    min-height:54px !important;
    gap:8px !important;
    margin-bottom:14px !important;
  }

  .topbar .top-actions{
    gap:6px !important;
  }

  .topbar .top-search{
    min-width:0 !important;
  }
}

@media(max-width:640px){
  .topbar{
    grid-template-columns:1fr !important;
  }

  .topbar .top-actions{
    justify-content:flex-start !important;
    overflow-x:auto !important;
    scrollbar-width:none;
  }

  .topbar .top-actions::-webkit-scrollbar{
    display:none;
  }
}