/* Файл: opensports/static/admin/css/phone_number_widget.css */
/* Phone Number Widget Styles */
.phone-number-widget-container {
  display: flex;
  align-items: stretch;
  border: 1px solid #d1d5db;
  border-radius: 0.375rem;
  overflow: hidden;
  background-color: white;
}

.phone-number-widget-container:focus-within {
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.phone-country-select {
  border: none;
  background-color: #f9fafb;
  padding: 0.5rem 0.75rem;
  font-size: 0.875rem;
  color: #374151;
  cursor: pointer;
  min-width: 120px;
  border-right: 1px solid #d1d5db;
}

.phone-country-select:focus {
  outline: none;
  background-color: #f3f4f6;
}

.phone-number-input {
  border: none;
  flex: 1;
  padding: 0.5rem 0.75rem;
  font-size: 0.875rem;
  color: #374151;
}

.phone-number-input:focus {
  outline: none;
}

.phone-number-input::placeholder {
  color: #9ca3af;
}

/* Responsive phone widget */
@media (max-width: 480px) {
  .phone-number-widget-container {
      flex-direction: column;
  }
  
  .phone-country-select {
      border-right: none;
      border-bottom: 1px solid #d1d5db;
      min-width: auto;
  }
}