/* Enhanced Focus States for Accessibility */
.preferences__card input:focus,
.preferences__card button:focus,
.preferences__card a:focus {
  outline: 2px solid var(--primary-color);
  outline-offset: 2px;
}

/* Custom checkboxes for better visual appearance */
.accessibility-option input[type="checkbox"],
.time-slot input[type="checkbox"],
.day-slot input[type="checkbox"],
.channel-option input[type="checkbox"],
.type-option input[type="checkbox"],
.frequency-option input[type="radio"] {
  position: relative;
  width: 18px;
  height: 18px;
  transition: all 0.2s ease;
}

/* Add high contrast focus styles for keyboard navigation */
@media (prefers-reduced-motion: reduce) {
  .preferences__card {
    animation: none !important;
    opacity: 1 !important;
  }

  .save-button:hover,
  .address-item:hover,
  .preferences__card:hover {
    transform: none !important;
  }

  .accessibility-option:focus-within,
  .time-slot:focus-within,
  .day-slot:focus-within,
  .channel-option:focus-within,
  .frequency-option:focus-within,
  .type-option:focus-within {
    background-color: rgba(74, 111, 255, 0.1);
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
  }
}
