/* Pszichológus Válaszol modul stílusok */

/* Pool táblázat - az Ajánlatkérések stílusával megegyező */
.pszv-pool-wrapper h1 {
  margin-bottom: 1.5rem;
}

.pszv-pool-empty {
  padding: 1rem 0;
  color: #6c757d;
}

.pszv-pool-table {
  width: 100%;
}

/* Státusz badge-ek */
.pszv-badge {
  display: inline-block;
  font-size: 0.8rem;
  padding: 0.2rem 0.55rem;
  border-radius: 3px;
  font-weight: 600;
  white-space: nowrap;
}

.pszv-badge--open {
  background: #d4edda;
  color: #155724;
}

.pszv-badge--claimed {
  background: #fff3cd;
  color: #856404;
}

.pszv-badge--taken {
  background: #f8d7da;
  color: #721c24;
}

/* Időzítő */
.pszv-pool-timer {
  font-size: 0.8rem;
  color: #856404;
}

/* Kérdés box a válasz formon */
.pszv-question-box {
  background: #f8f9fa;
  border-left: 4px solid #497e9e;
  border-radius: 4px;
  padding: 1rem 1.25rem;
  margin-bottom: 1.5rem;
}

.pszv-question-box h3 {
  margin-top: 0;
  color: #343a40;
}

/* Karakter számláló */
.char-counter {
  font-size: 0.875rem;
  color: #6c757d;
  margin-top: 0.25rem;
  margin-bottom: 1rem;
}

/* ==========================================================================
   Approved answers tile grid on /pszichologus-valaszol
   (blog-card look, replicated locally so it does not depend on the
   bizreview_blog_carousel library being loaded on this page)
   ========================================================================== */

.pszv-answers {
  --bzc-radius: 10px;
  --bzc-card-bg: #fff;
  --bzc-border: #e5e7eb;
  --bzc-muted: #6b7280;
  --bzc-shadow: 0 1px 2px rgba(0, 0, 0, .06), 0 8px 24px rgba(0, 0, 0, .08);

  margin-top: 3rem;
}

.pszv-answers__heading {
  margin-bottom: 1.25rem;
}

/* Filter chips ------------------------------------------------------------ */

.pszv-filter {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  margin-bottom: 1.5rem;
}

.pszv-chip {
  display: inline-block;
  padding: .35rem .9rem;
  border: 1px solid #ced4da;
  border-radius: 999px;
  background: #fff;
  color: #343a40;
  font-size: .875rem;
  line-height: 1.3;
  cursor: pointer;
  transition: background .15s ease, color .15s ease, border-color .15s ease;
}

.pszv-chip:hover {
  border-color: #497e9e;
  color: #497e9e;
}

.pszv-chip.is-active {
  background: #497e9e;
  border-color: #497e9e;
  color: #fff;
}

/* Grid -------------------------------------------------------------------- */

.pszv-answers-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
}

@media (min-width: 600px)  { .pszv-answers-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 992px)  { .pszv-answers-grid { grid-template-columns: repeat(3, 1fr); } }

.pszv-card-wrap[hidden] { display: none; }

/* Card (same values as the blog carousel's .blog-card) --------------------- */

.pszv-answers .blog-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: var(--bzc-card-bg);
  border: 1px solid var(--bzc-border);
  border-radius: var(--bzc-radius);
  overflow: hidden;
  box-shadow: var(--bzc-shadow);
  transition: box-shadow .25s ease;
}

.pszv-answers .blog-card:hover {
  box-shadow: 0 2px 4px rgba(0, 0, 0, .08), 0 16px 40px rgba(0, 0, 0, .12);
}

.pszv-answers .blog-card__body {
  display: flex;
  flex-direction: column;
  gap: .6rem;
  padding: 1.1rem 1.25rem 1.25rem;
  flex: 1 1 auto;
}

