:root {
  --focus-color: #c82c46;
}

/**
 * Static Search Styles
 */

/* Search Form */
.atsg-search-form {
  display: flex;
  gap: 10px;
  margin: 20px 0;
  max-width: 600px;
}

.atsg-search-field {
  flex: 1;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 10px 15px;
  font-size: 16px;
  line-height: 1.5;
}

.atsg-search-field:focus {
  border-color: var(--focus-color);
  outline: none;
  box-shadow: 0 0 0 1px var(--focus-color);
}

button.atsg-search-submit {
  background: var(--focus-color);
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1zZWFyY2gtaWNvbiBsdWNpZGUtc2VhcmNoIj48Y2lyY2xlIGN4PSIxMSIgY3k9IjExIiByPSI4Ii8+PHBhdGggZD0ibTIxIDIxLTQuMy00LjMiLz48L3N2Zz4=');
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  padding: 5px 15px;
  width: 50px;
  color: #fff;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

button.atsg-search-submit:focus {
  outline: none;
  box-shadow: 0 0 0 1px var(--focus-color);
}

.atsg-search-submit:hover {
  background-color: #00a0d2;
}

/* Search Results */
.atsg-search-results {
  position: relative;
}

.atsg-search-results-summary {
  background: #fff;
  border-bottom: 1px solid #ddd;
  z-index: 1001;
  position: absolute;
  top: -18px;
  left: 0;
  height: 36px;
  width: 100%;
}

.atsg-search-results-summary p {
  margin: 0;
  padding: 5px 20px;
  font-size: 0.9rem;
  line-height: 1.5;
}

.atsg-search-results-list {
  list-style: none;
  margin: 0;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 1px 15px rgba(0, 0, 0, 0.1);
  position: absolute;
  z-index: 1000;
  top: 18px;
  left: 0;
  width: 100%;
}

.atsg-search-result-item h3 {
  margin: 0 0 10px;
  font-size: 1rem;
  color: var(--focus-color);
}

.atsg-search-result-item a {
  text-decoration: none;
  display: block;
  padding: 20px;
  border-bottom: 1px solid #eee;
}

.atsg-search-result-item:last-child a {
  border-bottom: none;
}

.atsg-search-result-item a:hover {
  color: var(--focus-color);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.atsg-search-result-item a:focus {
  outline: none;
  box-shadow: 0 0 0 1px var(--focus-color);
}

.atsg-search-excerpt {
  margin-bottom: 10px;
  color: #666;
  font-size: 0.9em;
  line-height: 1.5;
}

.atsg-search-meta {
  font-size: 0.8em;
  color: #999;
  display: flex;
  align-items: center;
  gap: 5px;
}