/*
 * Flag Icons CSS
 * SVG-based flag icons for language selection
 * Compatible with all browsers using data URI format
 */

/* Base flag icon styles */
.flag-icon {
    display: inline-block;
    width: 20px;
    height: 14px;
    margin-right: 8px;
    vertical-align: middle;
    border-radius: 2px;
    border: 1px solid rgba(0,0,0,0.1);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Global/All Languages - Text "All" */
.flag-global {
    background: #6c757d;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Oswald', sans-serif;
    font-size: 9px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border: 1px solid rgba(0,0,0,0.2);
}

.flag-global::before {
    content: "ALL";
}

/* USA Flag for English */
.flag-us {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 30'%3E%3Cpath fill='%23B22234' d='M0 0h60v30H0z'/%3E%3Cpath stroke='%23fff' stroke-width='2.3' d='M0 3.85h60M0 7.7h60M0 11.55h60M0 15.4h60M0 19.25h60M0 23.1h60M0 26.95h60'/%3E%3Cpath fill='%233C3B6E' d='M0 0h24v15.4H0z'/%3E%3C/svg%3E");
}

/* Mexico Flag for Spanish */
.flag-mx {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 40'%3E%3Cpath fill='%23006847' d='M0 0h20v40H0z'/%3E%3Cpath fill='%23fff' d='M20 0h20v40H20z'/%3E%3Cpath fill='%23ce1126' d='M40 0h20v40H40z'/%3E%3C/svg%3E");
}

/* Brazil Flag for Portuguese */
.flag-br {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 42'%3E%3Cpath fill='%23009639' d='M0 0h60v42H0z'/%3E%3Cpath fill='%23fedf00' d='M30 7L52.5 21 30 35 7.5 21z'/%3E%3Ccircle cx='30' cy='21' r='7' fill='%23002776'/%3E%3C/svg%3E");
}

/* France Flag */
.flag-fr {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 40'%3E%3Cpath fill='%23002395' d='M0 0h20v40H0z'/%3E%3Cpath fill='%23fff' d='M20 0h20v40H20z'/%3E%3Cpath fill='%23ed2939' d='M40 0h20v40H40z'/%3E%3C/svg%3E");
}

/* Germany Flag */
.flag-de {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 36'%3E%3Cpath fill='%23000' d='M0 0h60v12H0z'/%3E%3Cpath fill='%23dd0000' d='M0 12h60v12H0z'/%3E%3Cpath fill='%23ffce00' d='M0 24h60v12H0z'/%3E%3C/svg%3E");
}

/* Italy Flag */
.flag-it {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 40'%3E%3Cpath fill='%23009246' d='M0 0h20v40H0z'/%3E%3Cpath fill='%23fff' d='M20 0h20v40H20z'/%3E%3Cpath fill='%23ce2b37' d='M40 0h20v40H40z'/%3E%3C/svg%3E");
}

/* Japan Flag */
.flag-jp {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 40'%3E%3Cpath fill='%23fff' d='M0 0h60v40H0z'/%3E%3Ccircle cx='30' cy='20' r='12' fill='%23bc002d'/%3E%3C/svg%3E");
}

/* South Korea Flag */
.flag-kr {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 40'%3E%3Cpath fill='%23fff' d='M0 0h60v40H0z'/%3E%3Cg transform='translate(30,20)'%3E%3Ccircle r='7' fill='%23003478'/%3E%3Cpath d='M0,-7 A7,7 0 0,1 0,7 A3.5,3.5 0 0,0 0,-7 Z' fill='%23cd212a'/%3E%3Ccircle cy='-3.5' r='3.5' fill='%23cd212a'/%3E%3Ccircle cy='3.5' r='3.5' fill='%23003478'/%3E%3C/g%3E%3Cg stroke='%23000' stroke-width='1' fill='%23000'%3E%3Cpath d='M12,8 L18,8 M12,10 L18,10 M12,12 L15,12'/%3E%3Cpath d='M42,8 L48,8 M45,10 L48,10 M42,12 L48,12'/%3E%3Cpath d='M12,28 L18,28 M15,30 L18,30 M12,32 L18,32'/%3E%3Cpath d='M42,28 L48,28 M42,30 L48,30 M45,32 L48,32'/%3E%3C/g%3E%3C/svg%3E");
}

/* China Flag */
.flag-cn {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 40'%3E%3Cpath fill='%23de2910' d='M0 0h60v40H0z'/%3E%3Cpolygon fill='%23ffde00' points='12,8 14.4,14.4 21,12 16.8,16.8 18,24 12,20 6,24 7.2,16.8 3,12 9.6,14.4'/%3E%3C/svg%3E");
}

/* Russia Flag */
.flag-ru {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 40'%3E%3Cpath fill='%23fff' d='M0 0h60v13.33H0z'/%3E%3Cpath fill='%230039a6' d='M0 13.33h60v13.34H0z'/%3E%3Cpath fill='%23d52b1e' d='M0 26.67h60v13.33H0z'/%3E%3C/svg%3E");
}