/* GG 4.0.4 — unify all sidebar widgets to the calmer 'Laat weten wat jou raakt' card style. */
:root{--gg404-widget-ink:#173442;--gg404-widget-copy:#5f6f7c;--gg404-widget-line:#dce3e8;--gg404-widget-accent:#a86840;--gg404-widget-surface:#ffffff;--gg404-widget-radius:22px}

/* One calmer card language for sidebars and widget areas. */
html body.ggw-theme .ggw-context-sidebar>:is(.ggw-side-card,.gg319-react-card,.vv-latest-prent),
html body.ggw-theme .ggw-context-sidebar>.ggw-side-widgets>:is(.widget,.wp-block-group),
html body #ggwh-main #gg-writersblok-hulp .ggwh-single-sidebar>.ggwh-side-card,
html body.single-gebruikers_gedicht .ggw-context-sidebar .gg318-sidebar-rating>.gg-poem-actions,
html body .sidebar-studio>:is(.widget,.vv-latest-prent),
html body .ggblog-aside>:is(.ggblog-aside__card),
html body .ggblog-single__aside>:is(.ggblog-aside__card),
html body .ggblog-aside__widgets>.widget{
  background:var(--gg404-widget-surface)!important;
  border:1px solid var(--gg404-widget-line)!important;
  border-radius:var(--gg404-widget-radius)!important;
  box-shadow:0 7px 22px rgba(31,51,69,.035)!important;
  padding:26px 26px 24px!important;
}

/* Hide eyebrows so every widget starts like the calmer example card. */
html body.ggw-theme .ggw-context-sidebar :is(.ggw-eyebrow,.vv-latest-prent__eyebrow),
html body #ggwh-main #gg-writersblok-hulp .ggwh-single-sidebar .ggwh-eyebrow,
html body.single-gebruikers_gedicht .ggw-context-sidebar .gg318-sidebar-rating .gg-poem-actions__eyebrow,
html body .ggblog-aside :is(.ggblog-eyebrow),
html body .ggblog-single__aside :is(.ggblog-eyebrow),
html body .sidebar-studio>.widget .sidebar-widget-header{
  display:none!important;
}

/* Large clear title area with room for the icon in the corner. */
html body.ggw-theme .ggw-context-sidebar :is(.ggw-side-card,.gg319-react-card,.vv-latest-prent,.ggw-side-widgets .widget) :is(h2,h3,.vv-latest-prent__heading,.widget-title),
html body #ggwh-main #gg-writersblok-hulp .ggwh-single-sidebar .ggwh-side-card h2,
html body.single-gebruikers_gedicht .ggw-context-sidebar .gg318-sidebar-rating .gg-poem-actions__header h3,
html body .sidebar-studio>.widget :is(h2,h3,.widget-title),
html body .ggblog-aside :is(.ggblog-aside__card,.ggblog-aside__widgets>.widget) :is(h2,h3,.widget-title),
html body .ggblog-single__aside>.ggblog-aside__card h2,
html body.single-gebruikers_gedicht .ggw-context-sidebar .gg318-sidebar-rating .gg-wow-rating-prompt{
  color:var(--gg404-widget-ink)!important;
  font:800 clamp(21px,1.7vw,24px)/1.28 'Plus Jakarta Sans',Arial,sans-serif!important;
  letter-spacing:-.032em!important;
  margin:0 0 16px!important;
  max-width:calc(100% - 54px)!important;
  text-align:left!important;
}
html body.single-gebruikers_gedicht .ggw-context-sidebar .gg318-sidebar-rating .gg-wow-rating-prompt{
  display:block!important;
}
html body.single-gebruikers_gedicht .ggw-context-sidebar .gg318-sidebar-rating .gg-poem-actions__header{
  padding-top:0!important;
}

html body.ggw-theme .ggw-context-sidebar :is(.ggw-side-card,.gg319-react-card,.vv-latest-prent,.ggw-side-widgets .widget) :is(p,.vv-latest-prent__copy),
html body #ggwh-main #gg-writersblok-hulp .ggwh-single-sidebar .ggwh-side-card p,
html body .sidebar-studio>.widget :is(p,.textwidget),
html body .ggblog-aside>.ggblog-aside__card p,
html body .ggblog-single__aside>.ggblog-aside__card p,
html body.single-gebruikers_gedicht .ggw-context-sidebar .gg318-sidebar-rating .gg-poem-feedback{
  color:var(--gg404-widget-copy)!important;
  font:400 14.5px/1.8 'Plus Jakarta Sans',Arial,sans-serif!important;
  margin:0!important;
}

/* The subtle icon may stay, but make it slightly more present and always sit in the same spot. */
html body.ggw-theme .ggw-context-sidebar>:is(.ggw-side-card,.gg319-react-card,.vv-latest-prent)::after,
html body.ggw-theme .ggw-context-sidebar>.ggw-side-widgets>:is(.widget,.wp-block-group)::after,
html body #ggwh-main #gg-writersblok-hulp .ggwh-single-sidebar>.ggwh-side-card::after,
html body.single-gebruikers_gedicht .ggw-context-sidebar .gg318-sidebar-rating>.gg-poem-actions::after,
html body .sidebar-studio>:is(.widget,.vv-latest-prent)::after,
html body .ggblog-aside>:is(.ggblog-aside__card)::after,
html body .ggblog-single__aside>:is(.ggblog-aside__card)::after,
html body .ggblog-aside__widgets>.widget::after{
  top:18px!important;
  right:18px!important;
  width:48px!important;
  height:48px!important;
  opacity:.18!important;
}

/* Buttons: full-width calm pills like the lower example widget. */
html body.ggw-theme .ggw-context-sidebar .ggw-side-studio .ggw-btn,
html body.ggw-theme .ggw-context-sidebar .gg319-react-card .gg319-react-card__link,
html body #ggwh-main #gg-writersblok-hulp .ggwh-side-cta .ggwh-primary,
html body .sidebar-studio>.widget .btn-sidebar-cta,
html body .ggblog-aside>.ggblog-aside__card>a,
html body .ggblog-single__aside>.ggblog-aside__card>a{
  display:flex!important;
  width:100%!important;
  min-height:56px!important;
  padding:0 20px!important;
  justify-content:center!important;
  align-items:center!important;
  gap:10px!important;
  border-radius:999px!important;
  background:#fff!important;
  border:1px solid var(--gg404-widget-line)!important;
  color:var(--gg404-widget-ink)!important;
  font:700 13.5px/1.45 'Plus Jakarta Sans',Arial,sans-serif!important;
  text-decoration:none!important;
  box-shadow:none!important;
  margin-top:18px!important;
}
html body.ggw-theme .ggw-context-sidebar .ggw-side-studio .ggw-btn:hover,
html body.ggw-theme .ggw-context-sidebar .gg319-react-card .gg319-react-card__link:hover,
html body #ggwh-main #gg-writersblok-hulp .ggwh-side-cta .ggwh-primary:hover,
html body .sidebar-studio>.widget .btn-sidebar-cta:hover,
html body .ggblog-aside>.ggblog-aside__card>a:hover,
html body .ggblog-single__aside>.ggblog-aside__card>a:hover{
  background:#fbfcfd!important;
  border-color:#cfd8de!important;
}

/* Rating card adopts the same language while keeping the stars and actions functional. */
html body.single-gebruikers_gedicht .ggw-context-sidebar .gg318-sidebar-rating>.gg-poem-actions{
  display:block!important;
  padding:24px 24px 22px!important;
}
html body.single-gebruikers_gedicht .ggw-context-sidebar .gg318-sidebar-rating .gg-poem-actions__controls{
  display:flex!important;
  flex-direction:column!important;
  gap:16px!important;
}
html 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;
  gap:8px!important;
}
html body.single-gebruikers_gedicht .ggw-context-sidebar .gg318-sidebar-rating .gg-poem-star{
  min-height:44px!important;
  border-radius:12px!important;
  border:1px solid #eadfd5!important;
  background:#fff!important;
  color:#7d8c97!important;
}
html body.single-gebruikers_gedicht .ggw-context-sidebar .gg318-sidebar-rating .gg-poem-star:is(:hover,[aria-pressed='true'],.is-highlight){
  color:#b97748!important;
  border-color:#dfbf9b!important;
  background:#fffaf4!important;
}
html body.single-gebruikers_gedicht .ggw-context-sidebar .gg318-sidebar-rating .gg-wow-rating-separator{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:14px!important;
  color:#98a7b4!important;
}
html body.single-gebruikers_gedicht .ggw-context-sidebar .gg318-sidebar-rating .gg-wow-rating-separator::before,
html body.single-gebruikers_gedicht .ggw-context-sidebar .gg318-sidebar-rating .gg-wow-rating-separator::after{
  content:''!important;
  flex:1 1 auto!important;
  height:1px!important;
  background:#e3e8ec!important;
}
html body.single-gebruikers_gedicht .ggw-context-sidebar .gg318-sidebar-rating .gg316-poem-buttons{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:12px!important;
}
html body.single-gebruikers_gedicht .ggw-context-sidebar .gg318-sidebar-rating .gg-poem-action{
  display:flex!important;
  width:100%!important;
  min-height:56px!important;
  padding:0 18px!important;
  justify-content:center!important;
  align-items:center!important;
  gap:10px!important;
  border-radius:18px!important;
  border:1px solid var(--gg404-widget-line)!important;
  background:#fff!important;
  color:var(--gg404-widget-ink)!important;
  font:700 13.5px/1.45 'Plus Jakarta Sans',Arial,sans-serif!important;
  box-shadow:none!important;
}
html body.single-gebruikers_gedicht .ggw-context-sidebar .gg318-sidebar-rating .gg-poem-action:hover{
  background:#fbfcfd!important;
  border-color:#cfd8de!important;
}

