/* Jouw idee voor Brikki. Bouwt voort op home.css; het formulier is gelijk aan dat op over.php. */
.idee-main{gap:var(--between)}
.idee-main>*{min-width:0}
.idee-nav{display:flex;justify-content:flex-end;align-items:center;min-height:58px}
.home-link{position:relative;display:block;width:62px;height:58px;-webkit-tap-highlight-color:transparent}
.home-icon{position:absolute;right:6px;bottom:3px;width:42px;height:34px;background:var(--blue);transition:transform .2s ease}
.home-icon::before{content:'';position:absolute;left:-7px;top:-22px;border-right:28px solid transparent;border-bottom:24px solid var(--blue);border-left:28px solid transparent}
.home-link:hover .home-icon{transform:scale(1.06)}

.idee-beeld{margin-bottom:clamp(18px,2.4vw,26px);overflow:hidden;border-radius:var(--beeld-radius);background:var(--turquoise);aspect-ratio:16/9}
.idee-beeld img{display:block;width:100%;height:100%;border-radius:inherit;object-fit:contain}

.idee-form{position:relative;display:grid;grid-template-columns:1fr;gap:10px;margin-top:30px}
.idee-form label{font-weight:700}
.idee-form input,.idee-form textarea{width:100%;min-height:58px;padding:10px 16px;border:3px solid var(--turquoise);border-radius:18px;background:var(--white);color:var(--black);font:400 21px/1.2 var(--body)}
.idee-form textarea{min-height:190px;padding:14px 16px;line-height:1.35;resize:vertical}
.idee-form input:focus,.idee-form textarea:focus{outline:4px solid rgb(51 102 254 / .35);outline-offset:2px}
.idee-form .knop{border:0;cursor:pointer;margin-top:12px}
.idee-blok>.form-message{margin-top:30px}
.idee-blok>.idee-nog{max-width:none;margin:0;text-align:center}
.form-message{padding:14px 18px;border-radius:18px;font-weight:700}
.form-message.success{background:var(--yellow);color:var(--black);border-radius:999px;text-align:center}
/* Elke zin blijft heel, zodat er nooit één los woord op een derde regel staat. Op smalle
   telefoons wordt de letter iets kleiner, net zo veel dat de langste zin op één regel past. */
.idee-blok>.form-message.success{font-size:min(21px,(100vw - 128px) * .074)}
@supports (width:1cqw){.idee-blok>.form-message.success{font-size:min(21px,(100cqw - 96px) * .074)}}
.form-message.success .zin{display:inline-block}
.form-message.error{background:rgb(178 49 35 / .12);color:var(--red)}
.spam-check{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}

@media (hover:none){.home-link:hover .home-icon{transform:none}}

/* Zin boven Verstuur: wat er met de voornaam en leeftijd gebeurt */
.idee-form .idee-noot{margin:8px 0 0;font-size:16px;line-height:1.35}