.pszv-answers .blog-card__title {
  margin: 0;
  font-size: 1.15rem;
  line-height: 1.3;
}
.pszv-answers .blog-card__title a { color: inherit; text-decoration: none; }
.pszv-answers .blog-card__title a:hover { text-decoration: underline; }

.pszv-answers .blog-card__summary-link { display: block; color: inherit; text-decoration: none; }

.pszv-answers .blog-card__summary {
  display: -webkit-box;
  margin: 0;
  color: var(--bzc-muted);
  font-size: .95rem;
  line-height: 1.5;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.pszv-answers .blog-card__summary-link:hover .blog-card__summary { text-decoration: underline; }

.pszv-answers .blog-card__meta {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: .6rem;
  margin-top: auto;
  padding-top: .75rem;
  border-top: 1px solid rgba(0, 0, 0, .07);
}

.pszv-answers .blog-card__author-photo { flex: 0 0 auto; display: block; line-height: 0; }

.pszv-answers .blog-card__author-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: .15rem;
  min-width: 0;
}

.pszv-answers .blog-card__author-name {
  color: inherit;
  text-decoration: none;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.2;
}
.pszv-answers .blog-card__author-name:hover { text-decoration: underline; }

.pszv-answers .blog-card__author-image {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  object-fit: cover;
  flex: 0 0 auto;
}

.pszv-answers .blog-card__date {
  color: var(--bzc-muted);
  font-size: .78rem;
  line-height: 1.2;
  white-space: nowrap;
}

/* Problem-group tag chip (cards + node page) ------------------------------- */

.pszv-card__tags,
.pszv-answer__tags {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
}

.pszv-tag {
  display: inline-block;
  padding: .15rem .6rem;
  border-radius: 999px;
  background: #e7f1ff;
  color: #497e9e;
  font-size: .78rem;
  font-weight: 600;
  line-height: 1.4;
  white-space: nowrap;
}

/* ==========================================================================
   Full-page answer node display
   ========================================================================== */

.pszv-answer__meta {
  display: flex;
  align-items: center;
  gap: .85rem;
  margin-bottom: 1rem;
}

.pszv-answer__photo { display: block; line-height: 0; }

.pszv-answer__avatar {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .08), 0 4px 12px rgba(0, 0, 0, .10);
}

.pszv-answer__meta-text {
  display: flex;
  flex-direction: column;
  gap: .2rem;
}

.pszv-answer__author {
  font-size: 1.05rem;
  font-weight: 600;
  color: inherit;
  text-decoration: none;
}
.pszv-answer__author:hover { text-decoration: underline; }

.pszv-answer__date {
  color: #6b7280;
  font-size: .85rem;
}

.pszv-answer__tags { margin-bottom: 1.25rem; }

.pszv-answer__body h3,
.pszv-question-box h3 {
  margin-top: 0;
  font-size: 1.15rem;
}

.pszv-answer__body { margin-top: 1.5rem; }

/* ==========================================================================
   Filter panel: "Tema szerinti kereses" collapsible details/summary block,
   drawn checkbox visuals, and "Mehet" button. The Bizreview theme CSS loads
   AFTER module CSS and flattens native checkboxes and buttons, so the
   checkbox visual is drawn by the module itself (::before box + ::after
   tick on the label span) and the button style is enforced with
   high-specificity !important rules.
   ========================================================================== */

html body .pszv-filter-block {
  margin: 1.5rem 0;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  background: #fff;
}

html body button.pszv-filter-toggle {
  display: flex !important;
  align-items: center;
  gap: .5rem;
  width: 100%;
  padding: .85rem 1.1rem !important;
  border: 0 !important;
  background: none !important;
  font-weight: 600;
  font-size: .95rem;
  color: #343a40;
  cursor: pointer;
  text-align: left;
  box-shadow: none !important;
}

.pszv-filter-toggle__arrow {
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 6px solid #343a40;
  transition: transform .15s ease;
  flex: 0 0 auto;
}

button.pszv-filter-toggle.is-open {
  border-bottom: 1px solid #e5e7eb;
}

