/**
 * auDHD South Africa - Sensory Controls Stylesheet
 */

.sensory-toolbar-container {
  border-bottom: 1px solid var(--wp--preset--color--mist, #D9DCE1);
  background-color: var(--wp--preset--color--sand, #F7F2E8);
  position: relative;
  z-index: 100;
}

.sensory-toolbar-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0.5rem 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.sensory-zoom-group {
  display: inline-flex;
  align-items: center;
  background: var(--wp--preset--color--mist, #D9DCE1);
  border-radius: 999px;
  padding: 2px 4px;
}

.sensory-zoom-btn {
  border: none;
  background: transparent;
  color: var(--wp--preset--color--ink, #1F2A44);
  font-family: var(--wp--preset--font-family--lexend, sans-serif);
  font-weight: 600;
  font-size: 0.8125rem;
  padding: 2px 10px;
  min-height: 28px;
  border-radius: 999px;
  cursor: pointer;
  transition: all 0.15s ease;
}

.sensory-zoom-btn:hover {
  background: rgba(255, 255, 255, 0.6);
}

.sensory-zoom-btn.active-scale,
.sensory-zoom-btn[aria-pressed="true"] {
  background: var(--wp--preset--color--surface, #FFFFFF);
  color: var(--wp--preset--color--ink, #1F2A44);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.sensory-action-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  border: 1px solid var(--wp--preset--color--mist, #D9DCE1);
  background: var(--wp--preset--color--surface, #FFFFFF);
  color: var(--wp--preset--color--ink, #1F2A44);
  padding: 0.25rem 0.875rem;
  min-height: 36px;
  border-radius: 999px;
  font-size: 0.8125rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}

.sensory-action-btn:hover {
  border-color: var(--wp--preset--color--au-gold, #E0A526);
  background: var(--wp--preset--color--gold-tint, #FFF8E6);
}

.sensory-action-btn[aria-pressed="true"] {
  background: var(--wp--preset--color--ink, #1F2A44);
  color: var(--wp--preset--color--sand, #F7F2E8);
  border-color: var(--wp--preset--color--ink, #1F2A44);
}

/* Sensory Calm Mode adjustments */
body.sensory-calm-active * {
  animation: none !important;
  transition: none !important;
}

body.sensory-calm-active img {
  filter: saturate(70%);
}

/* Sensory Focus Mode: Dim down peripheral noise */
body.sensory-focus-active .decorative-visual,
body.sensory-focus-active .trust-bar-secondary,
body.sensory-focus-active .non-essential-scrim {
  opacity: 0.2;
  filter: grayscale(70%);
  pointer-events: none;
}