// Global Customizations - SDGA Custom Enhancements
// ============================================
// GLOBAL FOCUS STYLING
// ============================================

// Global button focus styling - applies to all button variants
*:focus-visible {
  outline-offset: 2px !important;
  outline: 2px solid $black !important;
}

::selection {
  background: $primary;
  color: $white;
}

.on-primary {
  background-color: $primary-900;
  color: $white;

  --#{$prefix}body-bg: #{$primary-900};
  --#{$prefix}body-color: #{$white};
  --#{$prefix}text-muted: #{rgba($white, 0.8)};
  --#{$prefix}border-color: #{rgba($white, 0.3)};

  *:focus-visible,
  *:focus {
    outline-color: $white !important;
  }

  ::selection {
    background: $primary;
    color: $white;
  }
}

.list-unstyled {
  padding-left: unset;
  padding-inline-start: 0;
}



// ============================================
// SAFARI COMPATIBILITY
// ============================================

// Fix Safari compatibility for text-align in table headers
th {
  text-align: match-parent;
}

// Fix text-size-adjust for modern browsers
html {
  text-size-adjust: 100%;
}