button.pszv-filter-toggle.is-open .pszv-filter-toggle__arrow {
  transform: rotate(90deg);
}

html body .pszv-filter-panel {
  padding: 1rem 1.1rem 1.1rem;
}

html body .pszv-filter-panel[hidden] {
  display: none !important;
}

html body .pszv-filter-options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  gap: .25rem 1.5rem;
  margin: 0 0 .9rem;
}

/* The native input is kept for state + keyboard access but visually the
   module-drawn box represents it, so theme rules can't hide the control. */
html body .pszv-filter-option input.pszv-filter-checkbox {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
}

html body .pszv-filter-option {
  position: relative;
  display: block !important;
  width: 100%;
  max-width: 260px;
  margin: 0 0 .5rem !important;
  padding: 0 !important;
  break-inside: avoid;
  -webkit-column-break-inside: avoid;
  font-size: .95rem;
  line-height: 1.35;
  color: #343a40;
  cursor: pointer;
}

html body .pszv-filter-option .pszv-filter-option__label {
  position: relative;
  display: inline-block;
  padding-left: 1.55rem;
}

/* Empty box. */
html body .pszv-filter-option .pszv-filter-option__label::before {
  content: "";
  position: absolute;
  left: 0;
  top: .12rem;
  width: 15px;
  height: 15px;
  box-sizing: border-box;
  border: 1px solid #8a8a8a;
  border-radius: 2px;
  background: #fff;
}

/* Checked state: blue box + white tick. */
html body .pszv-filter-option input.pszv-filter-checkbox:checked + .pszv-filter-option__label::before {
  border-color: #497e9e;
  background: #497e9e;
}

html body .pszv-filter-option input.pszv-filter-checkbox:checked + .pszv-filter-option__label::after {
  content: "";
  position: absolute;
  left: 5px;
  top: .27rem;
  width: 5px;
  height: 9px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

/* Keyboard focus ring on the drawn box. */
html body .pszv-filter-option input.pszv-filter-checkbox:focus-visible + .pszv-filter-option__label::before {
  outline: 2px solid #497e9e;
  outline-offset: 1px;
}

html body .pszv-filter-option:hover .pszv-filter-option__label {
  color: #497e9e;
}

/* Green "Mehet" button, enforced against theme button resets. */
html body button.pszv-filter-submit {
  display: inline-block !important;
  padding: .5rem 1.4rem !important;
  border: 0 !important;
  border-radius: 4px !important;
  background: #28a745 !important;
  color: #fff !important;
  font-size: .9rem !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  cursor: pointer !important;
  box-shadow: none !important;
  text-transform: none !important;
}

html body button.pszv-filter-submit:hover {
  background: #218838 !important;
}

html body button.pszv-filter-submit:focus-visible {
  outline: 2px solid #218838 !important;
  outline-offset: 1px !important;
}

/* Problem-group tag links on the full answer node page - pixel-identical to
   the blog's .node--type-article a.blog-post__tag (bizreview custom.css),
   scoped to .pszv-answer because this node's bundle class differs from
   .node--type-article so the original blog rule does not reach it. */
html body .pszv-answer .blog-post__tags {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .4rem;
  margin: .75rem 0 1.25rem;
}

html body .pszv-answer .blog-post__tags-label {
  font-weight: 600;
  margin-right: .2rem;
}

html body .pszv-answer a.blog-post__tag {
  display: inline-block;
  padding: .15rem .6rem;
  border-radius: 999px;
  background: #e7f0f8;
  color: #33607f;
  font-size: .78rem;
  font-weight: 600;
  line-height: 1.4;
  white-space: nowrap;
  text-decoration: none;
}

html body .pszv-answer a.blog-post__tag:hover {
  background: #d5e6f3;
  text-decoration: none;
}

/* ==========================================================================
   Tile layout for the approved answers grid (replaces the earlier
   horizontal blog-card layout). Title area styled like the /blog mosaic
   tiles: dark cover with a bold white title at the bottom left. Meta row
   below it matches the homepage "Friss blogbejegyzesek" card style: small
   round avatar (badged by the ellenorzott_szakember module), author name
   over the date.
   ========================================================================== */

html body .pszv-answers-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
}

