/* LanguageSwitcher.css */
/* Base responsive adjustments */

/* For very small screens */
@media (max-width: 480px) {
  .language-switcher-pip {
    right: 10px !important;
    bottom: 10px !important;
    width: 95vw !important;
    max-width: 95vw !important;
  }
}

/* For tablets and medium screens */
@media (max-width: 768px) {
  .language-switcher-pip {
    max-width: 400px !important;
  }
}

/* Ensure dropdown scrolls properly on small screens */
.language-dropdown {
  scrollbar-width: thin;
  scrollbar-color: #c1c1c1 transparent;
}

.language-dropdown::-webkit-scrollbar {
  width: 6px;
}

.language-dropdown::-webkit-scrollbar-track {
  background: transparent;
}

.language-dropdown::-webkit-scrollbar-thumb {
  background-color: #c1c1c1;
  border-radius: 3px;
}

.language-dropdown::-webkit-scrollbar-thumb:hover {
  background-color: #a8a8a8;
}

/* Smooth transitions for all interactive elements */
.language-header,
.language-item,
.quick-button,
.edge-panel {
  transition: all 0.3s ease !important;
}

/* Focus styles for accessibility */
.language-item:focus,
.quick-button:focus,
.edge-panel:focus {
  outline: 2px solid #1976d2;
  outline-offset: 2px;
}

/* High contrast support */
@media (prefers-contrast: high) {
  .language-switcher-pip {
    border: 2px solid #000 !important;
  }
  
  .language-item.selected {
    background-color: #000 !important;
    color: #fff !important;
  }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
  .language-header,
  .language-item,
  .quick-button,
  .edge-panel,
  .dropdown-arrow {
    transition: none !important;
  }
}