/* Фонът/overlay над страницата */
.search-overlay {
  position: fixed;
  inset: 0;
  display: none;               /* ще се показва, когато има .is-open */
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(8px);
  background: rgba(0,0,0,0.28);
  z-index: 9999;
}

/* Показано състояние */
.search-overlay.is-open {
  display: flex;
}

/* Картата/панелът на търсачката */
.search-card {
  position: absolute;          /* JS позиционира около логото, иначе център */
  min-width: 280px;
  width: min(92vw, 720px);
  padding: 16px;
  border-radius: 14px;
  background: rgba(18,18,18,0.72);
  backdrop-filter: blur(12px);
  box-shadow: 0 12px 32px rgba(0,0,0,0.35);
}

/* Формата вътре */
.search-form {
  display: flex;
  gap: 10px;
}

/* Полето за търсене */
.search-input {
  flex: 1;
  padding: 12px 14px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,0.18);
  background: rgba(0,0,0,0.35);
  color: #fff;
  outline: none;
  font: inherit;
}

/* Бутонът за submit (ок) – можеш да стилизираш повече при нужда */
.search-actions .btn-ok {
  min-width: 44px;
  height: 44px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,0.18);
  background: rgba(255,255,255,0.08);
  color: #fff;
  cursor: pointer;
}

/* Малко внимание за мобилната клавиатура */
.search-card.is-keyboard {
  transform: translate(-50%, 0) !important;
}

/* Лека анимация при грешка (shake), когато няма резултат */
@keyframes le6ta-shake {
  10%, 90% { transform: translateX(-50%) translateX(-1px); }
  20%, 80% { transform: translateX(-50%) translateX(2px); }
  30%, 50%, 70% { transform: translateX(-50%) translateX(-4px); }
  40%, 60% { transform: translateX(-50%) translateX(4px); }
}

.search-card.shake {
  animation: le6ta-shake 0.4s ease;
}

/* Мобилни фини настройки */
@media (max-width: 768px) {
  .search-card { width: 94vw; padding: 14px; }
  .search-input { padding: 11px 12px; }
}
/* ==== SEARCH OVERLAY HARD OVERRIDES ==== */
.search-overlay {
  position: fixed !important;
  inset: 0 !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  backdrop-filter: blur(8px) !important;
  background: rgba(0,0,0,0.28) !important;
  z-index: 9999 !important;
}
.search-overlay.is-open { display: flex !important; }

.search-card {
  position: absolute !important;
  display: block !important;
  min-width: 280px !important;
  width: min(92vw, 720px) !important;
  padding: 16px !important;
  border-radius: 14px !important;
  background: rgba(18,18,18,0.72) !important;
  backdrop-filter: blur(12px) !important;
  box-shadow: 0 12px 32px rgba(0,0,0,0.35) !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%,-50%) !important;
}

.search-form { display: flex !important; gap: 10px !important; }
.search-input {
  flex: 1 !important;
  padding: 12px 14px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  background: rgba(0,0,0,0.35) !important;
  color: #fff !important;
}
.search-actions .btn-ok {
  min-width: 44px !important;
  height: 44px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  background: rgba(255,255,255,0.08) !important;
  color: #fff !important;
}
/* === UNIFY SEARCH LOOK (glass style like Home) === */
.search-overlay{
  position: fixed !important;
  inset: 0 !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  backdrop-filter: blur(10px) !important;
  background: rgba(0,0,0,0.35) !important;
  z-index: 9999 !important;
}
.search-overlay.is-open{ display:flex !important; }

.search-card{
  position: absolute !important;
  display: block !important;
  min-width: 320px !important;
  width: min(92vw, 900px) !important;
  padding: 14px 16px !important;
  border-radius: 16px !important;
  background: rgba(22,22,22,0.55) !important; /* полупрозрачно, “стъклено” */
  border: 1px solid rgba(255,255,255,0.12) !important;
  box-shadow: 0 20px 60px rgba(0,0,0,0.35) !important;
  left: 50% !important; top: 50% !important; transform: translate(-50%,-50%) !important;
}

