/**
 * Banderas SVG para selector de país
 * Vectores inline - Sin archivos externos
 */

/* Bandera de Perú */
.bwi-flag-peru {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 600"><rect fill="%23D91023" width="300" height="600"/><rect fill="%23fff" x="300" width="300" height="600"/><rect fill="%23D91023" x="600" width="300" height="600"/></svg>');
}

/* Bandera de Colombia */
.bwi-flag-colombia {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 600"><rect fill="%23FCD116" width="900" height="300"/><rect fill="%23003893" y="300" width="900" height="150"/><rect fill="%23CE1126" y="450" width="900" height="150"/></svg>');
}

/* Bandera de Ecuador */
.bwi-flag-ecuador {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 600"><rect fill="%23FFDD00" width="900" height="300"/><rect fill="%230072CE" y="300" width="900" height="150"/><rect fill="%23CE1126" y="450" width="900" height="150"/></svg>');
}

/* Bandera de Bolivia */
.bwi-flag-bolivia {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 600"><rect fill="%23D52B1E" width="900" height="200"/><rect fill="%23F9E300" y="200" width="900" height="200"/><rect fill="%23007A3D" y="400" width="900" height="200"/></svg>');
}

/* Estilos comunes para banderas */
.bwi-flag {
    display: inline-block !important;
    width: 24px;
    height: 16px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 2px;
    vertical-align: middle;
    box-shadow: 0 1px 2px rgba(0,0,0,0.15);
    flex-shrink: 0;
}

/* Bandera más grande para preview */
.bwi-flag-large {
    width: 32px;
    height: 21px;
}

/* Estilos para el selector con bandera */
.bwi-country-select-wrapper {
    position: relative;
}

.bwi-country-select-flag {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    z-index: 1;
}

.bwi-select-with-flag {
    padding-left: 50px !important;
}