/* ============================================================
   ZAUFANY PSYCHOLOG – style podstron z miastami (/wroclaw/ itp.)
   Wklej w: WordPress → Wygląd → Dodatkowy CSS
   ============================================================ */

:root {
  --zp-rose:     #FFB6AE;
  --zp-rose-dk:  #d9857a;
  --zp-blue:     #6E84BE;
  --zp-blue-dk:  #4f6399;
  --zp-blue-xdk: #3a4f80;
  --zp-text:     #2a2a38;
  --zp-mid:      #545468;
}

/* ── KARTY SPECJALISTÓW ───────────────────────────────────── */

.jet-listing-grid__item {
  border: 1.5px solid rgba(110,132,190,.2) !important;
  border-radius: 20px !important;
  padding: 16px 16px 14px !important;
  margin-bottom: 2% !important;
  margin-right: 0.5% !important;
  margin-left: 0.5% !important;
  background: #ffffff !important;
  box-shadow: 0 2px 14px rgba(58,79,128,.06) !important;
  transition: box-shadow .22s, transform .22s, border-color .22s !important;
}

.jet-listing-grid__item:hover {
  box-shadow: 0 6px 28px rgba(58,79,128,.13) !important;
  transform: translateY(-2px) !important;
  border-color: rgba(110,132,190,.38) !important;
}

/* ── ZDJĘCIE SPECJALISTY (tylko kolumna lewa, NIE flaga) ──── */
/* Zdjęcie jest w kolumnie elementor-element-d2b3d58 */
.elementor-element-d2b3d58 .elementor-widget-image img {
  border-radius: 50% !important;
  width: 80px !important;
  height: 80px !important;
  object-fit: cover !important;
  display: block !important;
  margin: 0 auto !important;
}

/* ── FLAGI JĘZYKOWE – reset, żeby nie były kapsułkami ──────── */
.flaga-jezyka img,
.flaga-jezyka .elementor-image img {
  border-radius: 50% !important;
  width: 28px !important;
  height: 28px !important;
  object-fit: cover !important;
  display: inline-block !important;
  margin: 1px !important;
}

/* ── BADGE "Wyróżniony" ───────────────────────────────────── */
span.featured-psycho {
  background-color: var(--zp-blue-xdk) !important;
  color: #fff !important;
  padding: 5px 12px !important;
  border-radius: 20px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
}

/* ── BADGE "Wizyta online" ────────────────────────────────── */
span.dostepnyonline {
  background-color: var(--zp-rose) !important;
  padding: 5px 12px !important;
  border-radius: 20px !important;
  font-size: 11px !important;
  color: #333 !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
}

/* ── IMIĘ SPECJALISTY ─────────────────────────────────────── */
.jet-listing-dynamic-link__link {
  text-decoration: none !important;
}

.jet-listing-dynamic-link__label {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  color: var(--zp-blue-xdk) !important;
  line-height: 1.3 !important;
  display: block !important;
  margin-bottom: 6px !important;
}

.jet-listing-dynamic-link__link:hover .jet-listing-dynamic-link__label {
  color: var(--zp-blue) !important;
}

/* ── OPIS SPECJALISTY ─────────────────────────────────────── */
#opis-specjalisty-lista .jet-listing-dynamic-field__content p {
  font-family: 'Montserrat', sans-serif !important;
  font-size: .84rem !important;
  color: var(--zp-mid) !important;
  line-height: 1.7 !important;
  margin: 0 !important;
}

/* ── LABELKI "Ocena:" i "Dostępne języki" w kartach ────────── */
.jet-listing-grid__item h3.elementor-heading-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: .75rem !important;
  font-weight: 600 !important;
  color: var(--zp-mid) !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
  margin-bottom: 4px !important;
}

/* ── PRZYCISK "Zobacz profil" ─────────────────────────────── */
.jet-listing-grid__item .elementor-button {
  background: linear-gradient(135deg, var(--zp-blue), var(--zp-blue-xdk)) !important;
  color: #fff !important;
  border-radius: 50px !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: .8rem !important;
  font-weight: 600 !important;
  padding: .52rem 1.4rem !important;
  display: inline-block !important;
  text-decoration: none !important;
  transition: opacity .18s, box-shadow .18s !important;
  box-shadow: 0 4px 14px rgba(58,79,128,.2) !important;
  border: none !important;
}

