/* Aanvullingen 1.1.0: echt logo en antwoordgerichte terugkoppeling. */
.odw-koffie__brand{padding:10px 32px;min-height:115px;background:#fff;gap:24px}
.odw-koffie .odw-koffie__logo{display:block;width:290px;max-width:65%;height:auto;object-fit:contain;flex:none;border:0;border-radius:0;box-shadow:none;margin:0}
.odw-koffie .odw-koffie__themes{list-style:none;padding:0;margin:22px 0;display:grid;gap:12px}
.odw-koffie__themes li{list-style:none;padding:15px 16px;border:1px solid #dce8e9;border-left:3px solid #4a9d30;border-radius:8px;background:#f8fcf7;margin:0}
.odw-koffie__themes strong{display:block;color:#07549a;font-size:15px;line-height:1.4}
.odw-koffie__frequency{display:block;color:#526a76;font-size:11px;margin:5px 0 7px}
.odw-koffie__themes li p{font-size:13px;margin:0;line-height:1.6}
.odw-koffie__next{margin:22px 0}
.odw-koffie__next h4{font-family:inherit;color:#07549a;font-size:19px;line-height:1.4;margin:0 0 10px;letter-spacing:0;text-transform:none}
.odw-koffie__next p{font-size:15px}
.odw-koffie .odw-koffie__demo-notice{padding:12px 14px;background:#fff5d8;border:1px solid #dfcb84;border-radius:8px;font-size:13px;color:#675014;margin-bottom:20px}
@media(max-width:760px){.odw-koffie__brand{padding:8px 15px;gap:12px;min-height:90px}.odw-koffie .odw-koffie__logo{width:245px;max-width:67%}.odw-koffie__edition{font-size:9px}}
@media(max-width:360px){.odw-koffie__brand{flex-wrap:nowrap}.odw-koffie__edition{width:auto;margin-left:auto;max-width:70px;text-align:right}.odw-koffie .odw-koffie__logo{max-width:67%}}

/* Koffiecheck 1.2.0: gesprekspartner en korte uitslag. */
.odw-koffie__preference select{display:block;width:100%;max-width:100%;min-height:50px;margin-top:8px;padding:12px 10px;font:inherit;font-size:14px;line-height:1.5;color:#234454;background:#fcfefe;border:1px solid #b9d1dc;border-radius:8px;white-space:normal}
.odw-koffie__preference select:focus-visible{outline:3px solid #007a94;outline-offset:3px}
.odw-koffie a.odw-koffie__moment-link{display:block;padding:14px 17px;border-radius:9px;background:#0756a6;color:#fff;text-decoration:none;font-size:15px;font-weight:700;line-height:1.5;margin:16px 0}
.odw-koffie a.odw-koffie__moment-link:hover{background:#064486}
/* Koffiecheck 1.3.0: kennismaken en uitslag in een toegankelijke popup. */
.odw-koffie h2{font-size:clamp(30px,3.5vw,42px);line-height:1.17}
.odw-koffie .odw-koffie__promise{padding:14px 16px;background:#eff7e9;border-left:3px solid #489d2d;border-radius:8px;color:#285826;font-size:14px;line-height:1.6;margin:20px 0}
.odw-koffie dialog.odw-koffie__modal{position:fixed;inset:0;width:calc(100% - 32px);max-width:680px;max-height:88vh;max-height:88dvh;margin:auto;padding:0;border:1px solid #d4e4e4;border-radius:18px;background:#fff;color:var(--odw-text,#234454);font-family:'Segoe UI',Arial,sans-serif;font-size:16px;line-height:1.7;text-align:left;overflow:auto;overscroll-behavior:contain;box-shadow:0 20px 80px #002e4f40}
.odw-koffie dialog.odw-koffie__modal:not([open]){display:none}
.odw-koffie dialog.odw-koffie__modal::backdrop{background:#092d48a6;backdrop-filter:blur(3px)}
.odw-koffie__modal-toolbar{position:sticky;top:0;display:flex;justify-content:flex-end;padding:8px 14px;background:#fff;z-index:2;border-top:4px solid #4b9f38;border-bottom:1px solid #edf2f2}
.odw-koffie button.odw-koffie__modal-close{min-height:44px;padding:8px 14px;border:1px solid #c8dce5;border-radius:8px;background:#fff;color:#07549a;font-size:14px;line-height:1.5;box-shadow:none}
.odw-koffie button.odw-koffie__modal-close:hover{background:#edf6fa}
.odw-koffie__modal-content{padding:24px 32px 32px}
.odw-koffie__modal .odw-koffie__form{margin-top:20px;padding-top:24px}
html:has(dialog.odw-koffie__modal[open]){overflow:hidden}
@media(max-width:600px){.odw-koffie dialog.odw-koffie__modal{width:calc(100% - 16px);max-height:94vh;max-height:94dvh;border-radius:12px}.odw-koffie__modal-content{padding:20px}.odw-koffie__modal h3{font-size:25px}.odw-koffie__modal-toolbar{padding:6px 10px}}