/**
 * @file
 * Listing fejléc: borítókép, ÁLLÓ téglalap profilkép (fehér dobozban),
 * lekerekített térkép, és a csillagokon megjelenő nyers pontszám elrejtése.
 *
 * Állítható értékek:
 *   --cover-h    : a borítókép magassága,
 *   --pic-w      : a profilkép-doboz SZÉLESSÉGE (álló téglalaphoz kisebb),
 *   --pic-h      : a profilkép-doboz MAGASSÁGA (álló téglalaphoz nagyobb),
 *   --align-left : finom vízszintes igazítás, ha a profilkép/csillagok nem
 *                  pontosan a kék ceruza ikonok vonalában kezdődnek.
 */
.node--type-listing .business-detail-header {
  --cover-h: 360px;
  --pic-w: 180px;
  --pic-h: 240px;
}
.node--type-listing {
  --align-left: 0px;
}

/* A borítókép a megadott magasságra vágva. */
.node--type-listing .business-detail-header .field-photo,
.node--type-listing .business-detail-header .field-photo img,
.node--type-listing .business-detail-header .business-detail-header-text {
  height: var(--cover-h);
}
.node--type-listing .business-detail-header .field-photo img {
  width: 100%;
  object-fit: cover;
  display: block;
}

/* A profil-sort függőlegesen középre igazítjuk a borító magasságán belül,
   így a profilkép fent/lent egyenlő réssel, pontosan középen ül. */
.node--type-listing .header-profile-row {
  display: flex;
  align-items: center;
  height: var(--cover-h);
}

/* Profilkép: ÁLLÓ téglalap (fehér doboz), benne a kép képarány-tartással. */
.node--type-listing .profile-picture {
  flex: 0 0 auto;
  margin-right: 22px;
  margin-left: var(--align-left);
  width: var(--pic-w);
  height: var(--pic-h);
  background: #fff;
  border-radius: 10px;
  padding: 6px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .35);
  display: flex;
  align-items: center;
  justify-content: center;
}
.node--type-listing .profile-picture img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  border-radius: 6px;
  display: block;
}

/* A csillagsor ugyanahhoz a bal vonalhoz igazítva, mint a profilkép. */
.node--type-listing .business-detail-review .field-rating {
  margin-left: var(--align-left);
}

/* Térkép: lekerekített sarok, fekete keret eltávolítása, finom árnyék. */
.node--type-listing .field-map,
.node--type-listing .field-map .leaflet-container,
.node--type-listing .field-map > div {
  border: 0 !important;
  border-radius: 12px;
  overflow: hidden;
}
.node--type-listing .field-map .leaflet-container {
  box-shadow: 0 2px 12px rgba(0, 0, 0, .25);
}

/* A csillagokon megjelenő nyers pontszám (pl. „4.3”) elrejtése. */
.node--type-listing .fivestar-summary .stars {
  font-size: 0;
  color: transparent;
  text-indent: -9999px;
  overflow: hidden;
}

/* 2026-10-11: telefon-gomb es weboldal-link a fejlecben. A smink a
   weboldalnak 25px bal behuzast ad (egymas melle, inline-block); ha nem
   fernek el egy sorban (pl. hosszu webcim ~990-1200px szelessegen), a link
   behuzva, a gombhoz tapadva tort uj sorba. Most rendezetten, egymas ala
   tornek, kozottuk terkoz. A rendelo-sav (pk_rendelo) ugyanezt a sort
   hasznalja, igy az is a gomb vonalaba kerul, alatta tavolsaggal.
   Telefonon (<768px) a custom.css sajat szabalyai ervenyesek. */
@media (min-width: 768px) {
  .node--type-listing .field-phone-website-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 25px;
  }
  .node--type-listing .field-phone-website-row .field-phone {
    margin: 0;
  }
  .node--type-listing .field-phone-website-row .field-website {
    padding-left: 0;
  }
}
.node--type-listing .pk-rendelo-sav {
  margin-bottom: 10px;
}