/*
 * UnitCommitment.jl: Optimization Package for Security-Constrained Unit Commitment
 * Copyright (C) 2020-2025, UChicago Argonne, LLC. All rights reserved.
 * Released under the modified BSD license. See COPYING.md for more details.
 */

.SiteHeaderButton {
  padding: 6px 16px;
  margin: 0 0 0 0;
  line-height: 24px;
  border: var(--box-border);
  box-shadow: var(--box-shadow);
  border-radius: 0;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
}

.SiteHeaderButton:not(:last-child) {
  border-right: none;
}

.SiteHeaderButton:first-child {
  border-radius: var(--border-radius) 0 0 var(--border-radius);
}

.SiteHeaderButton:last-child {
  border-radius: 0 var(--border-radius) var(--border-radius) 0;
}

.SiteHeaderButton:only-child {
  border-radius: var(--border-radius);
  border-right: var(--box-border);
}

.light {
  color: var(--contrast-80);
  background-color: var(--contrast-0)
}

.light:hover {
  background: rgb(245, 245, 245);
}

.light:active {
  background: rgba(220, 220, 220);
}

.primary {
  color: white;
  border-color: color-mix(in hsl, #000, var(--primary) 90%);
  background-color: var(--primary);
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}

.primary:hover {
  background: color-mix(in hsl, #000, var(--primary) 95%);
}

.primary:active {
  background: color-mix(in hsl, #000, var(--primary) 90%);
}

.disabled {
  color: var(--contrast-20);
  cursor: not-allowed;
  pointer-events: none;
}