/**
 * @file
 * Styles for the makerspace action bar.
 *
 * Uses custom button classes to avoid the theme's .btn background override.
 */

.action-bar {
  margin-bottom: 1.5rem;
}

.action-bar__row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: stretch;
}

/* Base button */
.action-bar__btn {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 3.5rem;
  padding: 0.4rem 0.85rem;
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 0.375rem;
  cursor: pointer;
  transition: background-color 0.15s, border-color 0.15s, color 0.15s;
}

.action-bar__btn:hover {
  text-decoration: none;
}

/* Button label (title) */
.action-bar__btn-label {
  font-weight: 600;
}

/* Button description (subtitle) */
.action-bar__btn-desc {
  display: block;
  font-size: 0.75rem;
  font-weight: 400;
  opacity: 0.85;
  margin-top: 0.1rem;
}

/* Primary — solid, uses site's maroon */
.action-bar__btn--primary {
  background-color: #8b1919;
  color: #fff;
  border-color: #8b1919;
}

.action-bar__btn--primary:hover {
  background-color: #6d1414;
  border-color: #6d1414;
  color: #fff;
}

.action-bar__btn--primary .action-bar__btn-desc {
  color: rgba(255, 255, 255, 0.8);
}

/* Danger/reporting action */
.action-bar__btn--danger {
  background-color: #fff4f4;
  color: #8b1919;
  border-color: #d88484;
}

.action-bar__btn--danger:hover {
  background-color: #8b1919;
  border-color: #8b1919;
  color: #fff;
}

.action-bar__btn--danger .action-bar__btn-desc {
  color: #a64646;
}

.action-bar__btn--danger:hover .action-bar__btn-desc {
  color: rgba(255, 255, 255, 0.8);
}

/* Secondary — outline, neutral */
.action-bar__btn--secondary {
  background-color: transparent;
  color: #495057;
  border-color: #adb5bd;
}

.action-bar__btn--secondary:hover {
  background-color: #495057;
  color: #fff;
}

.action-bar__btn--secondary .action-bar__btn-desc {
  color: #6c757d;
}

.action-bar__btn--secondary:hover .action-bar__btn-desc {
  color: rgba(255, 255, 255, 0.85);
}

/* Staff buttons — smaller, muted */
.action-bar__btn--staff {
  background-color: transparent;
  color: #495057;
  border-color: #adb5bd;
  padding: 0.4rem 0.85rem;
}

.action-bar__btn--staff:hover {
  background-color: #495057;
  color: #fff;
}

.action-bar__btn--staff:hover .action-bar__btn-desc {
  color: rgba(255, 255, 255, 0.85);
}

/* Open tasks extra content */
.action-bar__extra {
  display: flex;
  align-items: center;
  font-size: 0.85rem;
  color: #6c757d;
}

.action-bar__open-tasks {
  display: inline;
}

.action-bar__open-tasks a {
  font-size: 0.85rem;
}

.action-bar__open-tasks a + a::before {
  content: " \00b7  ";
  color: #6c757d;
}

/* Hide orphaned "Report Issue" anchor — replaced by action bar buttons. */
a[href="#reporting-boxes"] {
  display: none;
}