/**
 * Country code + local mobile: keeps the country select visible and aligned
 * (Bootstrap 4/5 + AdminLTE often set .form-control { width:100% }, which breaks input-group flex).
 */
.kalpak-cc-mobile-wrap .input-group {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  width: 100%;
}

.kalpak-cc-mobile-wrap .kalpak-cc-select {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 5.25rem !important;
  max-width: 9rem !important;
  position: relative;
  z-index: 2;
}

.kalpak-cc-mobile-wrap .kalpak-cc-local {
  flex: 1 1 0% !important;
  min-width: 0 !important;
  max-width: none !important;
  width: auto !important;
}