/* ==========================================================================
   BookingsMed — Rezultatele cautarii
   Se incarca DUPA bm-listing.css si adauga doar ce e specific acestei pagini:
   banda de criterii, randul cu detalii al unui rezultat, mesajele de plata.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Criteriile cautarii
   -------------------------------------------------------------------------- */

.bm-terms {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--bm-sp-2);
  margin-bottom: var(--bm-sp-5);
}

.bm-terms__lab {
  font-size: var(--bm-text-sm);
  color: var(--bm-ink-500);
}

.bm-terms__chip {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  max-width: 100%;
  padding: 6px var(--bm-sp-3);
  border: 1px solid var(--bm-teal-100);
  border-radius: var(--bm-r-pill);
  background: var(--bm-teal-50);
  font-size: var(--bm-text-sm);
  color: var(--bm-navy-700);
}

.bm-terms__chip b {
  font-size: var(--bm-text-xs);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .04em;
  color: var(--bm-teal-600);
}

/* Numele cautate pot fi lungi; eticheta se scurteaza in loc sa rupa randul. */
.bm-terms__chip > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 260px;
}

/* --------------------------------------------------------------------------
   Mesajele intoarse dupa plata
   -------------------------------------------------------------------------- */

.bm-note {
  margin-bottom: var(--bm-sp-5);
  padding: var(--bm-sp-4) var(--bm-sp-5);
  border: 1px solid var(--bm-line);
  border-left: 3px solid var(--bm-ink-400);
  border-radius: var(--bm-r-md);
  background: var(--bm-surface);
}

.bm-note h3 {
  margin: 0 0 var(--bm-sp-1);
  font-size: var(--bm-text-md);
  font-weight: 600;
  color: var(--bm-navy-700);
}

.bm-note p {
  margin: 0;
  font-size: var(--bm-text-sm);
  line-height: 1.6;
  color: var(--bm-ink-500);
}

.bm-note--bun { border-left-color: var(--bm-teal-500); }
.bm-note--rau { border-left-color: #D9534F; }

/* --------------------------------------------------------------------------
   Randul de detalii dintr-un rezultat
   -------------------------------------------------------------------------- */

.bm-facts {
  display: flex;
  flex-wrap: wrap;
  gap: var(--bm-sp-2) var(--bm-sp-4);
  margin: 0 0 var(--bm-sp-3);
  padding: 0;
  list-style: none;
}

.bm-facts li {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  font-size: var(--bm-text-sm);
  color: var(--bm-ink-500);
}

.bm-facts svg { width: 14px; height: 14px; flex: 0 0 auto; color: var(--bm-teal-500); }
.bm-facts a { color: var(--bm-ink-700); text-decoration: none; }
.bm-facts a:hover { color: var(--bm-teal-600); text-decoration: underline; }

.bm-facts li > span,
.bm-facts li > a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* --------------------------------------------------------------------------
   Categoria de deasupra numelui
   -------------------------------------------------------------------------- */

.bm-clinic__kicker {
  margin: 0 0 var(--bm-sp-1);
  font-size: var(--bm-text-xs);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: var(--bm-teal-600);
  min-height: 1em;
}

.bm-clinic__kicker a { color: inherit; text-decoration: none; }
.bm-clinic__kicker a:hover { text-decoration: underline; }

/* --------------------------------------------------------------------------
   Butonul secundar
   -------------------------------------------------------------------------- */

/* „Send request" nu duce nicaieri: deschide un modal. Il tinem vizual mai
   discret decat „Book now", care e actiunea principala a paginii. */
.bm-clinic__btn--ghost {
  background: var(--bm-surface);
  border: 1px solid var(--bm-teal-300);
  color: var(--bm-teal-600);
}

.bm-clinic__btn--ghost:hover {
  background: var(--bm-teal-50);
  color: var(--bm-teal-700);
}

/* Butoanele care deschid modale sunt <a href="#">: fara asta, cursorul si
   sublinierea din main.css le fac sa arate a legatura obisnuita. */
.bm-clinic__btn[data-toggle="modal"] { cursor: pointer; text-decoration: none; }

/* --------------------------------------------------------------------------
   Reclamele de sub rezultate, pe ecrane mici
   -------------------------------------------------------------------------- */

.bm-search__ads2 { margin-top: var(--bm-sp-6); }
.bm-search__ads2 img { max-width: 100%; height: auto; }

@media (min-width: 992px) {
  .bm-search__ads2 { display: none; }
}

/* Sub 992px coloana de filtre trece deasupra rezultatelor (regula din
   bm-listing.css). Lista de categorii devine atunci foarte lunga inainte de
   primul rezultat, asa ca o mutam la final impreuna cu reclamele. */
@media (max-width: 991.98px) {
  .bm-side__cats,
  .bm-side__ads { display: none; }
}

/* Modalele vechi folosesc z-index urias si stiluri Bootstrap 4; nu le atingem,
   dar ne asiguram ca fundalul paginii noi nu le acopera. */
.bm-list { position: relative; z-index: 0; }