/*
 * Posivra Quotes MVP – Frontend
 * The shortcode outputs a responsive CSS grid. You can override these styles in your theme if desired.
 */

.pvq-wrap{
  display:grid;
  grid-template-columns: repeat(var(--pvq-cols,4), minmax(0,1fr));
  gap: 16px;
  align-items: stretch;
}

@media (max-width: 1024px){
  .pvq-wrap{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 600px){
  .pvq-wrap{ grid-template-columns: repeat(1, minmax(0,1fr)); }
}

.pvq-card{ margin:0; }

/* Wide (Posivra-style) card */
.pvq-style-wide .pvq-card{
  position:relative;
  background:#fff;
  padding: 22px 70px;
  border-radius: 12px;
  box-shadow: 0 10px 25px rgba(0,0,0,.06);
  border:1px solid rgba(0,0,0,.06);
  overflow:hidden;
}

.pvq-style-wide .pvq-card:before,
.pvq-style-wide .pvq-card:after{
  position:absolute;
  font-size: 54px;
  line-height: 1;
  font-weight: 800;
  color: var(--pvq-accent, #e84a8a);
  opacity: .95;
}
.pvq-style-wide .pvq-card:before{ content:"“"; left:18px; top:10px; }
.pvq-style-wide .pvq-card:after{ content:"”"; right:18px; bottom:10px; }

.pvq-style-wide .pvq-text{ margin:0; color:#111; font-size:15px; line-height:1.55; font-weight:500; }
.pvq-style-wide .pvq-author{ margin-top:10px; font-size:13px; font-weight:700; color:#111; }

@media (max-width: 600px){
  .pvq-style-wide .pvq-card{ padding: 18px 46px; }
  .pvq-style-wide .pvq-card:before,
  .pvq-style-wide .pvq-card:after{ font-size: 46px; }
}

/* Simple card */
.pvq-style-simple .pvq-card{
  background:#fff;
  padding:16px;
  border-radius:12px;
  border:1px solid rgba(0,0,0,.08);
}
.pvq-style-simple .pvq-text{ margin:0; }
.pvq-style-simple .pvq-author{ margin-top:10px; font-weight:600; opacity:.8; }