/* hm-forms — עיצוב טופס נגיש RTL. §HM-FORMS מטלה 8. */
.hm-forms-wrap{direction:rtl;color:#2b2740;line-height:1.7}
.hm-form{max-width:680px;margin:0 auto;background:#fff;border:1px solid #e7e4f2;border-radius:14px;box-shadow:0 6px 22px rgba(60,50,110,.08);padding:8px 22px 22px}
.hm-page{border:none;border-top:1px solid #eee;padding:18px 0;margin:0}
.hm-page legend{font-size:18px;font-weight:700;color:#5a4fb0;padding:0}
.hm-step{font-size:12px;color:#8a85a0;font-weight:400;margin-inline-start:8px}
.hm-field{margin:12px 0}
.hm-field>label{display:block;font-weight:600;font-size:14px;margin-bottom:5px}
.hm-field input,.hm-field select,.hm-field textarea{width:100%;padding:10px 12px;border:1px solid #d8d1f0;border-radius:9px;font-size:14px;font-family:inherit;background:#fff}
.hm-field input:focus,.hm-field select:focus,.hm-field textarea:focus{outline:3px solid #c9bff2;border-color:#6a5cc0}
.hm-req{color:#d98a8a}
.hm-desc{display:block;font-size:12px;color:#6b6780;margin-top:4px;background:#faf9fe;border:1px solid #eee;border-radius:8px;padding:6px}
.hm-desc a{color:#6a5cc0}
.hm-choices{border:1px solid #eee;border-radius:10px;padding:10px 12px;margin:0}
.hm-choices legend{font-weight:600;font-size:14px}
.hm-choice{display:inline-flex;align-items:center;gap:6px;margin:4px 14px 4px 0;font-weight:400}
.hm-choice input{width:auto}
.hm-consent{display:flex;gap:8px;align-items:flex-start;font-weight:500;font-size:14px}
.hm-consent input{width:auto;margin-top:3px}
.hm-section{color:#5a4fb0;border-inline-start:4px solid #b9aee8;padding-inline-start:10px;margin:16px 0 8px}
.hm-html{font-size:14px;color:#3a3550;background:#f3f1fb;border-radius:8px;padding:8px 12px}
.hm-product{background:#e6f5f3;border:1px solid #bfe3de;border-radius:10px;padding:12px}
.hm-price{font-size:20px;font-weight:700;color:#3a8b81}
.hm-signature{height:70px;border:1px dashed #d8d1f0;border-radius:9px;display:flex;align-items:center;justify-content:center;color:#a99fdc}
/* §051 2026-05-24 v2 — widget חתימה אמיתי. overflow:hidden + box-sizing למניעת גלישה. */
.hm-signature-wrap{margin-top:6px;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}
.hm-signature-wrap *{box-sizing:border-box}
.hm-signature-canvas{width:100%;max-width:100%;height:300px;background:#fff;border:1px solid #d8d1f0;border-radius:9px;cursor:crosshair;touch-action:none;display:block;box-shadow:inset 0 0 0 1px rgba(106,92,192,.04)}
.hm-signature-canvas:focus{outline:3px solid #c9bff2;border-color:#6a5cc0}
.hm-signature-clear{margin-top:6px;background:#fff;border:1px solid #d8d1f0;color:#6a5cc0;border-radius:8px;padding:6px 14px;font-size:13px;cursor:pointer;font-family:inherit;display:inline-block}
.hm-signature-clear:hover,.hm-signature-clear:focus{background:#f3f1fb;border-color:#6a5cc0;outline:none}
/* §051 v6 2026-05-25 — policy link כ-כפתור מובהק. !important על כל המצבים כדי לדרוס theme.
   הסיבה: GeneratePress + LiteSpeed dynamic CSS דורסים button styles אחרי click (Theme :active rules). */
.hm-policy-link,
.hm-policy-link:link,
.hm-policy-link:visited,
.hm-policy-link:hover,
.hm-policy-link:focus,
.hm-policy-link:focus-visible,
.hm-policy-link:active{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  visibility:visible!important;
  opacity:1!important;
  background:#f3f1fb!important;
  border:1px solid #c9bff2!important;
  color:#5a4fb0!important;
  text-decoration:none!important;
  cursor:pointer!important;
  font-size:14px!important;
  font-weight:600!important;
  padding:8px 16px!important;
  border-radius:8px!important;
  font-family:inherit!important;
  margin:6px 0 6px 6px!important;
  transition:all .15s ease!important;
  box-sizing:border-box!important;
}
.hm-policy-link::before{content:"📄"!important;font-size:15px!important;margin-inline-end:2px!important}
.hm-policy-link:hover,.hm-policy-link:focus,.hm-policy-link:focus-visible{
  background:#e6dfff!important;
  border-color:#6a5cc0!important;
  color:#3a3550!important;
  outline:0!important;
  transform:translateY(-1px)!important;
  box-shadow:0 2px 6px rgba(106,92,192,.15)!important;
}

/* §051 v8 2026-05-25 — signature: min-height מספק להכיל את כל ה-content.
   הסיבה: overflow:visible מבטל BFC, ה-field נשאר על 70px והקנבס "צף" על תכנים שאחריו (תשלום).
   הפתרון: display:flow-root יוצר BFC חדש בלי לחתוך, ו-min-height מבטיח שגובה ה-field יכיל
   את ה-canvas (1600) + clear button (~34) + margin (30) = ~1700. */
.hm-field.hm-signature{overflow:visible!important;display:flow-root!important;min-height:350px!important;margin:14px 0 30px!important}
.hm-field.hm-signature .hm-signature-wrap{width:100%!important;max-width:100%!important;overflow:visible!important;display:block!important}
.hm-field.hm-signature .hm-signature-canvas{width:100%!important;max-width:100%!important;min-width:100%!important;height:300px!important;min-height:300px!important;display:block!important;box-sizing:border-box!important}

/* §051 v4 2026-05-25 — נעילת גלילת body כשהמודאל פתוח.
   נמנעים מ-position:fixed כי הוא מקפיא את ה-body ומונע scroll-pass-through לתוך המודאל. */
html.hm-modal-open,body.hm-modal-open{overflow:hidden!important}
/* §051 v7 2026-05-25 — pre-wrap הוסר כי מסכל גלילה עם content שמכיל <p>.
   ה-content עכשיו מכיל HTML מובנה (p/h1/h2) מ-description ה-WordPress. */
.hm-modal__body{
  -webkit-overflow-scrolling:touch !important;
  overscroll-behavior:contain !important;
  font-size:15px !important;
  line-height:1.85 !important;
  word-break:break-word !important;
  flex:1 1 auto !important;
  min-height:0 !important;
  max-height:calc(88vh - 120px) !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  padding:18px !important;
}
.hm-modal__body p{margin:0 0 12px !important;line-height:1.85 !important}
.hm-modal__body h1,.hm-modal__body h2,.hm-modal__body h3{margin:18px 0 8px !important;color:#5a4fb0 !important}
.hm-modal__body h1{font-size:20px !important}
.hm-modal__body h2{font-size:17px !important}
.hm-modal__body h3{font-size:15px !important}
.hm-modal__body ul,.hm-modal__body ol{margin:8px 18px 12px !important}

/* §051 v4 — בידוד שדות: כל שדה על שורה משלו, sealed, לא חופף לבא. */
.hm-field{clear:both;display:block;overflow:hidden;margin:14px 0}
.hm-section{clear:both;display:block;margin:24px 0 10px}
.hm-actions{padding-top:18px;text-align:center}
.hm-submit{background:#6a5cc0;color:#fff;border:none;border-radius:10px;padding:13px 40px;font-size:15px;font-weight:600;cursor:pointer}
.hm-submit:focus,.hm-submit:focus-visible{outline:3px solid #c9bff2;outline-offset:2px}
#hm-extra-daycares fieldset{background:#fbfaff}

/* §3ז WCAG additions — skip link, sr-only, focus, error states, contrast */
.hm-skip{position:absolute;left:-9999px;top:0;background:#5a4fb0;color:#fff;padding:8px 14px;border-radius:0 0 8px 8px;font-weight:600;z-index:9999;text-decoration:none}
.hm-skip:focus{left:50%;transform:translateX(-50%)}
.hm-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hm-errors{background:#fff0ef;border:2px solid #d65555;border-radius:10px;padding:12px 14px;margin-bottom:14px;color:#7c2222;font-weight:600}
.hm-errors[hidden]{display:none}
.hm-errors ul{margin:6px 0 0;padding-inline-start:18px}
.hm-field-err{display:block;color:#a02828;font-size:13px;font-weight:600;margin-top:4px;min-height:0}
.hm-field-err[hidden]{display:none}
.hm-field input[aria-invalid="true"],.hm-field select[aria-invalid="true"],.hm-field textarea[aria-invalid="true"]{border-color:#d65555;background:#fffaf9}
.hm-field input[aria-invalid="true"]:focus,.hm-field select[aria-invalid="true"]:focus,.hm-field textarea[aria-invalid="true"]:focus{outline-color:#f0b5b5;border-color:#d65555}
.hm-req{color:#a02828}
@media (prefers-reduced-motion: reduce){.hm-skip{transition:none}}
@media (prefers-contrast: more){
  .hm-form{border-color:#000}
  .hm-field input,.hm-field select,.hm-field textarea{border-color:#000;border-width:2px}
  .hm-submit{background:#000}
  .hm-req,.hm-field-err{color:#8b0000}
}