/* Feedbackknop en -dialoog (inc/feedback.php). Rustig, links onderaan; de chat zit rechtsonder. Alle tekst min. 12 px. */
.peek-fb{ position:fixed; z-index:55; left:max(12px, env(safe-area-inset-left)); bottom:calc(12px + env(safe-area-inset-bottom)); display:flex; align-items:stretch;
   border:1px solid rgba(236,235,231,.2); border-radius:999px; background:rgba(6,12,18,.78);
  -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); font-family:var(--wp--preset--font-family--text, system-ui, sans-serif); }
.peek-fb[hidden]{ display:none; }
.peek-fb__open{ appearance:none; background:none; border:0; color:#C9CCCE; font:400 13px/1.25 var(--wp--preset--font-family--text, system-ui, sans-serif); text-align:left; padding:8px 6px 8px 14px; min-height:36px; cursor:pointer; border-radius:999px 0 0 999px; }
.peek-fb__open:hover{ color:#ECEBE7; }
.peek-fb__x{ appearance:none; background:none; border:0; color:#A4A7AA; width:32px; min-height:36px; display:inline-flex; align-items:center; justify-content:center; cursor:pointer; border-radius:0 999px 999px 0; }
.peek-fb__x:hover{ color:#ECEBE7; }
.peek-fb__open:focus-visible, .peek-fb__x:focus-visible{ outline:2px solid #8FD8FF; outline-offset:2px; }
/* Smal scherm: alleen "Feedback" zichtbaar (de volledige vraag staat in de toegankelijke naam en in de dialoog), zodat er naast de chatknop plek is. */
.peek-fb__kort{ display:inline; }
.peek-fb__lang{ display:none; }
@media (min-width:700px){ .peek-fb__kort{ display:none; } .peek-fb__lang{ display:inline; } }
@media (min-width:700px){ .peek-fb{ max-width:none; left:max(16px, env(safe-area-inset-left)); bottom:calc(16px + env(safe-area-inset-bottom)); } .peek-fb__open{ white-space:nowrap; } }
body:has(dialog[open]) .peek-fb{ display:none; }

.peek-fbd{ width:min(480px, calc(100vw - 24px)); max-height:calc(100dvh - 24px); overflow:auto; padding:0; border:1px solid rgba(143,216,255,.4); border-radius:16px;
  background:#06101A; color:#ECEBE7; font-family:var(--wp--preset--font-family--text, system-ui, sans-serif); box-shadow:0 24px 80px rgba(0,0,0,.7); }
.peek-fbd::backdrop{ background:rgba(2,4,6,.72); }
.peek-fbd__form{ padding:18px 20px 20px; }
.peek-fbd__head{ display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.peek-fbd h2{ margin:0; font:500 20px/1.25 var(--wp--preset--font-family--display, serif); color:#ECEBE7; }
.peek-fbd__x{ appearance:none; background:none; border:0; color:#A4A7AA; width:36px; height:36px; display:inline-flex; align-items:center; justify-content:center; cursor:pointer; border-radius:50%; flex:none; margin:-6px -8px 0 0; }
.peek-fbd__x:hover{ color:#ECEBE7; }
.peek-fbd__lede{ margin:6px 0 14px; font-size:14px; line-height:1.45; color:#A4A7AA; }
.peek-fbd__score{ border:0; margin:0 0 14px; padding:0; }
.peek-fbd legend, .peek-fbd label{ font-size:14px; font-weight:500; color:#ECEBE7; padding:0; }
.peek-fbd__radios{ display:flex; gap:8px; margin:8px 0 4px; }
.peek-fbd__radios label{ position:relative; flex:1; }
.peek-fbd__radios input{ position:absolute; inset:0; opacity:0; margin:0; cursor:pointer; width:100%; height:100%; }
.peek-fbd__radios span{ display:flex; align-items:center; justify-content:center; min-height:44px; border:1px solid rgba(236,235,231,.25); border-radius:10px; font-size:16px; color:#ECEBE7; background:rgba(236,235,231,.04); }
.peek-fbd__radios input:checked + span{ border-color:#8FD8FF; background:rgba(0,154,215,.28); color:#fff; box-shadow:0 0 0 1px #8FD8FF; }
.peek-fbd__radios input:focus-visible + span{ outline:2px solid #8FD8FF; outline-offset:2px; }
.peek-fbd__radios[aria-invalid] span{ border-color:#FF9C8A; }
.peek-fbd__hint{ margin:2px 0 0; font-size:12px; line-height:1.4; color:#A4A7AA; }
.peek-fbd__veld{ margin:0 0 14px; display:flex; flex-direction:column; gap:6px; }
.peek-fbd textarea, .peek-fbd input[type=email]{ width:100%; box-sizing:border-box; padding:10px 12px; border:1px solid rgba(236,235,231,.3); border-radius:10px; background:#0A1520; color:#ECEBE7; font:400 16px/1.4 var(--wp--preset--font-family--text, system-ui, sans-serif); }
.peek-fbd textarea{ resize:vertical; min-height:96px; }
.peek-fbd textarea:focus-visible, .peek-fbd input[type=email]:focus-visible{ outline:2px solid #8FD8FF; outline-offset:1px; border-color:#8FD8FF; }
.peek-fbd [aria-invalid]{ border-color:#FF9C8A; }
.peek-fbd__err{ margin:0; min-height:0; font-size:13px; line-height:1.4; color:#FFB4A6; }
.peek-fbd__err:empty{ display:none; }
.peek-fbd__avg{ margin:0 0 12px; font-size:12px; line-height:1.5; color:#A4A7AA; }
.peek-fbd__avg a{ color:#8FD8FF; text-decoration:underline; text-underline-offset:2px; }
.peek-fbd__status{ margin:0 0 10px; min-height:18px; font-size:14px; color:#ECEBE7; }
.peek-fbd__acties{ display:flex; justify-content:flex-end; gap:10px; }
.peek-fbd__stil, .peek-fbd__send{ appearance:none; min-height:44px; padding:0 20px; border-radius:999px; font:500 15px/1 var(--wp--preset--font-family--text, system-ui, sans-serif); cursor:pointer; }
.peek-fbd__stil{ background:none; border:1px solid rgba(236,235,231,.3); color:#ECEBE7; }
.peek-fbd__send{ background:#EF9221; border:1px solid #EF9221; color:#140A02; }
.peek-fbd__send:disabled{ opacity:.6; cursor:default; }
.peek-fbd button:focus-visible{ outline:2px solid #8FD8FF; outline-offset:2px; }
.peek-cb__hp{ position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }
.peek-fb.is-wacht{ visibility:hidden; opacity:0; }
.peek-fb{ transition:opacity .3s; }
@media (prefers-reduced-motion:reduce){ .peek-fb{ transition:none; } }