.vwer-source-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 8px;
  border-radius: var(--vwer-source-badge-border-radius, 999px);
  line-height: 1;
  background-color: #fff;
  border: var(--vwer-source-badge-border-width, 1px) var(--vwer-source-badge-border-style, solid) #e5e7eb;
}

.vwer-source-badge__icon {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}

.vwer-source-badge__icon-wrap {
  width: var(--vwer-source-badge-size, 16px);
  height: var(--vwer-source-badge-size, 16px);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  flex: 0 0 var(--vwer-source-badge-size, 16px);
}

.vwer-source-badge__icon--klantenvertellen,
.vwer-source-badge__icon--kv {
  transform: scale(1.75);
  transform-origin: center;
}

.vwer-source-badge__label {
  font-size: .75rem;
  font-weight: 600;
  color: #334155;
}

/* Google review reactie styling */
.vwer-reply {
  margin-top: 12px;
  padding: 10px 14px;
  background: #f6f8fa;
  border-left: 3px solid #4285f4;
  border-radius: 4px;
  font-size: .95em;
  color: #222;
}
.vwer-reply-label {
  font-weight: 600;
  color: #4285f4;
}

/* Meta rows for review header (unified grid/list) */
.vwer-meta-row1 {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 2px;
}
.vwer-meta-row1 > a,
.vwer-li-head > a {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  color: inherit;
  text-decoration: none;
}
.vwer-meta-row2 {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--vwer-biz-color, #6b7280);
  font-size: 0.97em;
  margin-bottom: 4px;
}
.vwer-grid, .vwer-list {
  --vwer-card-border-width: 1px;
  --vwer-card-border-color: var(--vwer-card-border-color, #d9dfe5);
  --vwer-card-radius: 12px;
}

.vwer-grid {
  display: grid;
  grid-template-columns: var(--vwer-grid-cols, repeat(4, minmax(0, 1fr)));
  column-gap: var(--vwer-col-gap, 16px);
  row-gap: var(--vwer-row-gap, 16px);
}

.vwer-grid > * {
  min-width: 0;
}

.vwer-grid .vwer-card,
.vwer-list .vwer-list-item,
.vwer-list .vwer-card {
  background-color: #fff;
  border-width: var(--vwer-card-border-width, 1px);
  border-style: solid;
  border-color: var(--vwer-card-border-color, #d9dfe5);
  border-radius: var(--vwer-card-radius, 12px);
  padding: var(--vwer-pad, 16px);
  box-shadow: var(--vwer-shadow, 0 1px 2px rgba(0,0,0,.06));
  color: var(--vwer-text-color, #374151);
}

/* Grid cards stretch to fill column, but respect max-width if set */
.vwer-grid .vwer-card {
  width: 100%;
  max-width: var(--vwer-card-max, none);
  min-width: 0;
  justify-self: var(--vwer-align, center);
}

/* List structure - full width container */
.vwer-list {
  display: flex;
  flex-direction: column;
  gap: var(--vwer-row-gap, 16px);
}

/* List cards use alignment */
.vwer-list .vwer-list-item,
.vwer-list .vwer-card {
  width: 100%;
  max-width: var(--vwer-card-max, none);
  margin-left: auto;
  margin-right: auto;
}

/* Avatar */
.vwer-reviews-outer .vwer-avatar,
.vwer-reviews-outer .vwer-card__avatar {
  width: var(--vwer-avatar-size, 48px);
  height: var(--vwer-avatar-size, 48px);
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 1.1rem;
  background-color: #e5e7eb;
  color: #111827;
  box-shadow: none;
}

/* Heading / meta */
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<AUTO GENERATED BY CONFLICT EXTENSION<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< accept
.vwer-author { color: #111827; }
.vwer-biz { color: #6b7280; }
.vwer-title { color: #0f172a; font-size: 1rem; line-height: 1.4; margin: 8px 0 6px; }
.vwer-text { color: #374151; font-size: .9375rem; }
====================================AUTO GENERATED BY CONFLICT EXTENSION====================================
.vwer-author { color: var(--vwer-author-color, #111827); }
.vwer-biz { color: var(--vwer-biz-color, #6b7280); }
.vwer-title { color: var(--vwer-title-color, #0f172a); font-size: 1rem; line-height: 1.4; margin: 8px 0 6px; width: 100%;}
.vwer-text { color: var(--vwer-text-color, #374151); font-size: .9375rem; }
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>AUTO GENERATED BY CONFLICT EXTENSION>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> features/pn-google-reactions

/* Stars */
.vwer-stars { display:flex; align-items:center; gap: 6px; color: #f59e0b; font-size: 24px; line-height: 1; }
.vwer-star { font-size: inherit; line-height: 1; }
.vwer-star--full { color: inherit; }
.vwer-star--half { color: inherit; opacity: .9; }
.vwer-star--empty { color: #d1d5db; }

.vwer-card__content {
  display: flex;
  flex-direction: var(--vwer-content-direction, column);
  gap: 8px;
}

.vwer-card__content--left_to_right {
  align-items: center;
  flex-wrap: wrap;
}

.vwer-more {
  margin-top: 0;
  width: fit-content;
  max-width: 100%;
  align-self: flex-start;
}

.vwer-toggle-all {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  background: transparent;
  padding: 0;
  cursor: pointer;
  text-decoration: underline;
  flex-shrink: 0;
  max-width: 100%;
  white-space: normal;
  word-break: break-word;
  font-size: 0.85em;
  line-height: 1.1;
  text-align: left;
}

/* Content alignment */
.vwer-align-center .vwer-card,
.vwer-align-center .vwer-list-item { text-align: center; }
.vwer-align-center .vwer-card__content { align-items: center; }
.vwer-align-center .vwer-stars { justify-content: center; }
.vwer-align-center .vwer-more { align-self: center; }
.vwer-align-center .vwer-meta-row1,
.vwer-align-center .vwer-meta-row2 { justify-content: center; }

.vwer-align-right .vwer-card,
.vwer-align-right .vwer-list-item { text-align: right; }
.vwer-align-right .vwer-card__content { align-items: flex-end; }
.vwer-align-right .vwer-stars { justify-content: flex-end; }
.vwer-align-right .vwer-more { align-self: flex-end; }
.vwer-align-right .vwer-meta-row1,
.vwer-align-right .vwer-meta-row2 { justify-content: flex-end; }

/* Make sure list items inherit vars */
.vwer-list .vwer-li-head { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }

/* Responsive niceties */
@media (max-width: 1366px) {
  .vwer-grid {
    grid-template-columns: var(--vwer-grid-cols-laptop, var(--vwer-grid-cols, repeat(4, minmax(0, 1fr))));
    column-gap: var(--vwer-col-gap-laptop, var(--vwer-col-gap, 16px));
    row-gap: var(--vwer-row-gap-laptop, var(--vwer-row-gap, 16px));
  }
}

@media (max-width: 1200px) {
  .vwer-grid {
    grid-template-columns: var(--vwer-grid-cols-tablet-landscape, var(--vwer-grid-cols-laptop, var(--vwer-grid-cols, repeat(3, minmax(0, 1fr)))));
    column-gap: var(--vwer-col-gap-tablet-landscape, var(--vwer-col-gap-laptop, var(--vwer-col-gap, 16px)));
    row-gap: var(--vwer-row-gap-tablet-landscape, var(--vwer-row-gap-laptop, var(--vwer-row-gap, 16px)));
  }
}

@media (max-width: 1024px) {
  .vwer-grid { 
    grid-template-columns: var(--vwer-grid-cols-tablet, repeat(2, minmax(0, 1fr)));
    column-gap: var(--vwer-col-gap-tablet, var(--vwer-col-gap, 16px));
    row-gap: var(--vwer-row-gap-tablet, var(--vwer-row-gap, 16px));
  }
}

@media (max-width: 767px) {
  .vwer-grid { 
    grid-template-columns: var(--vwer-grid-cols-mobile, repeat(1, minmax(0, 1fr)));
    column-gap: var(--vwer-col-gap-mobile, var(--vwer-col-gap, 16px));
    row-gap: var(--vwer-row-gap-mobile, var(--vwer-row-gap, 16px));
  }
}

/* Utility */
.vwer-grid, .vwer-list, .vwer-reviews-slider { color: inherit; }

/* Pager base */
.vwer-pager {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 24px;
}

.vwer-pager a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  min-height: 36px;
  text-decoration: none;
  border-style: solid;
  border-width: 1px;
  border-radius: 6px;
  background-color: #2a3a48;
  color: #ffffff;
  border-color: #2a3a48;
}

.vwer-pager a.is-current {
  background-color: #2a3a48;
  color: #ffffff;
  border-color: #2a3a48;
}

/* Sort dropdown base */
.vwer-sort-wrap {
  position: relative;
  display: inline-block;
}
.vwer-sort-wrap::after {
  content: '';
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #374151;
  pointer-events: none;
}
.vwer-sort-select {
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  padding-right: 30px;
  border-style: solid;
  border-width: 1px;
}

/* ===== Shortcode shared styles ===== */
.vwer-head__meta { display: flex; flex-direction: column; gap: 2px; }
.vwer-date { color: #7a8793; font-size: .9em; }
.vwer-opinion { margin: .25rem 0; font-style: italic; color: #334155; }
.vwer-oneliner { margin: .15rem 0; font-weight: 600; }
.vwer-lines { margin: .35rem 0; padding-left: 1.1rem; }
.vwer-lines li { margin: .15rem 0; }
.vwer-line-label { font-weight: 600; }

/* Avatar images (real photos) */
img.vwer-avatar,
img.vwer-card__avatar {
  width: var(--vwer-avatar-size, 48px);
  height: var(--vwer-avatar-size, 48px);
  border-radius: 50%;
  object-fit: cover;
}

/* Klantenvertellen average score badge */
.vwer-average-link {
  display: inline-block;
  color: inherit;
  text-decoration: none;
}
.vwer-average {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  min-width: 145px;
  font-family: inherit;
  text-align: center;
}
.vwer-average__ring {
  position: relative;
  display: grid;
  width: 116px;
  height: 116px;
  place-items: center;
}
.vwer-average__ring-image {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.vwer-average__score {
  position: relative;
  z-index: 1;
  color: #3f3f3f;
  font-size: 38px;
  font-weight: 700;
  line-height: 1;
}
.vwer-average__stars {
  display: flex;
  gap: 1px;
  margin-top: 8px;
  font-size: 24px;
  line-height: 1;
}
.vwer-average__star {
  color: transparent;
  background: linear-gradient(90deg, #f5a400 var(--vwer-star-fill), #d8d8d8 var(--vwer-star-fill));
  background-clip: text;
  -webkit-background-clip: text;
}
.vwer-average__count {
  margin-top: 4px;
  color: #333;
  font-size: 13px;
  line-height: 1.25;
}

/* Google reviewsk average score badge */

.vwer-average__ring--google{
  width: 91px;
}

.vwer-average__score--google{
  top: 48px;
}