@media (min-width: 600px) {
  html body .pszv-answers-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (min-width: 992px) {
  html body .pszv-answers-grid { grid-template-columns: repeat(3, 1fr); }
}

html body .pszv-card-wrap[hidden] {
  display: none !important;
}

html body .pszv-tile {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .06), 0 8px 24px rgba(0, 0, 0, .08);
  transition: box-shadow .25s ease;
}

html body .pszv-tile:hover {
  box-shadow: 0 2px 4px rgba(0, 0, 0, .08), 0 16px 40px rgba(0, 0, 0, .12);
}

/* Title area - dark cover, bold white title at the bottom left. */
html body a.pszv-tile__main {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  flex: 1 1 auto;
  aspect-ratio: 16 / 10;
  padding: 1rem 1.15rem 1.05rem;
  background-image: linear-gradient(160deg, #497e9e 0%, #2c3e50 70%);
  text-decoration: none !important;
}

html body a.pszv-tile__main::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, .45) 0%, rgba(0, 0, 0, 0) 60%);
  pointer-events: none;
}

html body .pszv-tile__title {
  position: relative;
  color: #fff;
  font-size: 1.45rem;
  font-weight: 700;
  line-height: 1.25;
  text-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}

/* Meta row - small round avatar (badged by ellenorzott_szakember), name
   over the date. */
html body .pszv-tile__meta {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: .6rem;
  padding: .8rem 1.15rem .95rem;
  background: #fff;
  border-top: 1px solid rgba(0, 0, 0, .07);
}

html body .pszv-tile__author-photo {
  flex: 0 0 auto;
  display: block;
  line-height: 0;
}

html body img.pszv-tile__avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
}

html body .pszv-tile__author-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: .15rem;
  min-width: 0;
}

html body a.pszv-tile__author-name {
  color: inherit;
  text-decoration: none;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.2;
}

html body a.pszv-tile__author-name:hover {
  text-decoration: underline;
}

html body .pszv-tile__date {
  color: #6b7280;
  font-size: .78rem;
  line-height: 1.2;
  white-space: nowrap;
}

/* ==========================================================================
   Q&A metro tiles (replaces the earlier .pszv-tile card layout). Pixel- and
   timing-identical to the theme's own metro-blog.css hover behaviour (title
   slides up, date + author slide in on hover, always visible on mobile),
   but scoped to .pszv-metro so the real blog view (.view-list-news) is
   never touched. No mixed 2x2/1x1 mosaic here on purpose - answers have no
   cover image, so every tile is a uniform grid cell (4 across on desktop).
   ========================================================================== */

html body .pszv-metro {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  grid-auto-rows: 260px !important;
  gap: 8px !important;
  margin: 0 !important;
}

html body .pszv-metro__row {
  width: auto !important;
  max-width: none !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 260px;
}

html body .pszv-metro__row[hidden] {
  display: none !important;
}

