/* Media Queries for Responsive Design with Best Performance */

/* Mobile-first approach using min-width for better performance */

/* Extra small devices (phones, < 576px) - No media query, base styles */

/* Small devices (phones, 576px and up) */
@media (min-width: 576px) {
  /* Add styles for small devices */
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  /* Add styles for tablets */
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  /* Logo image desktop size */
  .logo-img {
    width: 150px;
    height: 50px;
  }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  /* Add styles for large desktops */
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1280px;
  }
}

/* Very large screens (1440px and up) */
@media (min-width: 1440px) {
  /* Add styles for very large screens */
}

/* Ultra-wide screens (1920px and up) */
@media (min-width: 1920px) {
  /* Add styles for ultra-wide screens */
}

/* Print media query */
@media print {
  /* Styles for printing - hide unnecessary elements, adjust colors */
  body {
    font-size: 12pt;
    line-height: 1.4;
  }
  /* Hide navigation, ads, etc. */
  nav, .ads, .sidebar {
    display: none !important;
  }
}

/* Orientation-based media queries */
@media (orientation: landscape) {
  /* Styles for landscape orientation */
}

@media (orientation: portrait) {
  /* Styles for portrait orientation */
}

/* High-resolution displays (retina) */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  /* High-DPI styles */
}

/* Dark mode preference */
@media (prefers-color-scheme: dark) {
  /* Dark mode styles */
}

@media (prefers-color-scheme: light) {
  /* Light mode styles */
}

/* Reduced motion preference for accessibility */
@media (prefers-reduced-motion: reduce) {
  /* Disable animations and transitions */
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/* High contrast mode */
@media (prefers-contrast: high) {
  /* High contrast styles */
}

/* Color scheme preferences */
@media (prefers-color-scheme: no-preference) {
  /* Default styles when no preference */
}