/* 
 * Flag Size Adjustments
 * Add to existing CSS for smaller flag images
 */

/* Index page - Economy cards flag size */
.economy-flag {
  height: 90px; /* Reduced from 120px or 130px */
}

/* Profile page - Economy header flag size */
.economy-flag-large {
  width: 60px; /* Reduced from 75px */
  height: 40px; /* Reduced from 50px */
}

/* Make sure flags maintain proper aspect ratio */
.economy-flag img,
.economy-flag-large img {
  object-fit: contain; /* Changed from cover to maintain aspect ratio */
  background-color: var(--neutral-100);
}

/* Add a subtle border to flags for better definition */
.economy-flag img,
.economy-flag-large img {
  border: 1px solid var(--neutral-200);
}