/**
 *
 * Alternador de regiao (Brasil / Mato Grosso / Mato Grosso do Sul).
 * handler: pp-region-switch
 * deps: pp-layout
 * version: 1.0.0
 *
 * @package theme-headers
 *
 */

.region-switch {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--space-2);
  min-width: 0;
}

.region-switch__item {
  display: inline-flex;
  min-height: 24px;
  align-items: center;
  border-radius: var(--radius-sm);
  padding: 0 var(--space-3);
  background: var(--color-surface-muted);
  color: var(--color-text-muted);
  font-size: var(--text-md);
  font-weight: 500;
}

.region-switch__item--active {
  background: linear-gradient(
    90deg,
    var(--color-gradient-start),
    var(--color-gradient-end)
  );
  color: var(--color-white);
}

.region-switch__label-full {
  display: none;
}

@media (min-width: 768px) {
  .region-switch {
    justify-content: flex-start;
    margin-left: auto;
  }

  .region-switch__item {
    min-height: 32px;
    padding: var(--space-2) var(--space-4);
    font-size: var(--text-sm);
  }

  .region-switch__item--active {
    background: var(--color-text-strong);
  }

  .region-switch__label-full {
    display: inline;
  }

  .region-switch__label-short {
    display: none;
  }
}