/* ==== ODMASI × Contact Form 7: keep the approved HOME (.hom-contact-form) and Pillar (.pil-diamondForm) form appearance ====
   Scoped to the two forms only. CF7 wraps every control in span.wpcf7-form-control-wrap (+ list spans for radios); the page CSS
   expects the controls as direct children in two places, so those wrappers are taken out of the layout with display:contents. */

/* field wrappers: out of the layout, so every control is again a direct grid item of .hom-field / the Pillar label
   (grid items are blockified and stretch; inside an extra wrapper they became inline-blocks: 4 px baseline gap, no stretch) */
.hom-contact-form .wpcf7-form-control-wrap,.pil-diamondForm .wpcf7-form-control-wrap{display:contents}

/* HOME: "Kdo potrebuje pomoč?" — the three labels must stay grid items of .hom-contact-choice-group */
.hom-contact-form .hom-contact-choice-group .wpcf7-form-control-wrap,
.hom-contact-form .hom-contact-choice-group .wpcf7-radio,
.hom-contact-form .hom-contact-choice-group .wpcf7-checkbox,
.hom-contact-form .hom-contact-choice-group .wpcf7-list-item{display:contents}

/* Pillar: the invisible file input must cover the whole upload box (positioned against .pil-diamondUploadBox) */
.pil-diamondForm .pil-diamondUploadBox .wpcf7-form-control-wrap{display:contents}

/* validation messages under fields (CF7 default: red, 1em); both forms sit on dark sections */
.hom-contact-form .wpcf7-not-valid-tip,.pil-diamondForm .wpcf7-not-valid-tip{display:block;margin-top:6px;font-size:12px;font-weight:700;line-height:1.35}
.hom-contact-form .wpcf7-not-valid-tip{color:#ff9d8a}
.pil-diamondForm .wpcf7-not-valid-tip{color:#ff9d8a}
/* 1.5.3: photo-limit message of cf7-forms.js, shown in the upload box counter line (colour of the CF7 tips) */
.pil-diamondForm .pil-diamondUploadBox small.odm-file-limit{color:#ff9d8a;text-transform:none;letter-spacing:0;font-weight:700}
.hom-contact-form .wpcf7-not-valid{border-color:#ff9d8a !important}
.pil-diamondForm .wpcf7-not-valid{border-color:#ff9d8a !important}

/* response box after submit (CF7 default: blue/green/red 2px border, 2em margins) */
.wpcf7 form.hom-contact-form .wpcf7-response-output,.wpcf7 form.pil-diamondForm .wpcf7-response-output{margin:16px 0 0;padding:12px 14px;border-width:1px;border-radius:12px;font-size:13px;font-weight:700;line-height:1.45}
.wpcf7 form.hom-contact-form .wpcf7-response-output{color:#fff}
.wpcf7 form.hom-contact-form.sent .wpcf7-response-output{border-color:#4caf50;background:#4caf5014}
.wpcf7 form.hom-contact-form:is(.invalid,.unaccepted,.payment-required) .wpcf7-response-output{border-color:#ff7b23;background:#ff6b0014}
.wpcf7 form.hom-contact-form:is(.failed,.aborted,.spam) .wpcf7-response-output{border-color:#ff8a80;background:#ff525214}
.wpcf7 form.pil-diamondForm .wpcf7-response-output{color:#fff}
.wpcf7 form.pil-diamondForm.sent .wpcf7-response-output{border-color:#4caf50;background:#4caf5014}
.wpcf7 form.pil-diamondForm:is(.invalid,.unaccepted,.payment-required) .wpcf7-response-output{border-color:#ff7b23;background:#ff6b0014}
.wpcf7 form.pil-diamondForm:is(.failed,.aborted,.spam) .wpcf7-response-output{border-color:#ff8a80;background:#ff525214}

/* while sending: the plain button element gets no CF7 spinner; show progress through the button itself */
.wpcf7 form.submitting.hom-contact-form button[type=submit],.wpcf7 form.submitting.pil-diamondForm button[type=submit]{opacity:.65;cursor:progress}

/* HOME customer type = CF7 exclusive checkboxes (optional, one choice), drawn like the approved radio buttons.
   The page gives every input a 48 px height; the original radio keeps that 16x48 box (it sets the card height) and draws a
   16 px circle in its middle. Same here: box untouched, the circle (and the orange dot when checked) is a centred background. */
.hom-contact-form .hom-contact-choice-group input[type="checkbox"]{-webkit-appearance:none;appearance:none;width:16px;flex:0 0 16px;margin:0;padding:0;border:0;border-radius:0;cursor:pointer;
  background:radial-gradient(circle at 50% 50%,#fff 0 6.2px,#8a949c 6.6px 7.8px,transparent 8.2px) no-repeat;opacity:1 !important;visibility:visible !important}
.hom-contact-form .hom-contact-choice-group input[type="checkbox"]:checked{background:radial-gradient(circle at 50% 50%,var(--orange) 0 3.6px,#fff 4px 6.2px,var(--orange) 6.6px 7.8px,transparent 8.2px) no-repeat}
.hom-contact-form .hom-contact-choice-group input[type="checkbox"]:focus-visible{outline:2px solid var(--orange);outline-offset:2px;border-radius:50%}

/* CF7 demo/turnstile helpers: nothing visible to add; the inactive [turnstile] tag renders nothing */