/* ==========================================================================
   HERO SEARCH
   ========================================================================== */

.btjek-hero-search {
  padding: 80px 0;
  text-align: center;
}

.btjek-hero-search--dark {
  background: linear-gradient(135deg, #111827 0%, #1e3a5f 100%);
}

.btjek-hero-search--primary {
  background: linear-gradient(135deg, var(--btjek-primary) 0%, #1447B8 100%);
}

.btjek-hero-search--dark h1,
.btjek-hero-search--dark h2,
.btjek-hero-search--dark .btjek-hero-search__subtitle,
.btjek-hero-search--primary h1,
.btjek-hero-search--primary h2,
.btjek-hero-search--primary .btjek-hero-search__subtitle {
  color: var(--btjek-white);
}

.btjek-hero-search__inner {
  max-width: 640px;
  margin: 0 auto;
}

.btjek-hero-search__inner h1,
.btjek-hero-search__inner h2 {
  font-size: 36px;
  font-weight: 800;
  margin: 0 0 12px;
  line-height: 1.2;
}

.btjek-hero-search__subtitle {
  font-size: 18px;
  color: var(--btjek-muted);
  margin: 0 0 32px;
  line-height: 1.6;
}

.btjek-hero-search__form {
  background: var(--btjek-white);
  border-radius: var(--btjek-radius-md);
  padding: 8px;
  box-shadow: var(--btjek-shadow-lg);
}

.btjek-hero-search__fields {
  display: flex;
  gap: 8px;
  align-items: stretch;
}

.btjek-hero-search__field {
  flex: 1;
  position: relative;
}

.btjek-hero-search__field input,
.btjek-hero-search__field select {
  width: 100%;
  padding: 12px 14px 12px 40px;
  border: 1px solid var(--btjek-border);
  border-radius: var(--btjek-radius);
  font-size: 15px;
  color: var(--btjek-heading);
  background: var(--btjek-white);
}

.btjek-hero-search__field input:focus {
  border-color: var(--btjek-border-focus);
  outline: none;
}

.btjek-hero-search__field svg {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--btjek-muted);
  pointer-events: none;
}

@media (max-width: 768px) {
  .btjek-hero-search {
    padding: 48px 0;
  }
  .btjek-hero-search__inner h1,
  .btjek-hero-search__inner h2 {
    font-size: 26px;
  }
  .btjek-hero-search__fields {
    flex-direction: column;
  }
}