.search-form{ display:flex !important; align-items:center !important; gap: 12px !important; }
.search-input{
  flex: 1 !important;
  height: 44px !important; line-height: 44px !important;
  padding: 0 14px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  background: rgba(0,0,0,0.15) !important;
  color: #fff !important;
}
.search-actions .btn-ok{
  width: 44px !important; height: 44px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  background: rgba(255,255,255,0.08) !important;
  color: #fff !important;
}
/* === Make search look like Home (glass, single bar) === */
.search-overlay{
  backdrop-filter: blur(10px) !important;
  background: rgba(0,0,0,0.35) !important;
}

.search-card{
  position: absolute !important;
  display: block !important;
  min-width: 320px !important;
  width: min(92vw, 900px) !important;
  padding: 14px 16px !important;
  border-radius: 16px !important;
  background: rgba(22,22,22,0.55) !important; /* полупрозрачен „glass“ фон */
  border: 1px solid rgba(255,255,255,0.12) !important;
  box-shadow: 0 20px 60px rgba(0,0,0,0.35) !important;
  left: 50% !important; top: 60% !important; transform: translate(-50%,-50%) !important;
}

/* вътрешното поле да НЕ рисува втори бордер/фон */
.search-form{ display:flex !important; align-items:center !important; gap: 12px !important; }
.search-input{
  flex: 1 !important;
  height: 44px !important; line-height: 44px !important;
  padding: 0 14px !important;
  border-radius: 12px !important;

  /* ключовите 3 реда — махат „вътрешния“ лош вид */
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;

  color: #fff !important;
}
.search-input::placeholder{ color: rgba(255,255,255,0.55) !important; }
/* махаме стандартните WebKit украси, които понякога рисуват рамки/бутон */
.search-input::-webkit-search-decoration,
.search-input::-webkit-search-cancel-button{
  -webkit-appearance: none; appearance: none;
}

.search-actions .btn-ok{
  width: 44px !important; height: 44px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  background: rgba(255,255,255,0.08) !important;
  color: #fff !important;
}
/* === LE6TA unified search style (same look on all pages) === */
.search-overlay {
  position: fixed;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  backdrop-filter: blur(10px);
  background: rgba(0, 0, 0, 0.45);
  z-index: 9999;
}

.search-card {
  display: block;
  position: relative;
  width: min(92vw, 880px);
  padding: 16px 20px;
  border-radius: 18px;
  background: rgba(15, 15, 15, 0.65);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(20px);
  transform: translateY(0);
  transition: opacity 0.3s ease, transform 0.3s ease;
}

/* вътрешният формуляр и input — минимален, прозрачен */
.search-form {
  display: flex;
  align-items: center;
  gap: 10px;
}

.search-input {
  flex: 1;
  height: 48px;
  padding: 0 16px;
  font-size: 18px;
  color: #fff;
  background: transparent;
  border: 0;
  outline: none;
}

.search-input::placeholder {
  color: rgba(255, 255, 255, 0.55);
}

/* бутонът с иконата */
.search-actions .btn-ok {
  width: 48px;
  height: 48px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all 0.2s ease;
}

.search-actions .btn-ok:hover {
  background: rgba(255, 255, 255, 0.15);
}

/* опционално: центрирай малко по-ниско, както в Home */
.search-overlay .search-card {
  top: auto;
  transform: translateY(20%);
}
/* Оверлей без блър и без затъмнение */
.search-overlay{
  backdrop-filter: none !important;   /* вместо blur(8px/10px) */
  background: transparent !important; /* вместо rgba(0,0,0,0.28/0.35/0.45) */
}
/* Центриране на search bar точно върху логото */
.search-overlay .search-card {
  position: absolute !important;
  left: 50% !important;
  top: 86% !important; /* ← промени това число за финна настройка */
  transform: translate(-50%, -50%) !important;
}
/* Напълно прозрачен search bar, но с блър ефект */
.search-card {
  background: transparent !important;       /* маха затъмнението */
  backdrop-filter: blur(9px) !important;   /* запазва размазването */
}
.search-card {
  width: min(50vw, 550px) !important; /* намалява ширината, запазва центъра */
}
.search-actions .btn-ok {
  position: relative !important;
  top: 30px !important; /* ↑ увеличи числото, ако искаш да слезе още надолу */
}
.search-card {
  border: 1px solid transparent !important;
}
.search-actions .btn-ok{
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}