/* app/assets/stylesheets/components/venue_selector.css */

#new-venue-form {
    border: 1px solid var(--outline-variant);
    border-radius: var(--radius-medium);
    margin-top: var(--size-3);
    box-shadow: var(--shadow-2);
    width: max(95%, 400px);
  }
  
  .venue-select-container {
    position: relative;
  }
  
  .validation-error {
    border-color: var(--error) !important;
  }
  
  .error-message {
    color: var(--error);
    font-size: var(--font-size-body-small);
    margin-top: var(--size-1);
  }
  
  /* Loading indicator */
  .loader {
    width: 16px;
    height: 16px;
    border: 2px solid transparent;
    border-top-color: currentColor;
    border-radius: 50%;
    animation: spinner 0.6s linear infinite;
    display: inline-block;
    vertical-align: middle;
    margin-right: var(--size-2);
  }
  
  .loader.small {
    width: 12px;
    height: 12px;
    border-width: 2px;
  }
  
  @keyframes spinner {
    to {transform: rotate(360deg);}
  }

  /* Add to venue_search.css */

.search-result-item.create-new {
    background-color: var(--layer-surface-container);
    border-top: 1px solid var(--outline-variant);
  }
  
  .search-result-item.create-new:hover {
    background-color: var(--layer-surface);
  }
  
  .search-result-item.create-new .search-result-name {
    color: var(--primary);
  }