/**
 * @file
 * Shared tool page rules (biopama_libraries/tool-page): WEFE, eStation,
 * Nature Africa, Conservation Tracking. Palette: the theme skin
 * (akp/css/ct_override.css). Only what Bootstrap has no utility for.
 */

/* Drupal.Message wrapper (core/drupal.message): floats over the map. */
.messages__wrapper {
  position: fixed;
  top: 50%;
  z-index: 1000;
  left: 40%;
  width: 20%;
}

/* Chosen country selector inside the map control (createMap.js). */
.chosen-container.chosen-with-drop .chosen-drop {
  position: unset;
}

/* Loader host in the query popups (mapLayerQuery.js). */
.popup-loader {
  position: relative;
}

/* Floating layer stack on the pages that drag it as a whole (Nature Africa
   nests its stack inside its own panel and does not carry the attribute).
   Geometry and tint from the former biopama_conservation_tracking
   indicator_card.css rule and the theme's ct_override.css tint. */
#block-indicatorcard[data-biopama-panel-drag] {
  position: absolute;
  right: 3em;
  top: 1rem;
  max-height: 70%;
  overflow-y: auto;
  overflow-x: hidden;
  background: #43494d75;
}

/* Expand-map button (biopama_conservation_tracking/js/ct_map.js adds it and
   toggles .collapse-column on the sidebar column). The id + class selector
   outranks the .col / .col-lg-* utilities; overflow: hidden clips the
   sidebar header while collapsed. Moved here from the theme's ct_override.css
   so every map page shares one rule set. */
#menu-container {
  transition: all .5s ease-out;
}

#menu-container.collapse-column {
  flex-grow: 0;
  width: 0;
  overflow: hidden;
}

button.btn.btn-expand-map {
  transition: transform 1s;
}

button.btn.btn-expand-map.collapseActivated {
  transform: rotate(180deg);
}

.mapboxgl-ctrl.mapbox-expand-map {
  bottom: 100px;
  position: relative;
  background: #43494d;
  left: -10px;
}

.mapboxgl-ctrl.mapbox-expand-map button i {
  color: var(--bs-white);
}