/* Overlay hierarchy: base map controls are only interactive when no foreground surface is active. */
.map-controls,.map-locate-button{transition:opacity .16s ease,transform .16s ease,filter .16s ease}
@media(max-width:899px){
  .map-app.controls-obscured:has(.course-sheet.is-collapsed) .map-controls,
  .map-app.controls-obscured:has(.course-sheet.is-collapsed) .map-locate-button{
    opacity:1;
    transform:none;
    filter:none;
    pointer-events:auto!important;
  }
}
.map-app:has(.map-topbar.is-searching) .map-controls,
.map-app:has(.map-topbar.is-searching) .map-locate-button,
.map-app:has(#map-search-results:not([hidden])) .map-controls,
.map-app:has(#map-search-results:not([hidden])) .map-locate-button,
.map-app:has(#map-building-card:not([hidden])) .map-controls,
.map-app:has(#map-building-card:not([hidden])) .map-locate-button,
.map-app:has(#map-place-card:not([hidden])) .map-controls,
.map-app:has(#map-place-card:not([hidden])) .map-locate-button,
.map-app:has(#course-detail-sheet:not([hidden])) .map-controls,
.map-app:has(#course-detail-sheet:not([hidden])) .map-locate-button,
.map-app:has(#map-course-detail-dialog[open]) .map-controls,
.map-app:has(#map-course-detail-dialog[open]) .map-locate-button{
  opacity:.22;
  filter:saturate(.55);
  pointer-events:none!important;
}
.map-app:has(#map-search-results:not([hidden])) .map-topbar{z-index:1150}
.map-search-results{z-index:1120!important}
.map-building-card{z-index:760}
.map-place-card{z-index:780}

@media(max-width:899px){
  .course-detail-sheet.is-collapsed{height:96px!important;min-height:96px}
  .course-detail-sheet.is-collapsed .course-detail-body{overflow:hidden;padding-bottom:0}
  .course-detail-sheet.is-collapsed .course-detail-body h2{margin-top:2px;margin-bottom:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .course-detail-sheet.is-collapsed .course-detail-body dl,
  .course-detail-sheet.is-collapsed .course-detail-body .map-detail-note{display:none}
  .course-detail-sheet.is-collapsed .detail-drag-handle span{width:50px;background:#95a2ae}
  .map-place-card{z-index:10000}
}
@media(prefers-reduced-motion:reduce){.map-controls,.map-locate-button{transition:none!important}}
