@charset "UTF-8";
.Form{box-sizing:border-box}
.Form-headline{padding-bottom:2rem}
.Form-headline h2{margin:0}
.Form-group{display:flex;flex-wrap:wrap;gap:2rem;box-sizing:border-box;margin-bottom:2rem}
.Form-group:last-child{margin-bottom:0}
.Form-control{display:flex;flex-direction:column-reverse;box-sizing:border-box;justify-content:flex-end}
.Form-control--full{flex:1 1 100%}
.Form-control--half{flex:1 1 calc(50% - 1rem)}
.Form-control--third{flex:1 1 calc(33.333% - 1rem)}
.Form-control--twoThirds{flex:1 1 calc(66.666% - 1rem)}
.Form-control.hasError .Form-field{border-color:var(--color-alert-danger-border)}
.Form-control.hasError .Form-checkbox,.Form-control.hasError .Form-radio{border-color:var(--color-alert-danger-border)}
.Form-field{display:block;position:relative;width:100%;font-size:1.4rem;line-height:1.5;border-radius:var(--border-radius-btn);border:2px solid var(--color-accent);padding:0.5rem 1rem;background-color:#fff;transition:border-color ease 0.3s;box-sizing:border-box;order:3}
.Form-field:focus{outline:none;border-color:var(--color-primary)}
.Form-field:focus ~ label{color:var(--color-text-base)}
.Form-field::placeholder{color:var(--color-placeholder)}
.Form select.Form-field{padding:0.7rem 1rem}
.Form-field--textarea{min-height:10rem;resize:vertical;transition:border 0.3s ease}
.Form-field--checkbox{display:none}
.Form-field--checkbox:checked ~ .Form-checkbox{border-color:var(--color-primary);background-color:var(--color-primary)}
.Form-field--checkbox:checked ~ .Form-checkbox svg path{fill:#fff}
.Form-field--radio{display:none}
.Form-field--radio:checked ~ .Form-radio{border-color:var(--color-primary);background-color:var(--color-primary)}
.Form-checkboxWrapper,.Form-radioWrapper{display:flex;align-items:center;gap:1rem;cursor:pointer;margin-bottom:0.7rem}
.Form-checkboxWrapper:first-child,.Form-radioWrapper:first-child{margin-top:0.7rem}
.Form-checkboxWrapper:hover .Form-checkbox,.Form-radioWrapper:hover .Form-checkbox{border-color:var(--color-primary)}
.Form-checkboxWrapper:hover .Form-radio,.Form-radioWrapper:hover .Form-radio{border-color:var(--color-primary)}
.Form-checkboxWrapper .Form-label,.Form-radioWrapper .Form-label{padding-bottom:0;font-weight:400}
.Form-checkbox,.Form-radio{display:inline-block;width:1.5rem;height:1.5rem;border:2px solid var(--color-accent);border-radius:var(--border-radius-btn);background-color:#fff;transition:border-color ease 0.3s;cursor:pointer;position:relative;top:2px}
.Form-checkbox svg,.Form-radio svg{fill:transparent}
.Form-checkbox:hover,.Form-radio:hover{border-color:var(--color-primary)}
.Form-radio{border-radius:50%}
.Form-field--file{opacity:0;width:100%;height:100%;z-index:2;cursor:pointer}
.Form-field--file:focus ~ .Form-fileArea,.Form-field--file:hover ~ .Form-fileArea{border:2px solid var(--color-primary)}
.Form-field--file:focus ~ .Form-fileArea svg path,.Form-field--file:hover ~ .Form-fileArea svg path{fill:var(--color-primary)}
.Form-fileContainer{display:flex;gap:0.3rem}
.Form-fileReset{flex:0 0 40px;font-size:2rem;color:var(--color-alert-danger-text);background-color:transparent;border:2px solid var(--color-alert-danger-border);border-radius:var(--border-radius-btn);cursor:pointer;transition:border-color ease 0.3s,background-color ease 0.3s;display:none}
.Form-fileReset:hover,.Form-fileReset:focus,.Form-fileReset:active{outline:none;border-color:var(--color-alert-danger-border-hover);background-color:var(--color-alert-danger-bg)}
.Form-fileReset.isActive{display:block}
.Form-fileWrapper{position:relative;flex:1 1 100%}
.Form-fileArea{z-index:1;display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;border:2px dashed var(--color-accent);border-radius:var(--border-radius-btn);padding:1rem;gap:2rem;cursor:pointer;transition:border ease 0.3s;position:absolute;top:0;left:0;box-sizing:border-box}
.Form-fileArea svg path{fill:var(--color-muted);transition:fill ease 0.3s}
.Form-fileArea:hover{border:2px solid var(--color-primary)}
.Form-fileArea:hover svg path{fill:var(--color-primary)}
.Form-fileAreaInner{display:flex;align-items:center;gap:2rem}
.Form-label{display:block;padding-bottom:0.5rem;font-weight:600;font-size:1.3rem;transition:color ease 0.3s;color:var(--color-muted);order:5}
.Form button[type="submit"]::before{content:"Zobrazit výsledky"}
.Form[data-ajax-progress] button[type="submit"]{color:black;pointer-events:none;opacity:0.5}
.Form[data-ajax-progress] button[type="submit"]::before{content:"Zpracovávám..."}
.Form-moreInfo{display:none}
.Form-moreInfo.isActive{display:block}
.Form-error{color:var(--color-alert-danger-text);margin-top:0.5rem;order:1}
.Form--outline{border:2px solid var(--color-accent);border-radius:var(--border-radius-img);padding:2rem}
.Form--outline .Form-headline{margin-bottom:2rem;border-bottom:2px solid var(--color-accent)}
.Form--card{border-radius:var(--border-radius-img);box-shadow:var(--shadow-base);padding:3rem;background-color:#fff;max-width:1000px;margin:0 auto}
@media (max-width:768px){.Form-group{flex-direction:column;gap:1.5rem}.Form--card,.Form--outline{padding:1.5rem}.Form--outline .Form-headline{margin-bottom:1.5rem;padding-bottom:1.5rem}}