/* Fallback flag icons using CSS when image files don't exist */
.flag-icon {
    width: 20px;
    height: 15px;
    border-radius: 2px;
    display: inline-block;
    position: relative;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

/* US Flag (Red, white, blue stripes) */
.flag-icon[alt="English"]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, 
        #B22234 0%, #B22234 7.7%, 
        #FFFFFF 7.7%, #FFFFFF 15.4%, 
        #B22234 15.4%, #B22234 23.1%, 
        #FFFFFF 23.1%, #FFFFFF 30.8%, 
        #B22234 30.8%, #B22234 38.5%, 
        #FFFFFF 38.5%, #FFFFFF 46.2%, 
        #B22234 46.2%, #B22234 53.9%, 
        #FFFFFF 53.9%, #FFFFFF 61.6%, 
        #B22234 61.6%, #B22234 69.3%, 
        #FFFFFF 69.3%, #FFFFFF 77%, 
        #B22234 77%, #B22234 84.7%, 
        #FFFFFF 84.7%, #FFFFFF 92.4%, 
        #B22234 92.4%, #B22234 100%);
}

.flag-icon[alt="English"]::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 40%;
    height: 53.8%;
    background: #3C3B6E;
}

/* Malaysia Flag (Red and white stripes with blue canton) */
.flag-icon[alt="Bahasa Melayu"]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, 
        #CC0001 0%, #CC0001 7.1%, 
        #FFFFFF 7.1%, #FFFFFF 14.3%, 
        #CC0001 14.3%, #CC0001 21.4%, 
        #FFFFFF 21.4%, #FFFFFF 28.6%, 
        #CC0001 28.6%, #CC0001 35.7%, 
        #FFFFFF 35.7%, #FFFFFF 42.9%, 
        #CC0001 42.9%, #CC0001 50%, 
        #FFFFFF 50%, #FFFFFF 57.1%, 
        #CC0001 57.1%, #CC0001 64.3%, 
        #FFFFFF 64.3%, #FFFFFF 71.4%, 
        #CC0001 71.4%, #CC0001 78.6%, 
        #FFFFFF 78.6%, #FFFFFF 85.7%, 
        #CC0001 85.7%, #CC0001 92.9%, 
        #FFFFFF 92.9%, #FFFFFF 100%);
}

.flag-icon[alt="Bahasa Melayu"]::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 40%;
    height: 50%;
    background: #010066;
    border-radius: 0 0 2px 0;
}