/* הטופס המוטמע הציבורי (page-embd-form.php): מסמך עצמאי בתוך iframe באתרי yoatzot.org.
   אותם tokens של ה-CRM, רקע שקוף כדי להשתלב בדף המארח. */
:root {
  --surface: #fff; --surface-2: #faf9f6; --line: #e3e0d8; --line-strong: #cfcbc0;
  --fg: #1f1d1a; --fg-2: #5e5a52; --fg-3: #8a857b;
  --accent: #0f6b6e; --accent-hover: #0b5759; --accent-soft: #e0f0ef;
  --urgent: #c2410c;
  --font: "Heebo", "Segoe UI", Arial, sans-serif;
}
html, body { background: transparent; margin: 0; }
body.crm-embd { font-family: var(--font); color: var(--fg); font-size: 15px; line-height: 1.5; padding: 4px; }
.crm-embd-wrap { max-width: 760px; }
.crm-embd-wrap.ltr { direction: ltr; text-align: left; }
.crm-embd-wrap.rtl { direction: rtl; text-align: right; }
.crm-embd-form { margin: 0; }
.crm-embd-form > div { margin-bottom: 4px; }
.crm-embd-field .uk-form-label { display: block; font-size: 13px; color: var(--fg-2); margin-bottom: 4px; font-weight: 500; }
.crm-embd-field .uk-form-label .required, .required { color: var(--urgent); margin: 0 2px; }
.crm-embd .uk-input, .crm-embd .uk-select, .crm-embd .uk-textarea { background: var(--surface); color: var(--fg); border: 1px solid var(--line-strong); border-radius: 8px; height: 40px; padding: 0 12px; font: inherit; font-size: 15px; }
.crm-embd .uk-textarea { height: auto; min-height: 110px; padding: 10px 12px; line-height: 1.5; width: 100%; }
.crm-embd .uk-input:focus, .crm-embd .uk-select:focus, .crm-embd .uk-textarea:focus { border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-soft); outline: 0; background: var(--surface); }
.crm-embd .uk-select:not([multiple]):not([size]) { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24'><path fill='%238a857b' d='M7 10l5 5 5-5z'/></svg>"); background-repeat: no-repeat; background-position: 10px 50%; padding-inline-end: 30px; }
.crm-embd-wrap.ltr .uk-select:not([multiple]):not([size]) { background-position: right 10px center; }
.crm-embd .uk-checkbox { width: 18px; height: 18px; border: 1px solid var(--line-strong); border-radius: 5px; margin: 0 6px 0 0; vertical-align: middle; }
.crm-embd-wrap.ltr .uk-checkbox { margin: 0 6px 0 0; }
.crm-embd-wrap.rtl .uk-checkbox { margin: 0 0 0 6px; }
.crm-embd .uk-checkbox:checked { background-color: var(--accent); border-color: var(--accent); }
.crm-embd-check { display: flex; align-items: center; gap: 8px; padding: 4px 0; font-size: 15px; cursor: pointer; }
.crm-embd-checkbox .uk-form-label { display: inline; }
.crm-embd-checkbox .uk-checkbox { margin-inline-end: 8px; }
.crm-embd-multiselect fieldset { border: 1px solid var(--line); border-radius: 8px; padding: 8px 12px; margin: 0; }
.crm-embd-file { display: block; width: 100%; padding: 8px 0; font: inherit; color: var(--fg-2); }
.crm-embd-submit.uk-button { display: inline-flex; align-items: center; justify-content: center; height: 44px; padding: 0 28px; border-radius: 8px; background: var(--accent); color: #fff; border: 0; font: inherit; font-weight: 600; font-size: 15px; text-transform: none; cursor: pointer; }
.crm-embd-submit.uk-button:hover { background: var(--accent-hover); color: #fff; }
.crm-embd-submit.uk-button:disabled { opacity: .6; cursor: default; }
/* datepicker (jQuery UI) בשפת העיצוב */
.ui-datepicker { font-family: var(--font); border: 1px solid var(--line); border-radius: 10px; box-shadow: 0 4px 14px rgba(31,29,26,.1); background: var(--surface); padding: 8px; }
.ui-datepicker .ui-datepicker-header { background: var(--surface-2); border: 0; border-radius: 8px; color: var(--fg); }
.ui-datepicker td a { text-align: center; border-radius: 6px; }
.ui-datepicker td a.ui-state-active, .ui-datepicker td a.ui-state-active:hover { background: var(--accent); color: #fff; border-color: var(--accent); }
.ui-datepicker .ui-datepicker-buttonpane button { background: var(--surface-2); border: 1px solid var(--line); border-radius: 6px; font: inherit; }
@media (max-width: 640px) { .crm-embd-form > [class*="uk-width-1-"] { width: 100%; } }