/* 3.3.18 — één uitgebalanceerde, volledig responsieve literaire ratingkaart.
   Werkt met de bestaande knoppen, AJAX-hooks en beoordelingsgegevens. */
body.single-gebruikers_gedicht .ggw-context-sidebar .gg318-sidebar-rating {
  container-type:inline-size;
  width:100%;max-width:100%;min-width:0;box-sizing:border-box;
  margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;
}
body.single-gebruikers_gedicht .ggw-context-sidebar .gg318-sidebar-rating .gg-poem-actions {
  position:relative!important;isolation:isolate;overflow:hidden!important;
  display:flex!important;flex-direction:column!important;align-items:stretch!important;
  width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;
  margin:0!important;padding:clamp(16px,5.5cqw,22px)!important;
  border:1px solid #e9d9cc!important;border-radius:19px!important;
  background:radial-gradient(ellipse at 50% 0%,#fceade 0%,transparent 63%),linear-gradient(160deg,#fffdfa 2%,#fff8f1 60%,#fff2e8 100%)!important;
  color:#5b4138!important;box-shadow:0 9px 24px rgba(89,55,39,.07),0 2px 6px rgba(89,55,39,.035)!important;
}
body.single-gebruikers_gedicht .ggw-context-sidebar .gg318-sidebar-rating .gg-poem-actions::before {
  content:"";position:absolute;z-index:-1;inset:0 0 auto;height:3px;
  background:linear-gradient(90deg,transparent 14%,#dfb89f 42%,#b98069 60%,transparent 86%);
}
body.single-gebruikers_gedicht .ggw-context-sidebar .gg318-sidebar-rating .gg-poem-actions__header {
  display:flex!important;flex-direction:column!important;align-items:stretch!important;
  gap:10px!important;width:100%;min-width:0;text-align:center!important;
}
body.single-gebruikers_gedicht .ggw-context-sidebar .gg318-sidebar-rating .gg-wow-rating-intro {
  display:flex;flex-direction:column;align-items:center;gap:2px;width:100%;max-width:100%;min-width:0;
}
body.single-gebruikers_gedicht .ggw-context-sidebar .gg318-sidebar-rating .gg-wow-rating-ornament {
  display:grid;place-items:center;width:30px;height:30px;margin:0 auto 4px;border-radius:50%;
  color:#a36b55;background:#f7e5d8;border:1px solid #ebd4c4;font-size:15px;
}
body.single-gebruikers_gedicht .ggw-context-sidebar .gg318-sidebar-rating .gg-poem-actions__eyebrow {
  font:800 9px/1.4 var(--vv-font-sans,'Plus Jakarta Sans',sans-serif)!important;
  letter-spacing:.16em!important;color:#a36f60!important;text-transform:uppercase;
}
body.single-gebruikers_gedicht .ggw-context-sidebar .gg318-sidebar-rating .gg-poem-actions__header h3 {
  font:600 clamp(27px,9cqw,34px)/1.06 var(--vv-font-serif,'Cormorant Garamond',Georgia,serif)!important;
  letter-spacing:-.025em!important;color:#51382f!important;margin:3px 0 2px!important;
  overflow-wrap:anywhere;
}
body.single-gebruikers_gedicht .ggw-context-sidebar .gg318-sidebar-rating .gg-wow-rating-intro p {
  font:400 11px/1.5 var(--vv-font-sans,'Plus Jakarta Sans',sans-serif)!important;
  color:#846b61!important;margin:0 auto!important;max-width:25ch;text-align:center;
}
/* De totaalscore is een elegante horizontale chip, geen tweede grote kaart. */
body.single-gebruikers_gedicht .ggw-context-sidebar .gg318-sidebar-rating .gg-poem-average {
  display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;
  gap:8px!important;align-self:center!important;width:auto!important;max-width:100%!important;min-width:0!important;min-height:0!important;
  margin:0!important;padding:6px 12px!important;border-radius:999px!important;
  background:rgba(255,255,255,.74)!important;border:1px solid #ebdacf!important;
  box-shadow:0 2px 8px rgba(92,55,38,.035)!important;box-sizing:border-box!important;
}
body.single-gebruikers_gedicht .ggw-context-sidebar .gg318-sidebar-rating .gg-average-value {
  font:600 24px/1 var(--vv-font-serif,'Cormorant Garamond',Georgia,serif)!important;
  color:#a66a50!important;flex:none;
}
body.single-gebruikers_gedicht .ggw-context-sidebar .gg318-sidebar-rating .gg-average-count {
  font:600 11px/1.3 var(--vv-font-sans,'Plus Jakarta Sans',sans-serif)!important;
  color:#90776b!important;text-align:left;overflow-wrap:break-word;
}
body.single-gebruikers_gedicht .ggw-context-sidebar .gg318-sidebar-rating .gg-poem-actions__controls {
  display:flex!important;flex-direction:column!important;align-items:stretch!important;
  width:100%!important;min-width:0!important;gap:9px!important;margin:13px 0 0!important;padding:0!important;
}
body.single-gebruikers_gedicht .ggw-context-sidebar .gg318-sidebar-rating .gg-wow-rating-prompt {
  font:650 11px/1.45 var(--vv-font-sans,'Plus Jakarta Sans',sans-serif)!important;
  color:#856b61!important;text-align:center;letter-spacing:0;
}
body.single-gebruikers_gedicht .ggw-context-sidebar .gg318-sidebar-rating .gg-poem-stars {
  display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;
  width:100%!important;min-width:0!important;max-width:100%!important;
  gap:clamp(3px,1.7cqw,7px)!important;margin:0!important;padding:0!important;border:0!important;
}
body.single-gebruikers_gedicht .ggw-context-sidebar .gg318-sidebar-rating .gg-poem-star {
  display:grid!important;place-items:center!important;min-width:0!important;width:100%!important;
  height:clamp(34px,12cqw,41px)!important;min-height:0!important;padding:0!important;
  border-radius:10px!important;border:1px solid #e9d6c6!important;
  background:rgba(255,255,255,.85)!important;color:#c9ac96!important;
  box-shadow:0 2px 6px rgba(114,72,49,.04)!important;cursor:pointer!important;
  transition:color .16s ease,background .16s ease,border-color .16s ease,transform .16s ease!important;
}
body.single-gebruikers_gedicht .ggw-context-sidebar .gg318-sidebar-rating .gg-star-icon {
  width:clamp(18px,7cqw,24px)!important;height:clamp(18px,7cqw,24px)!important;
  fill:currentColor!important;stroke:currentColor!important;stroke-width:0!important;
}
body.single-gebruikers_gedicht .ggw-context-sidebar .gg318-sidebar-rating .gg-poem-star:hover,
body.single-gebruikers_gedicht .ggw-context-sidebar .gg318-sidebar-rating .gg-poem-star.is-highlight,
body.single-gebruikers_gedicht .ggw-context-sidebar .gg318-sidebar-rating .gg-poem-star[aria-pressed="true"] {
  background:#fff0d9!important;border-color:#dcae75!important;color:#bd8549!important;transform:translateY(-1px);
}
body.single-gebruikers_gedicht .ggw-context-sidebar .gg318-sidebar-rating .gg-poem-star:disabled {cursor:wait!important;opacity:.75}
body.single-gebruikers_gedicht .ggw-context-sidebar .gg318-sidebar-rating .gg-wow-rating-separator {
  display:flex;align-items:center;gap:11px;width:100%;margin:0!important;color:#c19a83;font-size:14px;
}
body.single-gebruikers_gedicht .ggw-context-sidebar .gg318-sidebar-rating .gg-wow-rating-separator::before,
body.single-gebruikers_gedicht .ggw-context-sidebar .gg318-sidebar-rating .gg-wow-rating-separator::after {
  content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,#e8d0c2);
}
body.single-gebruikers_gedicht .ggw-context-sidebar .gg318-sidebar-rating .gg-wow-rating-separator::after {transform:rotate(180deg)}
/* Knoppen passen altijd: eerst onder elkaar, bij voldoende kaartbreedte naast elkaar. */
body.single-gebruikers_gedicht .ggw-context-sidebar .gg318-sidebar-rating .gg316-poem-buttons {
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;min-width:0!important;
  gap:8px!important;margin:0!important;padding:0!important;
}
body.single-gebruikers_gedicht .ggw-context-sidebar .gg318-sidebar-rating .gg316-poem-buttons .gg-poem-action {
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  width:100%!important;max-width:100%!important;min-width:0!important;min-height:37px!important;
  margin:0!important;padding:8px 7px!important;border:1px solid #e6d2c4!important;border-radius:12px!important;
  background:rgba(255,255,255,.82)!important;color:#845749!important;
  font:700 11px/1.35 var(--vv-font-sans,'Plus Jakarta Sans',sans-serif)!important;
  white-space:normal!important;overflow-wrap:anywhere!important;text-align:center!important;
  box-shadow:none!important;cursor:pointer;transition:background .15s ease,border-color .15s ease!important;
}
body.single-gebruikers_gedicht .ggw-context-sidebar .gg318-sidebar-rating .gg316-poem-buttons .gg-poem-action i {flex:none;font-size:13px!important}
body.single-gebruikers_gedicht .ggw-context-sidebar .gg318-sidebar-rating .gg316-poem-buttons .gg-poem-action:hover,
body.single-gebruikers_gedicht .ggw-context-sidebar .gg318-sidebar-rating .gg316-poem-buttons .gg-poem-action[aria-pressed="true"] {
  background:#f5e1d5!important;border-color:#d6b29c!important;color:#6b4035!important;
}
body.single-gebruikers_gedicht .ggw-context-sidebar .gg318-sidebar-rating .gg-poem-feedback:empty {display:none!important}
body.single-gebruikers_gedicht .ggw-context-sidebar .gg318-sidebar-rating .gg-poem-feedback:not(:empty) {
  margin:13px 0 0!important;padding:10px 12px;border:1px solid #ead7c9;border-radius:10px;
  background:#fffdf9;color:#705246;font-size:12px;line-height:1.5;text-align:center;
}
body.single-gebruikers_gedicht .ggw-context-sidebar .gg318-sidebar-rating .gg-poem-star:focus-visible,
body.single-gebruikers_gedicht .ggw-context-sidebar .gg318-sidebar-rating .gg-poem-action:focus-visible {
  outline:3px solid #b66d50!important;outline-offset:2px!important;
}
@container (min-width: 270px) {
  body.single-gebruikers_gedicht .ggw-context-sidebar .gg318-sidebar-rating .gg316-poem-buttons {grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (prefers-reduced-motion:reduce) {
 body.single-gebruikers_gedicht .ggw-context-sidebar .gg318-sidebar-rating .gg-poem-star,
 body.single-gebruikers_gedicht .ggw-context-sidebar .gg318-sidebar-rating .gg-poem-action {transition:none!important;transform:none!important}
}

/* 3.3.18: uitsluitend het binnenste paneel is een kaart.
   Verwijdert ook kaders van oudere sidebar-thema-regels. */
html body.single-gebruikers_gedicht .ggw-context-sidebar > .gg318-sidebar-rating {
  display:block!important;padding:0!important;margin:0!important;background:none!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;outline:0!important;
}
html body.single-gebruikers_gedicht .ggw-context-sidebar .gg318-sidebar-rating > .gg-poem-actions {
  padding:clamp(16px,5.5cqw,22px)!important;margin:0!important;
}
@container (max-width: 269px) {
 body.single-gebruikers_gedicht .ggw-context-sidebar .gg318-sidebar-rating .gg316-poem-buttons {grid-template-columns:minmax(0,1fr)!important;}
}
