/*
(c) Spacehubs Africa. All rights reserved.
Licensed under the Proprietary License found in the LICENSE file
in the root directory of this source tree.
*/

/* Mobile command bar for the countries index page — single "Sections" entry
   point so entity-type navigation isn't lost when the sidebar is hidden
   below lg. Structural rules (z-index, columns, chrome) mirror the other
   per-page command-bar modifiers (database, collaboration hub, country
   detail); only column count and accent color differ here. */
.countries-index-mobile-command-bar {
  z-index: 30;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  border: 1px solid var(--border);
  background: color-mix(in srgb, var(--surface) 94%, transparent);
  box-shadow: 0 -8px 30px var(--shadow-sm);
}

.countries-index-mobile-command-bar__button {
  color: var(--text-muted);
}

.countries-index-mobile-command-bar__button[aria-expanded="true"] {
  background: var(--color-sha-indigo-bg);
  color: var(--color-sha-indigo-text);
}