craftforms-form:not(:defined){visibility:hidden;}
craftforms-form[data-craftforms-pending]{visibility:hidden;}
craftforms-form [hidden]{display:none !important;}:root{--cf-color-valid:#51a88a;--cf-color-invalid:#c16464;}
.wp-block-craftforms-form {
input.wp-block-craftforms-text-input:user-valid, textarea.wp-block-craftforms-textarea:user-valid, select.wp-block-craftforms-select:user-valid{border-color:var(--cf-color-valid);border-width:1px;outline:none;}
input.wp-block-craftforms-text-input:user-valid:focus, textarea.wp-block-craftforms-textarea:user-valid:focus, select.wp-block-craftforms-select:user-valid:focus{border-color:var(--cf-color-valid);box-shadow:0 0 0 3px color-mix(in srgb, var(--cf-color-valid) 10%, transparent);}
 } .wp-block-craftforms-form {
input.wp-block-craftforms-text-input:user-invalid, textarea.wp-block-craftforms-textarea:user-invalid, select.wp-block-craftforms-select:user-invalid{border-color:var(--cf-color-invalid);border-width:1px;outline:none;}
input.wp-block-craftforms-text-input.invalid, textarea.wp-block-craftforms-textarea.invalid, select.wp-block-craftforms-select.invalid{border-color:var(--cf-color-invalid);border-width:1px;outline:none;}
input.wp-block-craftforms-text-input:user-invalid:focus, textarea.wp-block-craftforms-textarea:user-invalid:focus, select.wp-block-craftforms-select:user-invalid:focus, input.wp-block-craftforms-text-input.invalid:focus, textarea.wp-block-craftforms-textarea.invalid:focus, select.wp-block-craftforms-select.invalid:focus{border-color:var(--cf-color-invalid);box-shadow:0 0 0 3px color-mix(in srgb, var(--cf-color-invalid) 10%, transparent);}
.wp-block-craftforms-radio-field input[type="radio"]:user-invalid,
.wp-block-craftforms-checkboxes-field input[type="checkbox"]:user-invalid,
.wp-block-craftforms-radio-field input[type="radio"].invalid,
.wp-block-craftforms-checkboxes-field input[type="checkbox"].invalid{outline:2px solid var(--cf-color-invalid);outline-offset:2px;}
.wp-block-craftforms-radio-field input[type="radio"]:user-invalid:focus,
.wp-block-craftforms-checkboxes-field input[type="checkbox"]:user-invalid:focus,
.wp-block-craftforms-radio-field input[type="radio"].invalid:focus,
.wp-block-craftforms-checkboxes-field input[type="checkbox"].invalid:focus{outline:2px solid var(--cf-color-invalid);outline-offset:2px;box-shadow:0 0 0 3px color-mix(in srgb, var(--cf-color-invalid) 10%, transparent);}
} .wp-block-craftforms-form {
.wp-block-craftforms-label{word-break:normal;}
.wp-block-craftforms-text-input-field:has(.wp-block-craftforms-label) input.wp-block-craftforms-text-input:user-invalid,
.wp-block-craftforms-textarea-field:has(.wp-block-craftforms-label) textarea.wp-block-craftforms-textarea:user-invalid,
.wp-block-craftforms-select-field:has(.wp-block-craftforms-label) select.wp-block-craftforms-select:user-invalid,
.wp-block-craftforms-text-input-field:has(.wp-block-craftforms-label) input.wp-block-craftforms-text-input.invalid,
.wp-block-craftforms-textarea-field:has(.wp-block-craftforms-label) textarea.wp-block-craftforms-textarea.invalid,
.wp-block-craftforms-select-field:has(.wp-block-craftforms-label) select.wp-block-craftforms-select.invalid{border-color:revert;box-shadow:none;}
.wp-block-craftforms-text-input-field:has(.wp-block-craftforms-label) input.wp-block-craftforms-text-input:user-invalid:focus,
.wp-block-craftforms-textarea-field:has(.wp-block-craftforms-label) textarea.wp-block-craftforms-textarea:user-invalid:focus,
.wp-block-craftforms-select-field:has(.wp-block-craftforms-label) select.wp-block-craftforms-select:user-invalid:focus,
.wp-block-craftforms-text-input-field:has(.wp-block-craftforms-label) input.wp-block-craftforms-text-input.invalid:focus,
.wp-block-craftforms-textarea-field:has(.wp-block-craftforms-label) textarea.wp-block-craftforms-textarea.invalid:focus,
.wp-block-craftforms-select-field:has(.wp-block-craftforms-label) select.wp-block-craftforms-select.invalid:focus{border-color:revert;box-shadow:none;outline:revert;}
.wp-block-craftforms-radio-field:has(.wp-block-craftforms-label) input[type="radio"]:user-invalid,
.wp-block-craftforms-checkboxes-field:has(.wp-block-craftforms-label) input[type="checkbox"]:user-invalid,
.wp-block-craftforms-radio-field:has(.wp-block-craftforms-label) input[type="radio"].invalid,
.wp-block-craftforms-checkboxes-field:has(.wp-block-craftforms-label) input[type="checkbox"].invalid{outline:none;box-shadow:none;}
.wp-block-craftforms-radio-field:has(.wp-block-craftforms-label) input[type="radio"]:user-invalid:focus,
.wp-block-craftforms-checkboxes-field:has(.wp-block-craftforms-label) input[type="checkbox"]:user-invalid:focus,
.wp-block-craftforms-radio-field:has(.wp-block-craftforms-label) input[type="radio"].invalid:focus,
.wp-block-craftforms-checkboxes-field:has(.wp-block-craftforms-label) input[type="checkbox"].invalid:focus{outline:revert;box-shadow:none;}
}  .wp-block-craftforms-form {
.wp-block-craftforms-label:has(+ input.wp-block-craftforms-text-input:user-valid),
.wp-block-craftforms-label:has(+ textarea.wp-block-craftforms-textarea:user-valid),
.wp-block-craftforms-label:has(+ select.wp-block-craftforms-select:user-valid){color:var(--cf-color-valid);}
.wp-block-craftforms-radio-field:has(input[type="radio"]:user-valid) .wp-block-craftforms-label,
.wp-block-craftforms-checkboxes-field:has(input[type="checkbox"]:user-valid) .wp-block-craftforms-label{color:var(--cf-color-valid);}
} .wp-block-craftforms-form {
.wp-block-craftforms-label:has(+ input.wp-block-craftforms-text-input:user-invalid),
.wp-block-craftforms-label:has(+ textarea.wp-block-craftforms-textarea:user-invalid),
.wp-block-craftforms-label:has(+ select.wp-block-craftforms-select:user-invalid),
.wp-block-craftforms-label:has(+ input.wp-block-craftforms-text-input.invalid),
.wp-block-craftforms-label:has(+ textarea.wp-block-craftforms-textarea.invalid),
.wp-block-craftforms-label:has(+ select.wp-block-craftforms-select.invalid){color:var(--cf-color-invalid);}
.wp-block-craftforms-radio-field:has(input[type="radio"]:user-invalid) .wp-block-craftforms-label,
.wp-block-craftforms-checkboxes-field:has(input[type="checkbox"]:user-invalid) .wp-block-craftforms-label,
.wp-block-craftforms-radio-field:has(input[type="radio"].invalid) .wp-block-craftforms-label,
.wp-block-craftforms-checkboxes-field:has(input[type="checkbox"].invalid) .wp-block-craftforms-label{color:var(--cf-color-invalid);}
.wp-block-craftforms-file-field.invalid .wp-block-craftforms-label, .wp-block-craftforms-booking-datepicker-field.invalid .wp-block-craftforms-label{color:var(--cf-color-invalid);}
}  :where(.craftforms-options-group.is-layout-flex){display:flex;flex-wrap:wrap;align-items:center;}:where(.craftforms-options-group.is-layout-grid){display:grid;}
.craftforms-options-group{width:100%;box-sizing:border-box;}
.craftforms-options-group.is-layout-flex.is-vertical{flex-direction:column;align-items:flex-start;}
.craftforms-options-group.is-layout-flex.is-horizontal{flex-direction:row;align-items:center;}:where(craftforms-form) .wp-block-columns{display:flex;box-sizing:border-box;flex-wrap:wrap;align-items:initial;}
@media(min-width:782px){
:where(craftforms-form) .wp-block-columns:not(.is-not-stacked-on-mobile){flex-wrap:nowrap;}:where(craftforms-form) .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column{flex-basis:0;flex-grow:1;}:where(craftforms-form) .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column[style*="flex-basis"]{flex-grow:0;}
}
@media(max-width:781px){
:where(craftforms-form) .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column{flex-basis:100%;}
}
:where(craftforms-form) .wp-block-columns.is-not-stacked-on-mobile{flex-wrap:nowrap;}:where(craftforms-form) .wp-block-columns.is-not-stacked-on-mobile > .wp-block-column{flex-basis:0;flex-grow:1;}:where(craftforms-form) .wp-block-columns.is-not-stacked-on-mobile > .wp-block-column[style*="flex-basis"]{flex-grow:0;}:where(craftforms-form) .wp-block-columns.are-vertically-aligned-top {align-items:flex-start;}:where(craftforms-form) .wp-block-columns.are-vertically-aligned-center{align-items:center;}:where(craftforms-form) .wp-block-columns.are-vertically-aligned-bottom{align-items:flex-end;}:where(craftforms-form) .wp-block-column{flex-grow:1;min-width:0;word-break:break-word;overflow-wrap:break-word;}:where(craftforms-form) .wp-block-column.is-vertically-aligned-top  {align-self:flex-start;}:where(craftforms-form) .wp-block-column.is-vertically-aligned-center{align-self:center;}:where(craftforms-form) .wp-block-column.is-vertically-aligned-bottom{align-self:flex-end;}:where(craftforms-form) .wp-block-column.is-vertically-aligned-stretch{align-self:stretch;}:where(craftforms-form) .is-layout-flex{display:flex;}:where(craftforms-form) .is-layout-grid{display:grid;}
.wp-block-craftforms-text-input, .wp-block-craftforms-textarea, .wp-block-craftforms-select{min-width:0;box-sizing:border-box;width:100%;}
.craftforms-datepicker-wrapper{width:100%;box-sizing:border-box;}
.craftforms-datepicker-wrapper craftforms-booking-datepicker{display:block;width:100%;}
.craftforms-datepicker-wrapper .craftforms-datepicker-inputs{width:100%;}
.craftforms-datepicker-wrapper .craftforms-datepicker-input{width:100%;box-sizing:border-box;}
.wp-block-craftforms-text-input-field, .wp-block-craftforms-textarea-field, .wp-block-craftforms-booking-datepicker-field, .wp-block-craftforms-select-field, .wp-block-craftforms-radio-field, .wp-block-craftforms-checkboxes-field, .wp-block-craftforms-file-field, .wp-block-craftforms-range-slider-field, .wp-block-craftforms-color-picker-field, .wp-block-craftforms-repeater-field{min-width:0;box-sizing:border-box;width:100%;}
.wp-block-craftforms-radio-field, .wp-block-craftforms-checkboxes-field{border:none !important;outline:none !important;}
.wp-block-craftforms-radio-field.has-field-border, .wp-block-craftforms-checkboxes-field.has-field-border{border-style:var(--cf-field-border-style, solid) !important;border-width:var(--cf-field-border-width, 1px) !important;border-color:var(--cf-field-border-color, currentColor) !important;border-radius:var(--cf-field-border-radius, 0) !important;}
.wp-block-craftforms-text-input-field, .wp-block-craftforms-textarea-field, .wp-block-craftforms-booking-datepicker-field, .wp-block-craftforms-select-field, .wp-block-craftforms-radio-field, .wp-block-craftforms-checkboxes-field, .wp-block-craftforms-file-field, .wp-block-craftforms-range-slider-field, .wp-block-craftforms-color-picker-field, .wp-block-craftforms-repeater-field{flex-direction:column;align-items:flex-start;gap:var(--cf-field-gap, normal);}
.wp-block-craftforms-text-input-field.is-vertical, .wp-block-craftforms-textarea-field.is-vertical, .wp-block-craftforms-booking-datepicker-field.is-vertical, .wp-block-craftforms-select-field.is-vertical, .wp-block-craftforms-radio-field.is-vertical, .wp-block-craftforms-checkboxes-field.is-vertical, .wp-block-craftforms-file-field.is-vertical, .wp-block-craftforms-range-slider-field.is-vertical, .wp-block-craftforms-color-picker-field.is-vertical, .wp-block-craftforms-repeater-field.is-vertical{align-items:flex-start;}
.wp-block-craftforms-text-input-field.is-vertical.is-content-justification-center, .wp-block-craftforms-textarea-field.is-vertical.is-content-justification-center, .wp-block-craftforms-booking-datepicker-field.is-vertical.is-content-justification-center, .wp-block-craftforms-select-field.is-vertical.is-content-justification-center, .wp-block-craftforms-radio-field.is-vertical.is-content-justification-center, .wp-block-craftforms-checkboxes-field.is-vertical.is-content-justification-center, .wp-block-craftforms-file-field.is-vertical.is-content-justification-center, .wp-block-craftforms-range-slider-field.is-vertical.is-content-justification-center, .wp-block-craftforms-color-picker-field.is-vertical.is-content-justification-center, .wp-block-craftforms-repeater-field.is-vertical.is-content-justification-center{align-items:center;}
.wp-block-craftforms-text-input-field.is-vertical.is-content-justification-right, .wp-block-craftforms-textarea-field.is-vertical.is-content-justification-right, .wp-block-craftforms-booking-datepicker-field.is-vertical.is-content-justification-right, .wp-block-craftforms-select-field.is-vertical.is-content-justification-right, .wp-block-craftforms-radio-field.is-vertical.is-content-justification-right, .wp-block-craftforms-checkboxes-field.is-vertical.is-content-justification-right, .wp-block-craftforms-file-field.is-vertical.is-content-justification-right, .wp-block-craftforms-range-slider-field.is-vertical.is-content-justification-right, .wp-block-craftforms-color-picker-field.is-vertical.is-content-justification-right, .wp-block-craftforms-repeater-field.is-vertical.is-content-justification-right{align-items:flex-end;}
.wp-block-craftforms-text-input-field.is-vertical.is-content-justification-stretch, .wp-block-craftforms-textarea-field.is-vertical.is-content-justification-stretch, .wp-block-craftforms-booking-datepicker-field.is-vertical.is-content-justification-stretch, .wp-block-craftforms-select-field.is-vertical.is-content-justification-stretch, .wp-block-craftforms-radio-field.is-vertical.is-content-justification-stretch, .wp-block-craftforms-checkboxes-field.is-vertical.is-content-justification-stretch, .wp-block-craftforms-file-field.is-vertical.is-content-justification-stretch, .wp-block-craftforms-range-slider-field.is-vertical.is-content-justification-stretch, .wp-block-craftforms-color-picker-field.is-vertical.is-content-justification-stretch, .wp-block-craftforms-repeater-field.is-vertical.is-content-justification-stretch{align-items:stretch;}
.wp-block-craftforms-text-input-field.is-horizontal, .wp-block-craftforms-textarea-field.is-horizontal, .wp-block-craftforms-booking-datepicker-field.is-horizontal, .wp-block-craftforms-select-field.is-horizontal, .wp-block-craftforms-radio-field.is-horizontal, .wp-block-craftforms-checkboxes-field.is-horizontal, .wp-block-craftforms-file-field.is-horizontal, .wp-block-craftforms-range-slider-field.is-horizontal, .wp-block-craftforms-color-picker-field.is-horizontal, .wp-block-craftforms-repeater-field.is-horizontal{flex-direction:row;align-items:center;}
.wp-block-craftforms-radio-field, .wp-block-craftforms-checkboxes-field{align-self:start;}
.wp-block-craftforms-infoblock{box-sizing:border-box;}:root :where(.is-layout-flow) > :not(template):first-of-type{margin-block-start:0;}
.wp-block-craftforms-form.is-layout-flow{display:flex;flex-direction:column;gap:var(--cf-form-gap, 2rem);}
.wp-block-craftforms-form.is-layout-flow > *{margin-block-start:0;margin-block-end:0;}
.wp-block-craftforms-submit-button.processing{position:relative;pointer-events:none;opacity:0.7;}
.wp-block-craftforms-submit-button.processing::after{content:"";position:absolute;width:16px;height:16px;top:50%;right:12px;margin-top:-8px;border:1px solid transparent;border-top-color:currentColor;border-radius:50%;animation:craftforms-spinner-rotate 0.6s linear infinite;}
@keyframes craftforms-spinner-rotate {
from{transform:rotate(0deg);}
to{transform:rotate(360deg);}
} .wp-block-craftforms-submit-button.processing{padding-right:40px;}
.wp-block-craftforms-form {
input.wp-block-craftforms-text-input:disabled, textarea.wp-block-craftforms-textarea:disabled, select.wp-block-craftforms-select:disabled{opacity:0.6;cursor:not-allowed;background-color:#f3f4f6;}
} .wp-block-craftforms-form {
input.wp-block-craftforms-text-input:read-only, textarea.wp-block-craftforms-textarea:read-only{background-color:#f9fafb;cursor:default;}
}  .wp-block-craftforms-checkbox-option.cf-is-swatch-color input[type="checkbox"],
.wp-block-craftforms-checkbox-option.cf-is-swatch-image input[type="checkbox"],
.wp-block-craftforms-radio-option.cf-is-swatch-color input[type="radio"],
.wp-block-craftforms-radio-option.cf-is-swatch-image input[type="radio"]{position:absolute;opacity:0;width:0;height:0;pointer-events:none;}
.cf-swatch-visual{display:inline-flex;align-items:center;justify-content:center;width:var(--cf-swatch-width, auto);height:var(--cf-swatch-height, auto);cursor:pointer;overflow:hidden;border:2px solid transparent;transition:border-color 0.15s ease, box-shadow 0.15s ease;box-sizing:border-box;}
.cf-swatch-shape-square .cf-swatch-visual{border-radius:4px;}
.cf-swatch-shape-circle .cf-swatch-visual{border-radius:50%;}
.cf-is-swatch-image .cf-swatch-visual img{width:100%;height:100%;object-fit:cover;display:block;}
.wp-block-craftforms-checkbox-option.cf-is-swatch-color input[type="checkbox"]:checked ~ .cf-swatch-visual,
.wp-block-craftforms-checkbox-option.cf-is-swatch-image input[type="checkbox"]:checked ~ .cf-swatch-visual,
.wp-block-craftforms-checkbox-option.cf-is-swatch-text input[type="checkbox"]:checked ~ .cf-swatch-visual,
.wp-block-craftforms-radio-option.cf-is-swatch-color input[type="radio"]:checked ~ .cf-swatch-visual,
.wp-block-craftforms-radio-option.cf-is-swatch-image input[type="radio"]:checked ~ .cf-swatch-visual,
.wp-block-craftforms-radio-option.cf-is-swatch-text input[type="radio"]:checked ~ .cf-swatch-visual{box-shadow:0 0 0 1px currentColor;}
.wp-block-craftforms-checkbox-option.cf-is-swatch-color input[type="checkbox"]:focus-visible ~ .cf-swatch-visual,
.wp-block-craftforms-checkbox-option.cf-is-swatch-image input[type="checkbox"]:focus-visible ~ .cf-swatch-visual,
.wp-block-craftforms-checkbox-option.cf-is-swatch-text input[type="checkbox"]:focus-visible ~ .cf-swatch-visual,
.wp-block-craftforms-radio-option.cf-is-swatch-color input[type="radio"]:focus-visible ~ .cf-swatch-visual,
.wp-block-craftforms-radio-option.cf-is-swatch-image input[type="radio"]:focus-visible ~ .cf-swatch-visual,
.wp-block-craftforms-radio-option.cf-is-swatch-text input[type="radio"]:focus-visible ~ .cf-swatch-visual{outline:2px solid var(--cf-focus-color, currentColor);outline-offset:2px;}
.wp-block-craftforms-checkbox-option.cf-is-swatch-color input[type="checkbox"]:focus,
.wp-block-craftforms-checkbox-option.cf-is-swatch-image input[type="checkbox"]:focus,
.wp-block-craftforms-checkbox-option.cf-is-swatch-text input[type="checkbox"]:focus,
.wp-block-craftforms-radio-option.cf-is-swatch-color input[type="radio"]:focus,
.wp-block-craftforms-radio-option.cf-is-swatch-image input[type="radio"]:focus,
.wp-block-craftforms-radio-option.cf-is-swatch-text input[type="radio"]:focus{outline:none;}
.cf-option-annotation{font-size:0.85em;color:#888;margin-left:0.4em;flex-shrink:0;}
.cf-is-swatch-text.cf-annotation-inside .cf-swatch-visual{gap:0.35em;}
.cf-is-swatch-text.cf-annotation-inside .cf-swatch-visual .cf-option-annotation{color:inherit;margin-left:0;opacity:0.85;}
.cf-swatch-tooltip{position:absolute;inset:unset;border:none;background:rgba(0, 0, 0, 0.75);color:#fff;font-size:12px;padding:4px 8px;border-radius:4px;pointer-events:none;margin:0;max-width:200px;white-space:normal;text-align:center;z-index:var(--cf-ui-z-index, 999);}
 .cf-field-card .craftforms-options-group{gap:var(--cf-card-gap, 12px);}
.cf-field-card .wp-block-craftforms-radio-option, .cf-field-card .wp-block-craftforms-checkbox-option{position:relative;display:flex;flex-direction:column;box-sizing:border-box;flex:0 0 auto;width:calc( var(--cf-card-img-width, 300px) + (var(--cf-card-padding, 10px) + var(--cf-card-border-width, 2px)) * 2 );max-width:100%;justify-self:start;align-self:start;gap:6px;margin:0;padding:var(--cf-card-padding, 10px);border:var(--cf-card-border-width, 2px) solid var(--cf-card-border-color, #e4e4e7);border-radius:var(--cf-card-radius, 12px);background:var(--cf-card-bg, #fff);cursor:pointer;transition:border-color 0.15s, box-shadow 0.15s;}
.cf-field-card .wp-block-craftforms-radio-option:hover, .cf-field-card .wp-block-craftforms-checkbox-option:hover{border-color:var(--cf-card-border-hover, #c7cbd1);}
.cf-field-card .wp-block-craftforms-radio-option > input, .cf-field-card .wp-block-craftforms-checkbox-option > input{position:absolute;opacity:0;width:0;height:0;margin:0;pointer-events:none;}
.cf-field-card .wp-block-craftforms-radio-option:has(> input:checked),
.cf-field-card .wp-block-craftforms-checkbox-option:has(> input:checked){border-color:var(--cf-card-accent, #2563eb);box-shadow:0 0 0 1px var(--cf-card-accent, #2563eb);}
.cf-field-card .wp-block-craftforms-radio-option:has(> input:checked)::after,
.cf-field-card .wp-block-craftforms-checkbox-option:has(> input:checked)::after{content:"";position:absolute;top:8px;right:8px;width:20px;height:20px;border-radius:50%;background:var(--cf-card-accent, #2563eb) url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27white%27 stroke-width=%273%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M5 13l4 4L19 7%27/%3E%3C/svg%3E") center / 12px no-repeat;}
.cf-field-card .wp-block-craftforms-radio-option:has(> input:focus-visible),
.cf-field-card .wp-block-craftforms-checkbox-option:has(> input:focus-visible){outline:2px solid var(--cf-card-accent, #2563eb);outline-offset:2px;}
.cf-field-card .cf-card-img{margin:0;width:100%;height:var(--cf-card-img-height, 110px);border-radius:var(--cf-card-img-radius, 8px);overflow:hidden;}
.cf-field-card .cf-card-img img{display:block;width:100%;height:100%;object-fit:cover;}
.cf-field-card .cf-card-img.is-empty{background:var(--cf-card-img-placeholder, #f1f1f1);}
.cf-field-card .cf-card-title{font-weight:700;font-size:0.95rem;line-height:1.2;}
.cf-field-card .cf-card-desc{font-size:0.8rem;line-height:1.3;color:var(--cf-card-desc-color, #6b7280);}
.cf-field-card .cf-card-price{margin:0;margin-left:0;font-size:0.8rem;font-weight:600;color:var(--cf-card-accent, #2563eb);}
.wp-block-craftforms-checkbox-option:not(.cf-is-swatch-text):not(.cf-is-swatch-color):not(.cf-is-swatch-image),
.wp-block-craftforms-radio-option:not(.cf-is-swatch-text):not(.cf-is-swatch-color):not(.cf-is-swatch-image){font-size:var(--cf-option-font-size, inherit);}
.wp-block-craftforms-checkbox-option.cf-is-swatch-text input[type="checkbox"],
.wp-block-craftforms-radio-option.cf-is-swatch-text input[type="radio"]{position:absolute;opacity:0;width:0;height:0;pointer-events:none;}
.cf-is-swatch-text .cf-swatch-visual{font-size:var(--cf-ts-font-size, inherit);font-weight:var(--cf-ts-font-weight, inherit);line-height:var(--cf-ts-line-height, inherit);color:var(--cf-ts-color, inherit);background-color:var(--cf-ts-bg, transparent);border-style:var(--cf-ts-border-style, solid);border-width:var(--cf-ts-border-width, 1px);border-color:var(--cf-ts-border-color, currentColor);border-radius:var(--cf-ts-border-radius, 4px);padding:var(--cf-ts-padding, 8px 16px);min-width:var(--cf-swatch-width, auto);min-height:var(--cf-swatch-height, auto);width:auto;height:auto;white-space:nowrap;overflow:visible;}
.cf-is-swatch-text.cf-swatch-shape-circle .cf-swatch-visual{border-radius:var(--cf-ts-border-radius, 9999px);}
.wp-block-craftforms-checkbox-option.cf-is-swatch-text input[type="checkbox"]:checked ~ .cf-swatch-visual,
.wp-block-craftforms-radio-option.cf-is-swatch-text input[type="radio"]:checked ~ .cf-swatch-visual{color:var(--cf-ts-color-checked, #fff);background-color:var(--cf-ts-bg-checked, var(--cf-ts-color, #000));border-color:var(--cf-ts-border-color, var(--cf-ts-color, currentColor));}
.wp-block-craftforms-checkbox-option.cf-is-swatch-text input[type="checkbox"]:focus-visible ~ .cf-swatch-visual,
.wp-block-craftforms-radio-option.cf-is-swatch-text input[type="radio"]:focus-visible ~ .cf-swatch-visual{outline:2px solid var(--cf-focus-color, currentColor);outline-offset:2px;}
.wp-block-craftforms-checkbox-option.cf-is-swatch-text input[type="checkbox"]:focus,
.wp-block-craftforms-radio-option.cf-is-swatch-text input[type="radio"]:focus{outline:none;}
.craftforms-options-group.is-layout-flex:has(.cf-is-swatch-text){flex-wrap:wrap;gap:8px;}
.craftforms-repeater-wrapper{display:block;width:100%;}
.cf-repeater-add svg.cf-repeater-icon, .cf-repeater-remove svg.cf-repeater-icon{width:1em;height:1em;vertical-align:-0.125em;flex-shrink:0;}
.wp-block-craftforms-repeater-group{width:100%;box-sizing:border-box;min-width:0;display:flex;flex-direction:column;}
.wp-block-craftforms-repeater-group.is-horizontal{flex-direction:row;flex-wrap:wrap;align-items:flex-start;}
.cf-repeater-item{display:flex;flex-direction:column;gap:var(--cf-field-gap, 0.5rem);}
.wp-block-craftforms-repeater-group > *{width:100%;min-width:0;box-sizing:border-box;}
.cf-repeater-add, .cf-repeater-remove{display:inline-flex;align-items:center;gap:0.35em;cursor:pointer;font:inherit;}:root{--cf-error-z-index:99;--cf-ui-z-index:999;}
.wp-block-craftforms-form-error[data-cf-error-popover]{display:none;position:fixed;z-index:var(--cf-error-z-index, 99);width:100%;box-sizing:border-box;margin:0;padding:0;border:none;background:transparent;overflow:visible;}
craftforms-form .cf-gateway-chooser{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px;}
craftforms-form .cf-gateway-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;flex:1 1 160px;min-height:62px;padding:14px 16px;border:2px solid var(--cf-gw-border, #d5d8dd);border-radius:var(--cf-gw-radius, 8px);background:var(--cf-gw-bg, #fff);cursor:pointer;transition:border-color .15s ease, box-shadow .15s ease, background .15s ease;}
craftforms-form .cf-gateway-card:hover{border-color:var(--cf-gw-accent, #635bff);}
craftforms-form .cf-gateway-card__radio{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none;}
craftforms-form .cf-gateway-card__logo{display:block;height:22px;}
craftforms-form .cf-gateway-card__logo .cf-gw-logo{height:22px;width:auto;}
craftforms-form .cf-gateway-card__label{font-size:13px;line-height:1.2;color:var(--cf-gw-label, #50575e);}
craftforms-form .cf-gateway-card__check{position:absolute;top:10px;right:10px;width:18px;height:18px;border-radius:50%;border:2px solid var(--cf-gw-border, #d5d8dd);background:transparent;transition:border-color .15s ease, background .15s ease, box-shadow .15s ease;}
craftforms-form .cf-gateway-card:has(.cf-gateway-card__radio:checked){border-color:var(--cf-gw-accent, #635bff);box-shadow:0 0 0 1px var(--cf-gw-accent, #635bff);background:var(--cf-gw-bg-active, #fbfbff);}
craftforms-form .cf-gateway-card:has(.cf-gateway-card__radio:checked) .cf-gateway-card__check{border-color:var(--cf-gw-accent, #635bff);background:var(--cf-gw-accent, #635bff);box-shadow:inset 0 0 0 3px var(--cf-gw-bg, #fff);}
craftforms-form .cf-gateway-card__radio:focus-visible + .cf-gateway-card__logo{outline:2px solid var(--cf-gw-accent, #635bff);outline-offset:3px;border-radius:2px;}
craftforms-form .cf-gateway-pane{display:none;}
craftforms-form [data-has="payment"][data-active-gateway="stripe"] .cf-gateway-pane[data-gateway="stripe"],
craftforms-form [data-has="payment"][data-active-gateway="paypal"] .cf-gateway-pane[data-gateway="paypal"]{display:block;}
craftforms-form .cf-stripe-error, craftforms-form .cf-paypal-error{display:none;margin-top:8px;color:var(--cf-color-invalid, #c44d4d);font-size:0.85em;}
craftforms-form .cf-paypal-buttons {
margin-top: 8px;
}.wp-block-craftforms-form:not([class*="is-style-"]),
.wp-block-craftforms-form.is-style-default { --cf-color-invalid: #c44d4d;
--cf-color-valid: #51a88a;
--cf-color-error-text: var(--cf-color-invalid);
--cf-input-padding: var(--wp--preset--spacing--20, 0.5rem);
--cf-field-gap: var(--wp--preset--spacing--20, 0.5rem);
--cf-options-gap: var(--wp--preset--spacing--20, 0.5rem); --cf-input-border-color: #c0c4c9;
--cf-input-border-radius: 4px; --cf-ts-border-color: var(--cf-input-border-color);
--cf-ts-font-size: 0.8em;
--cf-option-font-size: 0.8em;
--cf-focus-color: #1a1a1a;
--cf-input-font-size: 1rem; --cf-card-radius: var(--cf-input-border-radius); --cf-card-border-width: 1px;
--cf-card-accent: var(--cf-focus-color);  --cf-gw-accent: var(--cf-focus-color); --cf-gw-radius: var(--cf-input-border-radius); --cf-gw-border: var(--cf-input-border-color); --cf-gw-bg: #fff;
--cf-gw-bg-active: #fafafa; .wp-block-craftforms-text-input-field,
.wp-block-craftforms-textarea-field, .wp-block-craftforms-select-field, .wp-block-craftforms-radio-field, .wp-block-craftforms-checkboxes-field, .wp-block-craftforms-booking-datepicker-field, .wp-block-craftforms-file-field, .wp-block-craftforms-range-slider-field, .wp-block-craftforms-color-picker-field, .wp-block-craftforms-repeater-field {
gap: var(--cf-field-gap);
} .wp-block-craftforms-text-input,
.wp-block-craftforms-textarea, .wp-block-craftforms-select {
padding: var(--cf-input-padding);
margin: 0;
border: 1px solid var(--cf-input-border-color);
border-radius: var(--cf-input-border-radius);
font-size: var(--cf-input-font-size);
} .craftforms-datepicker-input,
.cf-cp-input {
padding: var(--cf-input-padding);
border: 1px solid var(--cf-input-border-color);
border-radius: var(--cf-input-border-radius);
} .craftforms-options-group {
gap: var(--cf-options-gap);
}  .cf-field-card .wp-block-craftforms-radio-option:has(> input:checked),
.cf-field-card .wp-block-craftforms-checkbox-option:has(> input:checked) {
border-color: var(--cf-focus-color);
border-width: 2px;
box-shadow: none;
} .cf-field-card .wp-block-craftforms-radio-option:has(> input:checked)::after,
.cf-field-card .wp-block-craftforms-checkbox-option:has(> input:checked)::after {
content: none;
} .wp-block-craftforms-infoblock.is-layout-constrained > * {
margin-block-start: 0;
}
.wp-block-craftforms-infoblock.is-layout-flow > * {
margin-block-start: 0;
margin-block-end: 0;
} .wp-block-craftforms-form-error {
color: var(--cf-color-error-text);
font-size: var(--cf-error-font-size, 0.8em);
} .cf-repeater-add {
padding: 0.35em 0.9em;
border: 1px solid var(--cf-input-border-color);
border-radius: var(--cf-input-border-radius);
background: transparent;
color: inherit;
font-size: 0.875em;
line-height: 1.4;
transition: background 0.15s, border-color 0.15s;
&:hover:not(:disabled) {
background: color-mix(in srgb, currentColor 6%, transparent);
}
&:disabled {
opacity: 0.45;
cursor: not-allowed;
}
}
.cf-repeater-remove {
padding: 0.2em 0.6em;
border: 1px solid transparent;
border-radius: var(--cf-input-border-radius);
background: transparent;
color: var(--cf-color-invalid);
font-size: 0.8em;
line-height: 1.4;
align-self: flex-end;
transition: background 0.15s;
&:hover:not(:disabled) {
background: color-mix(in srgb, var(--cf-color-invalid) 10%, transparent);
}
&:disabled {
opacity: 0.45;
cursor: not-allowed;
}
}
}.wp-block-craftforms-form.is-style-modern craftforms-range-slider{--cf-rs-track-fill-color:#4361ee;--cf-rs-handle-border-color:#4361ee;--cf-rs-handle-shadow-focus:0 0 0 3px rgba(67,97,238,0.2);--cf-rs-tooltip-bg:#1e293b;}
.wp-block-craftforms-form.is-style-modern { --cf-color-invalid: #c44d4d;
--cf-color-valid: #51a88a;
--cf-color-error-text: var(--cf-color-invalid);
--cf-input-padding: var(--wp--preset--spacing--20, 0.5rem);
--cf-field-gap: var(--wp--preset--spacing--20, 0.5rem);
--cf-options-gap: var(--wp--preset--spacing--20, 0.5rem);
--cf-modern-input-bg: #f9fafb;
--cf-modern-input-color: #20242f;
--cf-modern-input-border-color: #c0c4c9;
--cf-modern-input-border-radius: 0.25rem;
--cf-modern-focus-color: #3b4ce2;
--cf-modern-placeholder-color: #929292; --cf-ts-font-size: 0.8em;
--cf-option-font-size: 0.8em;
--cf-ts-bg: var(--cf-modern-input-bg);
--cf-ts-color: var(--cf-modern-input-color);
--cf-ts-border-color: var(--cf-modern-input-border-color);
--cf-ts-border-radius: var(--cf-modern-input-border-radius);
--cf-ts-bg-checked: var(--cf-modern-focus-color);
--cf-ts-color-checked: #fff;
--cf-focus-color: var(--cf-modern-focus-color); --cf-card-accent: var(--cf-modern-focus-color); --cf-gw-accent: var(--cf-modern-focus-color); --cf-gw-radius: 12px;
--cf-gw-border: var(--cf-modern-input-border-color); --cf-gw-bg: var(--cf-modern-input-bg); --cf-gw-bg-active: #fff;
--cf-gw-label: var(--cf-modern-input-color);  .wp-block-craftforms-text-input-field,
.wp-block-craftforms-textarea-field, .wp-block-craftforms-select-field, .wp-block-craftforms-radio-field, .wp-block-craftforms-checkboxes-field, .wp-block-craftforms-booking-datepicker-field, .wp-block-craftforms-file-field, .wp-block-craftforms-range-slider-field, .wp-block-craftforms-color-picker-field, .wp-block-craftforms-repeater-field {
gap: var(--cf-field-gap);
} .wp-block-craftforms-text-input,
.wp-block-craftforms-textarea, .wp-block-craftforms-select {
background: var(--cf-modern-input-bg);
border: 1px solid var(--cf-modern-input-border-color);
border-bottom-width: 2px;
border-radius: var(--cf-modern-input-border-radius);
color: var(--cf-modern-input-color);
padding: var(--cf-input-padding);
margin: 0;
font-size: inherit;
transition: border-color 0.15s ease-out;
&::placeholder {
color: var(--cf-modern-placeholder-color);
}
&:focus {
outline: none;
border-color: var(--cf-modern-focus-color);
}
} .wp-block-craftforms-select {
appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2716%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%236B7280%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpolyline points=%276 9 12 15 18 9%27/%3E%3C/svg%3E");
background-position: right 0.75rem center;
background-repeat: no-repeat;
background-size: 1rem;
padding-right: 2.25rem;
} .craftforms-datepicker-input,
.cf-cp-input {
background: var(--cf-modern-input-bg);
border: 1px solid var(--cf-modern-input-border-color);
border-bottom-width: 2px;
border-radius: var(--cf-modern-input-border-radius);
color: var(--cf-modern-input-color);
padding: var(--cf-input-padding);
margin: 0;
font-size: inherit;
transition: border-color 0.15s ease-out;
&::placeholder {
color: var(--cf-modern-placeholder-color);
}
&:focus {
outline: none;
border-color: var(--cf-modern-focus-color);
}
} .craftforms-options-group {
gap: var(--cf-options-gap);
} input[type="radio"],
input[type="checkbox"] {
accent-color: var(--cf-modern-focus-color);
width: 1rem;
height: 1rem;
cursor: pointer;
} .wp-block-craftforms-text-input-field:has(.wp-block-craftforms-label) input.wp-block-craftforms-text-input:user-invalid,
.wp-block-craftforms-textarea-field:has(.wp-block-craftforms-label) textarea.wp-block-craftforms-textarea:user-invalid,
.wp-block-craftforms-select-field:has(.wp-block-craftforms-label) select.wp-block-craftforms-select:user-invalid,
.wp-block-craftforms-text-input-field:has(.wp-block-craftforms-label) input.wp-block-craftforms-text-input.invalid,
.wp-block-craftforms-textarea-field:has(.wp-block-craftforms-label) textarea.wp-block-craftforms-textarea.invalid,
.wp-block-craftforms-select-field:has(.wp-block-craftforms-label) select.wp-block-craftforms-select.invalid {
border-color: var(--cf-modern-input-border-color);
} .wp-block-craftforms-text-input-field:has(.wp-block-craftforms-label) input.wp-block-craftforms-text-input:user-invalid:focus,
.wp-block-craftforms-textarea-field:has(.wp-block-craftforms-label) textarea.wp-block-craftforms-textarea:user-invalid:focus,
.wp-block-craftforms-select-field:has(.wp-block-craftforms-label) select.wp-block-craftforms-select:user-invalid:focus,
.wp-block-craftforms-text-input-field:has(.wp-block-craftforms-label) input.wp-block-craftforms-text-input.invalid:focus,
.wp-block-craftforms-textarea-field:has(.wp-block-craftforms-label) textarea.wp-block-craftforms-textarea.invalid:focus,
.wp-block-craftforms-select-field:has(.wp-block-craftforms-label) select.wp-block-craftforms-select.invalid:focus {
border-color: var(--cf-modern-focus-color);
outline: none;
} .wp-block-craftforms-radio-option:not(.cf-is-swatch-color):not(.cf-is-swatch-image) input[type="radio"]:focus-visible,
.wp-block-craftforms-checkbox-option:not(.cf-is-swatch-color):not(.cf-is-swatch-image) input[type="checkbox"]:focus-visible {
outline: 2px solid var(--cf-modern-focus-color);
outline-offset: 2px;
} .wp-block-craftforms-checkbox-option.cf-is-swatch-color input[type="checkbox"]:focus-visible ~ .cf-swatch-visual,
.wp-block-craftforms-checkbox-option.cf-is-swatch-image input[type="checkbox"]:focus-visible ~ .cf-swatch-visual,
.wp-block-craftforms-radio-option.cf-is-swatch-color input[type="radio"]:focus-visible ~ .cf-swatch-visual,
.wp-block-craftforms-radio-option.cf-is-swatch-image input[type="radio"]:focus-visible ~ .cf-swatch-visual {
outline: 2px solid var(--cf-modern-focus-color);
outline-offset: 2px;
}
.wp-block-craftforms-checkbox-option.cf-is-swatch-color input[type="checkbox"]:checked ~ .cf-swatch-visual,
.wp-block-craftforms-checkbox-option.cf-is-swatch-image input[type="checkbox"]:checked ~ .cf-swatch-visual,
.wp-block-craftforms-radio-option.cf-is-swatch-color input[type="radio"]:checked ~ .cf-swatch-visual,
.wp-block-craftforms-radio-option.cf-is-swatch-image input[type="radio"]:checked ~ .cf-swatch-visual {
border-color: var(--cf-modern-focus-color);
box-shadow: 0 0 0 1px var(--cf-modern-focus-color);
} .cf-field-card .wp-block-craftforms-radio-option,
.cf-field-card .wp-block-craftforms-checkbox-option {
border-width: var(--cf-card-border-width, 1px);
border-color: var(--cf-modern-input-border-color);
border-bottom-width: 2px;
} .cf-is-swatch-text .cf-swatch-visual {
border-bottom-width: 2px;
transition: border-color 0.15s ease-out;
}
.wp-block-craftforms-checkbox-option.cf-is-swatch-text input[type="checkbox"]:checked ~ .cf-swatch-visual,
.wp-block-craftforms-radio-option.cf-is-swatch-text input[type="radio"]:checked ~ .cf-swatch-visual {
border-color: var(--cf-modern-focus-color);
}
.wp-block-craftforms-checkbox-option.cf-is-swatch-text input[type="checkbox"]:focus-visible ~ .cf-swatch-visual,
.wp-block-craftforms-radio-option.cf-is-swatch-text input[type="radio"]:focus-visible ~ .cf-swatch-visual {
outline: 2px solid var(--cf-modern-focus-color);
} .wp-block-craftforms-infoblock.is-layout-constrained > * {
margin-block-start: 0;
}
.wp-block-craftforms-infoblock.is-layout-flow > * {
margin-block-start: 0;
} .wp-block-craftforms-form-error {
color: var(--cf-color-error-text);
font-size: var(--cf-error-font-size, 0.8em);
} .wp-block-craftforms-form-error[data-cf-error-popover] {
background: #fff;
color: var(--cf-color-error-text);
border: 1px solid color-mix(in srgb, var(--cf-color-invalid, #c44d4d) 30%, transparent);
border-radius: var(--cf-modern-input-border-radius, 0.25rem);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12), 0 0 0 1px color-mix(in srgb, var(--cf-color-invalid, #c44d4d) 15%, transparent);
padding: 0.35em 0.6em;
line-height: 1.4;
width: auto;
}
button[type="submit"]:focus-visible {
outline: 2px solid var(--cf-modern-focus-color);
outline-offset: 2px;
} .cf-repeater-add {
padding: 0.35em 0.9em;
border: 1px solid var(--cf-modern-input-border-color);
border-bottom-width: 2px;
border-radius: var(--cf-modern-input-border-radius);
background: var(--cf-modern-input-bg);
color: var(--cf-modern-input-color);
font-size: 0.875em;
line-height: 1.4;
transition: border-color 0.15s, background 0.15s;
&:hover:not(:disabled) {
border-color: var(--cf-modern-focus-color);
}
&:disabled {
opacity: 0.45;
cursor: not-allowed;
}
}
.cf-repeater-remove {
padding: 0.2em 0.6em;
border: none;
border-radius: var(--cf-modern-input-border-radius);
background: transparent;
color: var(--cf-color-invalid);
font-size: 0.8em;
line-height: 1.4;
align-self: flex-end;
transition: background 0.15s;
&:hover:not(:disabled) {
background: color-mix(in srgb, var(--cf-color-invalid) 10%, transparent);
}
&:disabled {
opacity: 0.45;
cursor: not-allowed;
}
}
}