/* Flag CSS Fallbacks */
.flag-icon[src*="tr.png"], 
.flag-icon-mobile[src*="tr.png"] {
    background: linear-gradient(180deg, #e30a17 0%, #e30a17 100%);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 21'%3E%3Crect width='32' height='21' fill='%23e30a17'/%3E%3Ccircle cx='12' cy='10.5' r='5' fill='white'/%3E%3Ccircle cx='13' cy='10.5' r='4' fill='%23e30a17'/%3E%3Cpolygon points='18,7 19.5,9 22,8.5 20.5,11 22,13.5 19.5,13 18,15 17,12 14.5,12.5 16,10.5 14.5,8.5 17,9' fill='white'/%3E%3C/svg%3E");
}

.flag-icon[src*="en.png"], 
.flag-icon-mobile[src*="en.png"] {
    background: linear-gradient(180deg, #012169 0%, #012169 25%, #ffffff 25%, #ffffff 75%, #c8102e 75%, #c8102e 100%);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 21'%3E%3Crect width='32' height='21' fill='%23012169'/%3E%3Cpath d='M0,0 L32,21 M32,0 L0,21' stroke='white' stroke-width='2'/%3E%3Cpath d='M0,0 L32,21 M32,0 L0,21' stroke='%23c8102e' stroke-width='1'/%3E%3Crect x='14' y='0' width='4' height='21' fill='white'/%3E%3Crect x='0' y='8.5' width='32' height='4' fill='white'/%3E%3Crect x='15' y='0' width='2' height='21' fill='%23c8102e'/%3E%3Crect x='0' y='9.5' width='32' height='2' fill='%23c8102e'/%3E%3C/svg%3E");
}

.flag-icon[src*="de.png"], 
.flag-icon-mobile[src*="de.png"] {
    background: linear-gradient(180deg, #000000 0%, #000000 33.33%, #dd0000 33.33%, #dd0000 66.66%, #ffce00 66.66%, #ffce00 100%);
}

.flag-icon[src*="fr.png"], 
.flag-icon-mobile[src*="fr.png"] {
    background: linear-gradient(90deg, #0055a4 0%, #0055a4 33.33%, #ffffff 33.33%, #ffffff 66.66%, #ef4135 66.66%, #ef4135 100%);
}

.flag-icon[src*="es.png"], 
.flag-icon-mobile[src*="es.png"] {
    background: linear-gradient(180deg, #aa151b 0%, #aa151b 25%, #f1bf00 25%, #f1bf00 75%, #aa151b 75%, #aa151b 100%);
}

.flag-icon[src*="ru.png"], 
.flag-icon-mobile[src*="ru.png"] {
    background: linear-gradient(180deg, #ffffff 0%, #ffffff 33.33%, #0039a6 33.33%, #0039a6 66.66%, #d52b1e 66.66%, #d52b1e 100%);
}

.flag-icon[src*="ar.png"], 
.flag-icon-mobile[src*="ar.png"] {
    background: linear-gradient(180deg, #000000 0%, #000000 25%, #ffffff 25%, #ffffff 50%, #ce1126 50%, #ce1126 75%, #007a3d 75%, #007a3d 100%);
}

.flag-icon[src*="it.png"], 
.flag-icon-mobile[src*="it.png"] {
    background: linear-gradient(90deg, #009246 0%, #009246 33.33%, #ffffff 33.33%, #ffffff 66.66%, #ce2b37 66.66%, #ce2b37 100%);
}

/* Fallback when image fails to load */
.flag-icon[onerror], 
.flag-icon-mobile[onerror] {
    display: inline-block !important;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}