/* WordPress integration only; approved design files remain otherwise unchanged. */
body.zigzag-2026{margin:0;background:#fff;color:var(--body);font-size:18px;line-height:1.6;overflow-x:clip}
.zigzag-2026 #app{min-height:60vh}
.zigzag-2026 .z26-original-content{margin-block:40px 64px}
.zigzag-2026 .z26-live-content{min-width:0}
.zigzag-2026 .z26-live-content>p,.zigzag-2026 .z26-live-content>ul,.zigzag-2026 .z26-live-content>ol{max-width:75ch;font-size:18px;line-height:1.7}
.zigzag-2026 .z26-live-content iframe{max-width:100%}
.zigzag-2026 dialog{border:1px solid #d5e2f5;background:#fff;color:#182e4d;max-height:calc(100svh - 32px);overflow:auto}
.zigzag-2026 dialog::backdrop{background:#07182fb3}
.zigzag-2026 .z26-existing-form input:not([type=hidden]),.zigzag-2026 .z26-existing-form textarea{width:100%;min-height:48px;border:1px solid #a5b9d8;border-radius:12px;background:#fff;color:#182e4d;font:400 16px/1.5 Arial,sans-serif;padding:12px 14px}
.zigzag-2026 .z26-existing-form label{font-size:16px;line-height:1.5}
.zigzag-2026 .z26-existing-form button[type=submit]{min-height:48px;border-radius:999px;background:#0055ff;border:1px solid #0055ff;color:#fff;font-size:16px;font-weight:400;padding:12px 28px}
.zigzag-2026 .z26-form-alternative{margin-top:24px;font-size:16px}
.zigzag-2026 .z26-form-alternative a{color:#0055ff;white-space:nowrap}
.zigzag-2026 .z26-existing-form .elementor-widget-container{margin:0}
body.admin-bar.home-mode .site-header{top:32px}
@media(max-width:782px){body.admin-bar.home-mode .site-header{top:46px}}
@media(max-width:599px){.zigzag-2026 .z26-original-content{margin-block:24px 40px}.zigzag-2026 .z26-live-content>p,.zigzag-2026 .z26-live-content>ul,.zigzag-2026 .z26-live-content>ol{font-size:16px;line-height:1.65}}

/* Shared production form: Elementor's old field/button colors must not win. */
body.zigzag-2026 .metform-form-content .mf-input,
body.zigzag-2026 #consultation-dialog .z26-existing-form input:not([type=hidden]),
body.zigzag-2026 #consultation-dialog .z26-existing-form textarea{
  display:block!important;width:100%!important;min-height:52px!important;height:auto!important;
  padding:13px 16px!important;border:1px solid #c9dcf8!important;border-radius:12px!important;
  background:#fff!important;background-image:none!important;color:#172d4a!important;
  font:400 16px/1.5 Onest,"Helvetica Neue",Arial,sans-serif!important;opacity:1!important;
  -webkit-text-fill-color:#172d4a!important;box-shadow:none!important;
}
body.zigzag-2026 .metform-form-content .mf-input::placeholder,
body.zigzag-2026 #consultation-dialog input::placeholder{color:#52657d!important;opacity:1!important;-webkit-text-fill-color:#52657d!important}
body.zigzag-2026 #consultation-dialog{background:#0057ff!important;background-image:none!important;color:#fff!important;border:1px solid #d7e5f8!important;font-family:Onest,"Helvetica Neue",Arial,sans-serif}
body.zigzag-2026 #consultation-dialog h2,
body.zigzag-2026 #consultation-dialog p,
body.zigzag-2026 #consultation-dialog label,
body.zigzag-2026 #consultation-dialog .mf-input-label,
body.zigzag-2026 #consultation-dialog .mf-input-label span,
body.zigzag-2026 #consultation-dialog .mf-form-wrapper,
body.zigzag-2026 #consultation-dialog .mf-input-wrapper,
body.zigzag-2026 #consultation-dialog .mf-input-wrapper>div,
body.zigzag-2026 #consultation-dialog .elementor-widget-container,
body.zigzag-2026 #consultation-dialog a{color:#fff!important}
body.zigzag-2026 #consultation-dialog label{display:block!important;font-size:16px!important;font-weight:500!important;line-height:1.5!important;margin-bottom:8px!important}
body.zigzag-2026 .metform-form-content button[type=submit],
body.zigzag-2026 #consultation-dialog .z26-existing-form button[type=submit]{
  min-height:50px!important;padding:12px 28px!important;border:1px solid #c9dcf8!important;
  border-radius:999px!important;background:#fff!important;background-image:none!important;
  color:#0057ff!important;font:500 16px/1.5 Onest,"Helvetica Neue",Arial,sans-serif!important;box-shadow:none!important;
}
body.zigzag-2026 #consultation-dialog button[type=submit] *{color:#0057ff!important;fill:currentColor!important}
body.zigzag-2026 #consultation-dialog button[type=submit]:hover{background:#eaf2ff!important;border-color:#fff!important}
body.zigzag-2026 #consultation-dialog button[type=submit]:disabled{opacity:.7!important}
body.zigzag-2026 #consultation-dialog .z26-form-alternative,
body.zigzag-2026 #consultation-dialog .z26-form-alternative a{color:#fff!important}
body.zigzag-2026 #consultation-dialog .z26-form-alternative a{text-decoration:underline;text-underline-offset:4px}
body.zigzag-2026 #consultation-dialog .close-dialog{background:#fff!important;color:#0057ff!important;border:1px solid #fff!important}
body.zigzag-2026 #consultation-dialog :focus-visible{outline:3px solid #fff!important;outline-offset:4px!important}
body.zigzag-2026 #consultation-dialog input:focus-visible,
body.zigzag-2026 #consultation-dialog textarea:focus-visible{outline:3px solid #9dcbff!important;outline-offset:3px!important}
body.zigzag-2026 #consultation-dialog .mf-error-message{display:block;color:#fff!important;background:#a81932;border-radius:6px;padding:4px 8px;margin-top:6px}
body.zigzag-2026 .metform-form-content{background:#fff;color:#172d4a;border-radius:16px;padding:20px}
body.zigzag-2026 .metform-form-content .mf-input-label,
body.zigzag-2026 .metform-form-content .elementor-widget-container{color:#172d4a!important}
body.zigzag-2026 .metform-form-content button[type=submit]{border-color:#0057ff!important}
body.zigzag-2026 .metform-form-content button[type=submit] *{color:#0057ff!important;fill:currentColor!important}
body.zigzag-2026 .metform-form-content a{color:#0057ff!important;text-decoration:underline;text-underline-offset:3px}
body.zigzag-2026 #consultation-dialog .metform-form-content{background:transparent;padding:0;color:#fff}
body.zigzag-2026 #consultation-dialog .metform-form-content .elementor-widget-container,
body.zigzag-2026 #consultation-dialog .metform-form-content .mf-input-label{color:#fff!important}