﻿/* ===== rv.truckdrivers.biz-like strict search ===== */
.container-search {
  background-color: #2E5CA3;
}

.rv-style {
  max-width: 900px;
  margin: 0 auto;
}

/* Общий контейнер формы */
.rv-style .row {
  border: 1px solid #ccc;
  border-radius: 5px;
  background: #fff;
  overflow: hidden;           /* ничего не выпирает за рамку */
}

/* Высота и типография */
.rv-style .form-control {
  border: 0;
  height: 60px;               /* ВЫСОТА формы — можно менять */
  padding: 0 1rem 0 2.5rem;   /* место под иконку слева */
  font-size: 1rem;
  background: transparent;
  box-shadow: none !important;
}

/* Иконка слева внутри поля */
.rv-style .field-wrap {
  position: relative;
}
.rv-style .field-wrap .fi {
  position: absolute;
  left: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  line-height: 1;
  font-size: 1rem;
  opacity: .7;
}

/* Вертикальный разделитель между WHAT и WHERE на >= md */
@media (min-width: 768px) {
  .rv-style .border-start-md {
    border-left: 1px solid #ccc;
  }
}

/* Кнопка — та же высота, строгая */
.rv-style .search-btn {
  height: 60px;               /* совпадает с полем */
  padding: 0 1.25rem;
  border-radius: 0;           /* вровень с рамкой */
  font-weight: 600;
}

/* Подсветка рамки при фокусе, без «нижних линий» и выпираний */
.rv-style .row:focus-within {
  border-color: #1A659E;      /* базовый фирменный, можно заменить */
  box-shadow: inset 0 0 0 1px rgba(26,101,158,.15);
}

/* Подпись под формой */
.rv-style .note {
  display: block;
  margin-top: .4rem;
  margin-left: .25rem;
}

/* Мобайл: блоки в столбик, кнопка на всю ширину */
@media (max-width: 767.98px) {
  .rv-style .search-btn {
    width: 100%;
    border-top: 1px solid #ccc;  /* разделитель от полей */
  }
}

/* Тёмный фон сайта? Можно усилить контраст */
body .rv-style .row {
  background: #fff;
}

.search-btn {
  background-color: #C1343C;
  border-color: #C1343C;
  font-size: 1rem;
  color: #fff;
}
.search-btn:hover {
  background-color: #A32B32; /* темнее при наведении */
  border-color: #A32B32;
}

/* Если используешь nav underline-анимации — отключим у кнопки */
.rv-style .search-btn::after { display: none !important; }