.jet-listing-grid__item .elementor-button:hover {
  opacity: .88 !important;
  box-shadow: 0 6px 20px rgba(58,79,128,.3) !important;
}

/* ── FILTRY ───────────────────────────────────────────────── */
.jet-filter-items-dropdown__label {
  border: 1.5px solid rgba(255,182,174,.7) !important;
  border-radius: 30px !important;
  background-color: rgba(255,182,174,.12) !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: .8rem !important;
  font-weight: 600 !important;
  color: var(--zp-text) !important;
  padding: 7px 14px !important;
  cursor: pointer !important;
  transition: background .18s, border-color .18s !important;
}

.jet-filter-items-dropdown__label:hover {
  background-color: rgba(255,182,174,.25) !important;
  border-color: var(--zp-rose) !important;
}

.jet-filter-items-dropdown__body {
  border: 1.5px solid rgba(110,132,190,.2) !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: 0 6px 24px rgba(58,79,128,.1) !important;
  overflow: hidden !important;
}

.jet-checkboxes-list__label {
  font-family: 'Montserrat', sans-serif !important;
  font-size: .82rem !important;
  color: var(--zp-text) !important;
}

/* Suwak ceny */
.jet-range__slider__track__range {
  background: var(--zp-rose) !important;
}

.jet-range__slider__input::-webkit-slider-thumb {
  background: var(--zp-rose) !important;
}

.jet-range__slider__input::-moz-range-thumb {
  background: var(--zp-rose) !important;
}

.jet-filter-label {
  font-family: 'Montserrat', sans-serif !important;
  font-size: .78rem !important;
  font-weight: 600 !important;
  color: var(--zp-mid) !important;
  text-transform: uppercase !important;
  letter-spacing: .07em !important;
  margin-bottom: 4px !important;
}

.jet-range__values {
  font-family: 'Montserrat', sans-serif !important;
  font-size: .82rem !important;
  color: var(--zp-mid) !important;
  margin-top: 4px !important;
}

/* ── NAGŁÓWKI SEKCJI ──────────────────────────────────────── */
/* h3 POZA kartami specjalistów */
.elementor-2214 h3.elementor-heading-title:not(.jet-listing-grid__item *) {
  font-family: 'Montserrat', sans-serif !important;
  color: var(--zp-blue-xdk) !important;
  font-weight: 700 !important;
}

/* h2 strony (każde miasto ma inny ID Elementora – brak ID w selektorze) */
.site-main h2.elementor-heading-title {
  font-family: 'Montserrat', sans-serif !important;
  color: var(--zp-blue-xdk) !important;
  font-weight: 700 !important;
}

/* ── TOC ─────────────────────────────────────────────────── */
#toc_container {
  border-color: var(--zp-rose) !important;
  border-radius: 16px !important;
}

#toc_container .toc_title {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 700 !important;
  color: var(--zp-blue-xdk) !important;
}

/* ── RESPONSYWNOŚĆ ───────────────────────────────────────── */
@media (max-width: 767px) {
  .jet-listing-grid__item {
    margin-bottom: 4% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .jet-listing-grid__items {
    width: 100% !important;
    justify-content: center !important;
  }
}

/* kolejne klaudiuszowe */

/* ============================================================
   WIZYTÓWKA SPECJALISTY – override Elementor Kit
   ============================================================ */

/* ── IMIĘ (h1) ───────────────────────────────────────────── */
body.single-specjalista .imie-i-nazwisko .jet-listing-dynamic-field__content,
body.single-specjalista .imie-i-nazwisko h1.jet-listing-dynamic-field__content {
  font-family: 'Montserrat', sans-serif !important;
  font-size: clamp(1.5rem, 3vw, 2.2rem) !important;
  font-weight: 700 !important;
  color: #3a4f80 !important;
  line-height: 1.2 !important;
}

/* ── LABELKI h5 ──────────────────────────────────────────── */
body.single-specjalista .elementor-widget-wrap h5.elementor-heading-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: .7rem !important;
  font-weight: 700 !important;
  color: #545468 !important;
  text-transform: uppercase !important;
  letter-spacing: .09em !important;
  margin-bottom: 6px !important;
}

