/* Shared phone picker styles (register + modals) */

/* Estilos para Select2 con banderas */
.rf-flag-opt{ display:inline-flex; align-items:center; gap:8px; }
.rf-flag-img{ width:16px; height:12px; border-radius:2px; flex:0 0 auto; }
.rf-flag-text{ line-height:1; }

/* Layout: selector compacto + input flexible, en un solo control */
.rf-phone-group{ flex-wrap: nowrap; width:100%; }
.rf-phone-group .rf-phone-country{ flex: 0 0 110px; width: 110px; max-width: 110px; }
.rf-phone-group .rf-phone-national{ flex: 1 1 auto; min-width: 0; }

/* Unir bordes (select nativo) */
.rf-phone-group .rf-phone-country{
    height: 44px;
    border: 1px solid #ddd;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0;
    background-color: #fff;
}
.rf-phone-group .rf-phone-national{
    height: 44px;
    border: 1px solid #ddd;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    border-left: 0;
}

/* Select2: ocupar el mismo espacio del prefijo */
.rf-phone-group .select2-container{ width: 110px !important; flex: 0 0 110px; max-width:110px; }

.rf-phone-group .select2-container--default .select2-selection--single{
    height: 44px !important;
    border: 1px solid #ddd !important;
    border-radius: 12px !important;
    display:flex;
    align-items:center;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-right: 0 !important;
    background-color: #fff;
}
.rf-phone-group .select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 44px;
    padding-left: .75rem;
    padding-right: 1.75rem;
}
.rf-phone-group .select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 100%;
    right: .5rem;
}

/* Pegar visualmente el input al selector (Select2) */
.rf-phone-group.select2-on .rf-phone-national{ border-left: 0; }