/* Alap blockquote stílus — világos háttér + nagy padding */
.content blockquote {
  position: relative;
  background: #f9f9f9;
  padding: 3rem;
  margin: 2em 0;
  border: 0;              /* levesszük a gyári bal szegélyt */
  font-style: italic;
  font-size: 1.3em;
  line-height: 1.6;
  color: rgba(0, 0, 0, 0.85);
  border-radius: 8px;     /* opcionális, szépítés */
}

/* Belső <p> margóigazítás, több bekezdés esetén ritkítás */
.content blockquote p {
  margin: 0;
}
.content blockquote p + p {
  margin-top: 1em;
}

/* Nyitó idéző SVG a bal felső sarokban */
.content blockquote::before {
  content: "";
  position: absolute;
  top: 1rem;
  left: 1rem;
  width: 36px;
  height: 36px;
  background: no-repeat center/contain url("/wp-content/themes/utazomajom_v3/assets_v3/dist/images/bqum1.svg");
  opacity: 0.6;           /* ha erősebb kell, emeld (0.8–1) */
  pointer-events: none;
}

/* Záró idéző SVG a jobb alsó sarokban */
.content blockquote::after {
  content: "";
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  width: 36px;
  height: 36px;
  background: no-repeat center/contain url("/wp-content/themes/utazomajom_v3/assets_v3/dist/images/bqum2.svg");
  opacity: 0.6;
  pointer-events: none;
}

/* Kisebb kijelzőn picit kisebb ikonok és padding */
@media (max-width: 640px) {
  .content blockquote {
    padding: 2rem;
  }
  .content blockquote::before,
  .content blockquote::after {
    width: 28px;
    height: 28px;
  }
}