/* ── LINKI (Wrocław, email, tel) ─────────────────────────── */
body.single-specjalista .elementor-widget-wrap .jet-listing-dynamic-link__label {
  font-family: 'Montserrat', sans-serif !important;
  font-size: .84rem !important;
  font-weight: 500 !important;
  color: #4f6399 !important;
  margin:0px!important;
}

/* ── FIX: tekst na przyciskach wizytówki ─────────────────── */
body.single-specjalista div.strona-www a,
body.single-specjalista div.strona-www a span,
body.single-specjalista div.strona-www .jet-listing-dynamic-link__label {
  color: #333333 !important;
}

body.single-specjalista div.button-wizyty a,
body.single-specjalista div.button-wizyty a span,
body.single-specjalista div.button-wizyty .jet-listing-dynamic-link__label {
  color: #ffffff !important;
}

/* ── PRZYCISK "Strona www" ───────────────────────────────── */
body.single-specjalista .strona-www .jet-listing-dynamic-link__link,
body.single-specjalista div.strona-www a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 9px 20px !important;
  border-radius: 50px !important;
  background-color: #FFB6AE !important;
  color: #333 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: .8rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

/* ── PRZYCISK "Umów wizytę" ──────────────────────────────── */
body.single-specjalista .button-wizyty .jet-listing-dynamic-link__link,
body.single-specjalista div.button-wizyty a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 9px 20px !important;
  border-radius: 50px !important;
  background: linear-gradient(135deg, #6E84BE, #3a4f80) !important;
  color: #fff !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: .8rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  box-shadow: 0 4px 14px rgba(58,79,128,.2) !important;
}

/* ── FLAGA JĘZYKA ────────────────────────────────────────── */
body.single-specjalista .flaga-jezyka .elementor-widget-container img,
body.single-specjalista .flaga-jezyka img {
  border-radius: 50% !important;
  width: 32px !important;
  height: 32px !important;
  object-fit: cover !important;
  display: inline-block !important;
  margin: 2px !important;
}

/* ── OPIS PSYCHOLOGA ─────────────────────────────────────── */
body.single-specjalista section.opis-psychologa .elementor-widget-container p,
body.single-specjalista section.opis-psychologa .elementor-widget-container li {
  font-family: 'Montserrat', sans-serif !important;
  font-size: .9rem !important;
  color: #545468 !important;
  line-height: 1.75 !important;
}

body.single-specjalista section.opis-psychologa .elementor-widget-container h2 {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 700 !important;
  color: #3a4f80 !important;
}

/* ── TYTUŁY SPECJALIZACJI ────────────────────────────────── */
body.single-specjalista .pomoc-specjalizacja .elementor-widget-container .elementor-image-box-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: .82rem !important;
  font-weight: 700 !important;
  color: #3a4f80 !important;
}

body.single-specjalista .pomoc-specjalizacja .elementor-widget-container .elementor-image-box-description {
  font-family: 'Montserrat', sans-serif !important;
  font-size: .78rem !important;
  color: #545468 !important;
}

/* ── H2 "Specjalizacje" i "Opinie" ──────────────────────── */
body.single-specjalista .elementor-widget-container h2.elementor-heading-title {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 700 !important;
  color: #3a4f80 !important;
}

/* ── OPINIE – przycisk ───────────────────────────────────── */
body.single-specjalista .jet-reviews-advanced .jet-reviews-button--primary {
  background: linear-gradient(135deg, #6E84BE, #3a4f80) !important;
  border-radius: 50px !important;
  color: #fff !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 600 !important;
}

/* ── OPINIE – pojedyncza recenzja ────────────────────────── */
body.single-specjalista .jet-reviews-advanced__review {
  border: 1.5px solid rgba(110,132,190,.15) !important;
  border-radius: 16px !important;
  padding: 16px 20px !important;
  margin-bottom: 12px !important;
  background: #fff !important;
}