/* ========================================
   DESKTOP FLAG FIX - SURGICAL APPROACH
   Only fixes flag emoji display on desktop
   Does NOT touch layout, spacing, or backgrounds
   Mobile view remains completely untouched
   ======================================== */

/* Desktop only (≥768px): Ensure flag emojis are visible in route selectors */
@media (min-width: 768px) {
  /* Fix USD/CAD dropdown flags */
  .route-select .flag {
    display: inline-block !important;
    font-size: 22px !important;
    line-height: 1 !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
  
  /* Fix Popular Corridors flag emojis */
  .pc-flags {
    font-size: 20px !important;
    display: inline !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
  
  .corridor-flags {
    font-size: 22px !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
}

/* Desktop (≥1024px): Larger flags for better visibility */
@media (min-width: 1024px) {
  .route-select .flag {
    font-size: 24px !important;
  }
  
  .pc-flags,
  .corridor-flags {
    font-size: 24px !important;
  }
}

/* Extra large screens (≥1200px): Premium sizing */
@media (min-width: 1200px) {
  .route-select .flag {
    font-size: 26px !important;
  }
  
  .pc-flags,
  .corridor-flags {
    font-size: 26px !important;
  }
}