/**
 * Flag Icons
 * Using country-flag-icons package for language switcher
 */
.flag-icon {
    display: inline-block;
    width: 1.5rem;
    height: 1.125rem;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 2px;
    flex-shrink: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.flag-icon-US {
    background-image: url('../../node_modules/country-flag-icons/3x2/US.svg');
}

.flag-icon-ID {
    background-image: url('../../node_modules/country-flag-icons/3x2/ID.svg');
}

/* Responsive adjustments */
@media (max-width: 640px) {
    .flag-icon {
        width: 1.25rem;
        height: 0.9375rem;
    }
}