/**
 * uva-tabs.css
 * Primary / secondary local task tabs (see templates/navigation/menu-local-task*.html.twig),
 * styled to match the Gin admin theme's tab bars.
 */

.uva-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: var(--uva-space-xs);
  margin: 0 0 var(--uva-space-xs);
  padding: 0;
  list-style: none;
}

.uva-tabs__tab>a {
  display: inline-flex;
  align-items: center;
  min-height: 2rem;
  padding: var(--uva-space-xs) var(--uva-space-md);
  color: var(--uva-text-secondary);
  font-size: var(--uva-text-sm);
  font-weight: var(--uva-font-medium);
  text-decoration: none;
  transition: background-color var(--uva-transition-fast), color var(--uva-transition-fast);
}

.uva-tabs__tab>a:hover,
.uva-tabs__tab>a:focus {
  background-color: var(--uva-off-white);
  color: var(--uva-blue);
}

/* Primary tabs — rounded pill active state, as in Gin's `.tabs--primary`. */
.uva-tabs--primary .uva-tabs__tab>a {
  border-radius: var(--uva-radius-full);
}

.uva-tabs--primary .uva-tabs__tab.is-active>a {
  background-color: var(--uva-blue-light);
  color: var(--uva-blue);
  font-weight: var(--uva-font-bold);
}

/* Secondary tabs — top-rounded with a bottom accent border, as in Gin's `.tabs--secondary`. */
.uva-tabs--secondary {
  margin-block-start: var(--uva-space-sm);
}

.uva-tabs--secondary .uva-tabs__tab>a {
  border-radius: var(--uva-radius-md) var(--uva-radius-md) 0 0;
}

.uva-tabs--secondary .uva-tabs__tab.is-active>a {
  color: var(--uva-blue);
  font-weight: var(--uva-font-bold);
  box-shadow: inset 0 -3px 0 0 var(--uva-orange);
}