/**
 * 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;
  border-radius: 8px;
  border-color: #e2e8f0;
}

.kalpak-cc-mobile-wrap .kalpak-cc-select:focus,
.kalpak-cc-mobile-wrap .kalpak-cc-local:focus {
  border-color: #2563eb;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15);
}

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