/* Writersblok side links become cleaner rows inside the same card system. */
html body #ggwh-main #gg-writersblok-hulp .ggwh-single-sidebar .ggwh-side-links{
  gap:10px!important;
  margin:14px 0 0!important;
}
html body #ggwh-main #gg-writersblok-hulp .ggwh-single-sidebar .ggwh-side-links a{
  min-height:44px!important;
  border-radius:12px!important;
  border:1px solid #e7ecef!important;
  background:#fff!important;
  padding:10px 14px!important;
}

/* Category lists feel calmer too. */
html body.ggw-theme .ggw-context-sidebar .ggw-side-categories .ggw-side-term{
  min-height:48px!important;
  border-radius:14px!important;
  border:1px solid #e7ecef!important;
  background:#fff!important;
  padding:10px 12px!important;
}
html body.ggw-theme .ggw-context-sidebar .ggw-side-categories .ggw-side-term:hover,
html body.ggw-theme .ggw-context-sidebar .ggw-side-categories .ggw-side-term.is-current{
  background:#fbfcfd!important;
  border-color:#cfd8de!important;
}

/* Mobile spacing like the provided screenshot. */
@media(max-width:620px){
  html body.ggw-theme .ggw-context-sidebar>:is(.ggw-side-card,.gg319-react-card,.vv-latest-prent),
  html body.ggw-theme .ggw-context-sidebar>.ggw-side-widgets>:is(.widget,.wp-block-group),
  html body #ggwh-main #gg-writersblok-hulp .ggwh-single-sidebar>.ggwh-side-card,
  html body.single-gebruikers_gedicht .ggw-context-sidebar .gg318-sidebar-rating>.gg-poem-actions,
  html body .sidebar-studio>:is(.widget,.vv-latest-prent),
  html body .ggblog-aside>:is(.ggblog-aside__card),
  html body .ggblog-single__aside>:is(.ggblog-aside__card),
  html body .ggblog-aside__widgets>.widget{padding:24px 20px 22px!important}
  html body.single-gebruikers_gedicht .ggw-context-sidebar .gg318-sidebar-rating .gg-poem-stars{gap:7px!important}
}
