/*
=====================================================
/assets/css/frontend.css
LZG Annuleren & Herroepen v1.1.1
=====================================================
*/

/*
=====================================================
Frontend interface
=====================================================
*/
:root{--lzg-hr-accent:#69bf22;--lzg-hr-navy:#173a63;--lzg-hr-ink:#20364f;--lzg-hr-muted:#60748a;--lzg-hr-border:#d6e3f0;--lzg-hr-soft:#f5f9fd}.lzg-hr-floating{position:fixed;bottom:22px;z-index:2147483000;pointer-events:auto!important;display:inline-flex;align-items:center;gap:9px;max-width:calc(100vw - 32px);padding:13px 17px;border:1px solid color-mix(in srgb,var(--lzg-hr-accent) 72%,#000);border-radius:999px;background:var(--lzg-hr-accent);color:#071324!important;box-shadow:0 10px 30px rgba(18,48,72,.22);font-weight:800;font-size:14px;line-height:1.1;text-decoration:none!important;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.lzg-hr-floating.is-right{right:22px}.lzg-hr-floating.is-left{left:22px}.lzg-hr-floating:hover,.lzg-hr-floating:focus{color:#071324!important;transform:translateY(-2px);box-shadow:0 14px 34px rgba(18,48,72,.28);filter:brightness(1.03)}.lzg-hr-floating-icon{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:50%;background:rgba(255,255,255,.8);font-size:18px}.lzg-hr-public{max-width:820px;margin:32px auto;padding:0 18px;color:var(--lzg-hr-ink)}.lzg-hr-public-head{margin-bottom:20px;padding:26px 28px;border-radius:20px;background:linear-gradient(135deg,#f7fbff,#edf5fb);border:1px solid var(--lzg-hr-border)}.lzg-hr-public-head h1{margin:5px 0 8px;color:var(--lzg-hr-navy);font-size:clamp(28px,5vw,40px);line-height:1.1}.lzg-hr-public-head p{margin:0;color:var(--lzg-hr-muted);font-size:16px;line-height:1.6}.lzg-hr-public-kicker{display:inline-block;color:#2f6e24;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.lzg-hr-card{padding:26px;border:1px solid var(--lzg-hr-border);border-radius:20px;background:#fff;box-shadow:0 10px 32px rgba(31,54,79,.08)}.lzg-hr-step{display:flex;align-items:center;gap:12px;margin-bottom:22px}.lzg-hr-step>span{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--lzg-hr-accent);color:#071324;font-weight:900}.lzg-hr-step>div{display:flex;flex-direction:column}.lzg-hr-step strong{color:var(--lzg-hr-navy);font-size:18px}.lzg-hr-step small{color:var(--lzg-hr-muted)}.lzg-hr-form{display:flex;flex-direction:column;gap:16px}.lzg-hr-form label{display:flex;flex-direction:column;gap:7px}.lzg-hr-form label>span{font-weight:800;color:var(--lzg-hr-navy)}.lzg-hr-form input[type="email"],.lzg-hr-form input[type="number"],.lzg-hr-form textarea{box-sizing:border-box;width:100%;border:1px solid #bdcee0;border-radius:10px;background:#fff;padding:12px 13px;font:inherit;color:var(--lzg-hr-ink);box-shadow:none}.lzg-hr-form input:focus,.lzg-hr-form textarea:focus{outline:3px solid color-mix(in srgb,var(--lzg-hr-accent) 24%,transparent);border-color:var(--lzg-hr-accent)}.lzg-hr-form small{color:var(--lzg-hr-muted);line-height:1.4}.lzg-hr-primary{align-self:flex-start;min-height:48px;padding:0 20px!important;border:1px solid color-mix(in srgb,var(--lzg-hr-accent) 70%,#000)!important;border-radius:9px!important;background:var(--lzg-hr-accent)!important;color:#071324!important;font-weight:900!important;cursor:pointer}.lzg-hr-primary:hover,.lzg-hr-primary:focus{filter:brightness(1.03);color:#071324!important}.lzg-hr-primary-final{min-height:54px;font-size:16px!important}.lzg-hr-error,.lzg-hr-success{display:flex;align-items:flex-start;gap:14px;margin:0 0 20px;padding:18px 20px;border-radius:14px}.lzg-hr-error{background:#fff0ef;border:1px solid #efc2bf;color:#772c28}.lzg-hr-error>span{display:inline-flex;align-items:center;justify-content:center;flex:0 0 27px;width:27px;height:27px;border-radius:50%;background:#c23b32;color:#fff;font-weight:900}.lzg-hr-error p{margin:2px 0}.lzg-hr-success{background:#eff9eb;border:1px solid #c7e4bb;color:#254f1c}.lzg-hr-success-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:var(--lzg-hr-accent);color:#14300e;font-weight:900;font-size:20px}.lzg-hr-success h2{margin:0 0 6px;color:#214c19}.lzg-hr-success p{margin:4px 0}.lzg-hr-success dl{display:grid;gap:7px;margin:14px 0 0}.lzg-hr-success dl>div{display:grid;grid-template-columns:120px 1fr;gap:8px}.lzg-hr-success dt{font-weight:800}.lzg-hr-success dd{margin:0}.lzg-hr-order-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.lzg-hr-order-summary>div{padding:14px;border:1px solid var(--lzg-hr-border);border-radius:12px;background:var(--lzg-hr-soft)}.lzg-hr-order-summary span{display:block;color:var(--lzg-hr-muted);font-size:12px;font-weight:700;margin-bottom:5px}.lzg-hr-order-summary strong{color:var(--lzg-hr-navy)}.lzg-hr-item-group{margin:15px 0;padding:17px 18px;border-radius:13px;border:1px solid var(--lzg-hr-border)}.lzg-hr-item-group h3{margin:0 0 5px;font-size:16px}.lzg-hr-item-group p{margin:0 0 10px;color:var(--lzg-hr-muted);font-size:14px;line-height:1.5}.lzg-hr-item-group ul{margin:0;padding-left:20px}.lzg-hr-item-group li{margin:6px 0}.lzg-hr-item-group li small{display:block;color:var(--lzg-hr-muted);margin-left:20px}.lzg-hr-item-group.is-eligible{background:#f3faef;border-color:#c7e4bb}.lzg-hr-item-group.is-excluded{background:#fff8ec;border-color:#efd4a8}.lzg-hr-confirm-form{margin-top:20px}.lzg-hr-final-note{padding:14px 16px;border-radius:12px;background:#eef5fb;border:1px solid #ccdeed}.lzg-hr-final-note strong{color:var(--lzg-hr-navy)}.lzg-hr-final-note p{margin:3px 0 0;color:var(--lzg-hr-muted)}.lzg-hr-back{align-self:flex-start;font-weight:700}.lzg-hr-help{color:var(--lzg-hr-muted);font-size:14px}.lzg-hr-order-action{margin-top:18px}@media(max-width:650px){.lzg-hr-floating{bottom:12px;left:12px!important;right:12px!important;justify-content:center;width:auto}.lzg-hr-public{padding:0 12px}.lzg-hr-public-head,.lzg-hr-card{padding:20px}.lzg-hr-order-summary{grid-template-columns:1fr}.lzg-hr-primary{width:100%;text-align:center}.lzg-hr-success dl>div{grid-template-columns:1fr;gap:1px}}
.lzg-hr-cancel-window{display:flex;gap:13px;align-items:flex-start;margin:15px 0;padding:16px 18px;border-radius:13px;border:1px solid #c9dced;background:#f4f9fd}.lzg-hr-cancel-window-icon{display:flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;border-radius:50%;background:#e5f2fc;font-size:19px}.lzg-hr-cancel-window strong{display:block;color:var(--lzg-hr-navy);margin:1px 0 5px}.lzg-hr-cancel-window p{margin:0;color:var(--lzg-hr-muted);font-size:14px;line-height:1.55}.lzg-hr-cancel-window.is-within{background:#f1faed;border-color:#c5e6ba}.lzg-hr-cancel-window.is-within .lzg-hr-cancel-window-icon{background:#dff3d7}.lzg-hr-cancel-window.is-expired{background:#fff8ec;border-color:#efd4a8}.lzg-hr-cancel-window.is-expired .lzg-hr-cancel-window-icon{background:#ffedcb}.lzg-hr-order-deadline{margin:16px 0 6px;padding:10px 12px;border-radius:9px;background:#f5f9fd;border:1px solid var(--lzg-hr-border);color:var(--lzg-hr-muted);font-size:14px}

.lzg-hr-inline-button{display:inline-flex;align-items:center;gap:9px;max-width:100%;padding:13px 17px;border:1px solid color-mix(in srgb,var(--lzg-hr-accent) 72%,#000);border-radius:999px;background:var(--lzg-hr-accent);color:#071324!important;box-shadow:0 6px 18px rgba(18,48,72,.14);font-weight:800;font-size:14px;line-height:1.1;text-decoration:none!important;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.lzg-hr-inline-button:hover,.lzg-hr-inline-button:focus{color:#071324!important;transform:translateY(-1px);box-shadow:0 9px 22px rgba(18,48,72,.2);filter:brightness(1.03)}

/*
=====================================================
End of file
=====================================================
*/