/* ===== CROSS-BROWSER COMPATIBILITY ===== */

/* Fallback pour backdrop-filter */
@supports not (backdrop-filter: blur(10px)) {
  .auth-feature {
    background: rgba(255, 255, 255, 0.2);
  }
}

/* Preference animations reduites (accessibilite) */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/* Touch devices - zones tactiles augmentees */
@media (hover: none) and (pointer: coarse) {
  .btn {
    min-height: 48px;
  }
  
  .navbar-user-btn,
  .navbar-project-btn {
    min-height: 44px;
  }
  
  .sidebar-link {
    min-height: 48px;
  }
  
  .dropdown-item {
    min-height: 44px;
  }
}

/* Safari iOS - eviter zoom au focus */
@supports (-webkit-touch-callout: none) {
  input[type="text"],
  input[type="password"],
  input[type="email"] {
    font-size: 16px;
  }
}

/* Print styles */
@media print {
  .navbar,
  .sidebar,
  .toast-container,
  button {
    display: none !important;
  }
  
  .main-content {
    margin: 0 !important;
  }
  
  * {
    background: white !important;
    color: black !important;
  }
}

/* High contrast mode */
@media (prefers-contrast: more) {
  .btn-primary {
    border: 2px solid currentColor;
  }
  
  .form-input {
    border-width: 3px;
  }
}