html body .pszv-metro__row-inner {
  position: relative;
  height: 100% !important;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  overflow: hidden;
  border-radius: 10px;
  background-image: linear-gradient(160deg, #497e9e 0%, #2c3e50 70%);
}

html body .pszv-metro__field {
  position: relative;
  z-index: 2;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

html body .pszv-metro__field--title { order: 0; }
html body .pszv-metro__field--date  { order: 1; }
html body .pszv-metro__field--name  { order: 2; }

/* Cim: mindig latszik, hoverre feljebb ugrik (pontosan a blog viselkedese). */
html body .pszv-metro__field--title {
  padding-top: .35rem;
  padding-bottom: 1.1rem;
  transition: padding-bottom .28s ease;
}

html body .pszv-metro__row-inner:hover .pszv-metro__field--title {
  padding-bottom: .12rem;
}

html body .pszv-metro__field--title a,
html body .pszv-metro__field--title a:hover,
html body .pszv-metro__field--title a:focus {
  display: -webkit-box;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #fff !important;
  font-weight: 800;
  font-size: 1.1rem;
  line-height: 1.25;
  text-decoration: none !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}

/* Datum + szerzo: alapbol rejtve, hoverre lecsuszva megjelenik - pontosan a
   blog metro-blog.css ertekei. */
html body .pszv-metro__field--date,
html body .pszv-metro__field--name {
  display: flex;
  align-items: center;
  gap: .5rem;
  color: rgba(255, 255, 255, .92);
  font-size: .82rem;
  line-height: 1.35;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .45);
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  padding-top: 0;
  padding-bottom: 0;
  transform: translateY(6px);
  transition: max-height .28s ease, opacity .28s ease,
              transform .28s ease, padding .28s ease;
}

html body .pszv-metro__row-inner:hover .pszv-metro__field--date {
  max-height: 2em;
  opacity: 1;
  transform: none;
  padding-top: .12rem;
}

/* 5.2em, mert az avatar kepe magasabb, mint egy sima szoveges sor - ez a
   blog sajat erteke is. A padding-top .6rem (nem .12rem), hogy latvanyos
   res legyen a datum es a userkep kozott. */
html body .pszv-metro__row-inner:hover .pszv-metro__field--name {
  max-height: 5.2em;
  opacity: 1;
  transform: none;
  padding-top: 1rem;
  padding-bottom: 1.1rem;
}

html body .pszv-metro__field--name img.pszv-tile__avatar {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  object-fit: cover;
  flex: 0 0 auto;
  display: block;
}

html body .pszv-metro__field--name a,
html body .pszv-metro__field--name a:hover,
html body .pszv-metro__field--name a:focus {
  color: #fff !important;
  font-weight: 600;
  text-decoration: underline !important;
}

/* Responziv toresponotok - a Blog mintajara. */
@media (min-width: 768px) and (max-width: 991px) {
  html body .pszv-metro {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767px) {
  html body .pszv-metro {
    grid-template-columns: 1fr !important;
    grid-auto-rows: auto !important;
  }

  html body .pszv-metro__row-inner {
    min-height: 260px;
  }

  /* Mobilon nincs hover: a datum es a szerzo MINDIG latszik. */
  html body .pszv-metro__field--date,
  html body .pszv-metro__field--name {
    max-height: 5.2em;
    opacity: 1;
    transform: none;
    padding-top: .12rem;
  }

  html body .pszv-metro__field--name  { padding-top: 1rem; padding-bottom: 1.1rem; }
  html body .pszv-metro__field--title { padding-bottom: .12rem; }
}

/* ==========================================================================
   Koszono kepernyo (thank-you screen) - after a question is submitted
   ========================================================================== */
.pszv-thankyou {
  display: flex;
  justify-content: center;
  padding: 2rem 1rem 3rem;
}

.pszv-thankyou__card {
  width: 100%;
  max-width: 640px;
  background: var(--bzc-card-bg, #fff);
  border: 1px solid var(--bzc-border, #e6ebf1);
  border-radius: var(--bzc-radius, 14px);
  box-shadow: var(--bzc-shadow, 0 8px 30px rgba(0, 0, 0, .08));
  padding: 2.75rem 2rem 2.5rem;
  text-align: center;
}

.pszv-thankyou__icon {
  width: 76px;
  height: 76px;
  margin: 0 auto 1.25rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: #7cc576;
  box-shadow: 0 6px 18px rgba(124, 197, 118, .4);
}

.pszv-thankyou__title {
  margin: 0 0 .75rem;
  color: #33607f;
  font-weight: 700;
  font-size: 1.6rem;
}

.pszv-thankyou__text {
  margin: 0 auto 1.75rem;
  max-width: 30rem;
  color: #4a5763;
  line-height: 1.6;
}

.pszv-thankyou__actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .85rem;
}

.pszv-thankyou__btn {
  display: inline-block;
  padding: .7rem 1.9rem;
  border-radius: 999px;
  background: #5b9dc6;
  color: #fff !important;
  font-weight: 600;
  text-decoration: none !important;
  transition: background-color .2s ease, transform .2s ease;
}

.pszv-thankyou__btn:hover,
.pszv-thankyou__btn:focus {
  background: #497e9e;
  transform: translateY(-1px);
}

.pszv-thankyou__link {
  color: #497e9e !important;
  font-size: .95rem;
  text-decoration: underline;
}

@media (max-width: 575px) {
  .pszv-thankyou__card { padding: 2rem 1.25rem; }
  .pszv-thankyou__title { font-size: 1.35rem; }
}


/* =========================================================================
 *  Pool tablazat: lekerekitett sarok + olvashato fejlec.
 *  Ugyanaz a stilus, mint az /ajanlatkeresek lista tablanal (egyseges
 *  megjelenes). Magas specifikussag + !important, hogy a tema tablazat-
 *  szabalyai ne irjak felul.
 * ====================================================================== */
.pszv-pool-table {
  width: 100%;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border: 1px solid #d9e2ec !important;
  border-radius: 10px !important;
  overflow: hidden;
  background: #ffffff;
}

.pszv-pool-table thead th {
  background-color: #33607f !important;
  color: #ffffff !important;
  font-weight: 700;
  font-size: 0.92rem;
  text-align: left;
  padding: 0.8rem 1rem !important;
  border: 0 !important;
  white-space: nowrap;
}

.pszv-pool-table tbody td {
  padding: 0.75rem 1rem;
  vertical-align: top;
  border: 0;
  border-top: 1px solid #e6edf3;
  color: #28313c;
}

.pszv-pool-table tbody tr:first-child td {
  border-top: 0;
}

.pszv-pool-table tbody tr:hover td {
  background-color: #eef4fa;
}

/* Pool akciogomb (zold) - onallo, hogy a pool oldal ne fuggjon az
 * ajanlatkeres modul stiluslapjatol. Ugyanaz a zold, mint az
 * /ajanlatkeresek "Megtekintes" gombja. */
.pszv-pool-wrapper a.ajanlatkeres-fo-gomb,
.pszv-pool-wrapper a.ajanlatkeres-fo-gomb:link,
.pszv-pool-wrapper a.ajanlatkeres-fo-gomb:visited {
  display: inline-block;
  padding: 0.5rem 1.15rem;
  border: 0 !important;
  border-radius: 6px;
  background-color: #7cc576 !important;
  color: #ffffff !important;
  font-weight: 600;
  font-size: 0.92rem;
  line-height: 1.2;
  text-decoration: none !important;
  white-space: nowrap;
  cursor: pointer;
}

.pszv-pool-wrapper a.ajanlatkeres-fo-gomb:hover,
.pszv-pool-wrapper a.ajanlatkeres-fo-gomb:focus {
  background-color: #64ae5d !important;
  color: #ffffff !important;
}

/* ==================================================================
   AVATAR: tobbsoros nevnel se legyen ovalis a profilkep-kor.
   Az ellenorzott_szakember JS az avatart .ellenorzott-wrap-be csomagolja,
   ami a flex sorban zsugorodhat; mivel a temaban globalis
   img { max-width: 100% } van, a zsugorodo burkoloban az img szelessege
   lecsokken, a magassaga marad -> ovalis. Ezert a burkolo ES az avatar SOSE
   zsugorodjon, es az img felso szelesseg-korlatja fel legyen oldva.
   ================================================================== */
html body .pszv-metro__field--name .ellenorzott-wrap {
  flex: 0 0 auto;
}
html body .pszv-metro__field--name img.pszv-tile__avatar {
  flex: 0 0 auto;
  min-width: 60px;
  max-width: none;
}