/* Constructors — contractor profile wizard. Uses the site tokens from cn-global.css. */
.cnp {
  --c-lime: var(--cn-lime, #C8F135);
  --c-orange: var(--cn-orange, #FF7A1A);
  --c-ink: var(--cn-charcoal, #202624);
  --c-paper: var(--cn-paper, #F5F3EE);
  --c-silver: var(--cn-silver, #BCC3C5);
  --c-ink2: var(--cn-ink-2, #3A423F);
  --c-ink3: var(--cn-ink-3, #55605C);
  --c-line: var(--cn-line, #DADDDA);
  --c-err: var(--cn-error, #B3311A);
  --f-display: var(--cn-display, 'Rubik', sans-serif);
  --f-body: var(--cn-body, 'Assistant', 'Rubik', sans-serif);
  --f-mono: var(--cn-mono, 'IBM Plex Mono', monospace);
  direction: rtl;
  max-width: 760px;
  margin: 0 auto;
  padding: 28px 16px 120px;
  color: var(--c-ink);
  font: 400 17px/1.55 var(--f-body);
  box-sizing: border-box;
}
.cnp *, .cnp *::before, .cnp *::after { box-sizing: border-box; }

.cnp-idx { display: block; font: 500 13px/1 var(--f-mono); color: var(--c-ink3); margin-bottom: 10px; }
.cnp-h1 { font: 800 clamp(28px, 5vw, 40px)/1.1 var(--f-display); margin: 0 0 14px; letter-spacing: -.01em; text-wrap: balance; }
.cnp-h2 { font: 700 clamp(22px, 3.4vw, 28px)/1.2 var(--f-display); margin: 0 0 6px; outline: none; }
.cnp-lead { margin: 0 0 22px; color: var(--c-ink2); }
.cnp-intro { margin: 0 0 6px; color: var(--c-ink3); font-size: 16px; }
.cnp-sub { font: 700 13px/1 var(--f-mono); color: var(--c-ink3); text-transform: uppercase; margin: 26px 0 12px; padding-top: 18px; border-top: 1px solid var(--c-line); }
.cnp-note { background: #F1F9D6; border-radius: 6px; padding: 10px 12px; margin: 16px 0 0; font-size: 15px; }

.cnp-card { background: #fff; border: 1px solid var(--c-silver); border-radius: 10px; padding: 22px 18px; margin: 0; }
.cnp--msg .cnp-card { text-align: center; padding: 40px 20px; }
.cnp--msg .cnp-btn { margin-top: 8px; text-decoration: none; }
.cnp-loading { display: grid; gap: 14px; color: var(--c-ink3); }
.cnp-loading .cn-tape { display: block; height: 8px; border-radius: 2px; }
.cnp-prog { font: 500 13px/1 var(--f-mono); color: var(--c-ink3); margin-bottom: 12px; }

/* banners */
.cnp-banner { border-radius: 8px; padding: 12px 14px; margin: 4px 0 6px; font-size: 16px; border: 1px solid transparent; }
.cnp-banner a { font-weight: 700; }
.cnp-banner.is-pending { background: #FFF4EB; border-color: #FFD3AE; }
.cnp-banner.is-changes { background: #FDECE8; border-color: #F2C0B4; }
.cnp-banner.is-live { background: #F1F9D6; border-color: #D9EE95; }

/* steps */
.cnp-steps { margin: 18px -16px 14px; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.cnp-steps::-webkit-scrollbar { display: none; }
.cnp-steps ol { list-style: none; margin: 0; padding: 0 16px; display: flex; gap: 8px; width: max-content; }
.cnp-steps button { all: unset; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 14px 0 12px; border-radius: 999px; border: 1.5px solid var(--c-silver); background: #fff; font: 600 15px/1 var(--f-display); white-space: nowrap; color: var(--c-ink2); }
.cnp-steps button:focus-visible { outline: 3px solid var(--c-orange); outline-offset: 2px; }
.cnp-steps__n { display: inline-grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; background: #ECEDEA; font: 700 12px/1 var(--f-mono); }
.cnp-steps .is-done .cnp-steps__n { background: var(--c-lime); }
.cnp-steps .is-cur { border-color: var(--c-ink); background: var(--c-ink); color: var(--c-paper); }
.cnp-steps .is-cur .cnp-steps__n { background: var(--c-lime); color: var(--c-ink); }

/* fields */
.cnp-field { display: grid; gap: 6px; margin: 0 0 16px; min-width: 0; }
.cnp-field > label, .cnp-label { font: 600 15px/1.3 var(--f-display); display: flex; align-items: center; gap: 8px; }
.cnp-req { font: 500 11px/1 var(--f-mono); color: var(--c-ink3); background: #ECEDEA; padding: 3px 6px; border-radius: 3px; }
.cnp-hint { font-size: 14px; color: var(--c-ink3); line-height: 1.4; }
.cnp input[type=text], .cnp input[type=tel], .cnp input[type=email], .cnp input[type=number], .cnp input[type=date], .cnp select, .cnp textarea {
  width: 100%; min-height: 52px; padding: 0 12px; border: 1.5px solid var(--c-silver); border-radius: 4px; background: #fff;
  font: 400 17px/1.4 var(--f-body); color: var(--c-ink); -webkit-appearance: none; appearance: none; margin: 0; box-shadow: none;
}
.cnp textarea { padding: 12px; min-height: 110px; resize: vertical; }
.cnp select { background-image: linear-gradient(45deg, transparent 50%, var(--c-ink) 50%), linear-gradient(135deg, var(--c-ink) 50%, transparent 50%); background-position: 18px 23px, 13px 23px; background-size: 5px 5px; background-repeat: no-repeat; padding-left: 34px; }
.cnp input:focus, .cnp select:focus, .cnp textarea:focus { outline: none; border-color: var(--c-ink); box-shadow: 0 0 0 3px rgba(255,122,26,.35); }
.cnp input[dir=ltr] { text-align: right; }
.cnp input[dir=ltr]:placeholder-shown { text-align: right; }
.cnp ::placeholder { color: #9EA6A8; }
.cnp-count { font: 500 12px/1 var(--f-mono); color: var(--c-ink3); justify-self: end; }
.cnp-row { display: grid; grid-template-columns: 1fr; gap: 0 14px; }
@media (min-width: 560px) {
  .cnp-row { grid-template-columns: 1fr 1fr; }
  .cnp-row--3 { grid-template-columns: 2fr 1fr 1fr; }
  .cnp-card { padding: 30px 30px; }
}

/* chips */
.cnp-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 4px; }
.cnp-chip { all: unset; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 0 15px; border-radius: 999px; border: 1.5px solid var(--c-silver); background: #fff; font: 600 15px/1 var(--f-display); color: var(--c-ink); transition: background-color .15s ease, border-color .15s ease, transform .12s ease; }
.cnp-chip:active { transform: scale(.97); }
.cnp-chip:focus-visible { outline: 3px solid var(--c-orange); outline-offset: 2px; }
.cnp-chip.is-on { background: var(--c-lime); border-color: var(--c-ink); }
.cnp-chip__main { font: 500 11px/1 var(--f-mono); background: var(--c-ink); color: var(--c-lime); padding: 3px 5px; border-radius: 3px; }

/* repeatable items */
.cnp-item { border: 1px solid var(--c-line); border-radius: 8px; padding: 14px; margin: 0 0 14px; background: #FCFBF8; }
.cnp-item__head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; font-family: var(--f-display); }
.cnp-x { all: unset; cursor: pointer; color: var(--c-err); font: 600 14px/1 var(--f-display); padding: 10px 4px; text-decoration: underline; text-underline-offset: 3px; }
.cnp-add { all: unset; cursor: pointer; display: flex; justify-content: center; align-items: center; width: 100%; min-height: 52px; border: 1.5px dashed var(--c-silver); border-radius: 8px; font: 700 16px/1 var(--f-display); color: var(--c-ink); box-sizing: border-box; }
.cnp-add:hover, .cnp-add:focus-visible { border-color: var(--c-ink); background: #fff; outline: none; }

/* photos */
.cnp-phs { display: flex; flex-wrap: wrap; gap: 8px; }
.cnp-ph { position: relative; width: 96px; height: 76px; border-radius: 6px; overflow: hidden; background: #ECEDEA; flex: none; }
.cnp-ph img { width: 100%; height: 100%; object-fit: cover; display: block; }
.cnp-ph__ph { display: grid; place-items: center; height: 100%; font-size: 13px; color: var(--c-ink3); }
.cnp-ph__x { all: unset; cursor: pointer; position: absolute; top: 4px; left: 4px; width: 28px; height: 28px; border-radius: 50%; background: rgba(32,38,36,.82); color: #fff; display: grid; place-items: center; font: 700 18px/1 var(--f-display); }
.cnp-add-ph { all: unset; cursor: pointer; display: inline-grid; place-items: center; min-width: 96px; height: 76px; padding: 0 12px; border: 1.5px dashed var(--c-silver); border-radius: 6px; font: 700 14px/1 var(--f-display); box-sizing: border-box; }
.cnp-add-ph:hover, .cnp-add-ph:focus-visible { border-color: var(--c-ink); }
.cnp-drop { all: unset; cursor: pointer; display: grid; gap: 6px; place-items: center; text-align: center; width: 100%; min-height: 170px; border: 2px dashed var(--c-silver); border-radius: 10px; background: var(--c-paper); box-sizing: border-box; padding: 16px; }
.cnp-drop strong { font: 700 18px/1.2 var(--f-display); }
.cnp-drop span { font-size: 14px; color: var(--c-ink3); }
.cnp-drop:hover, .cnp-drop:focus-visible { border-color: var(--c-ink); }
.cnp-cover { display: flex; align-items: end; gap: 10px; }
.cnp-cover .cnp-ph { width: min(100%, 340px); height: 200px; }
.cnp-gal { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
@media (min-width: 560px) { .cnp-gal { grid-template-columns: repeat(3, 1fr); } }
.cnp-gal__it { display: grid; gap: 6px; }
.cnp-gal__it .cnp-ph { width: 100%; height: auto; aspect-ratio: 4 / 3; }
.cnp-gal__it input[type=text] { min-height: 42px; font-size: 15px; }
.cnp-gal__add { width: 100%; height: auto; aspect-ratio: 4 / 3; }

/* availability radio cards */
.cnp-radios { display: grid; gap: 10px; margin-bottom: 16px; }
.cnp-radio { display: flex; gap: 12px; align-items: center; padding: 14px; border: 1.5px solid var(--c-silver); border-radius: 8px; cursor: pointer; background: #fff; }
.cnp-radio input { width: 22px; height: 22px; accent-color: var(--c-ink); margin: 0; flex: none; }
.cnp-radio strong { display: block; font: 700 17px/1.2 var(--f-display); }
.cnp-radio small { display: block; color: var(--c-ink3); font-size: 14px; }
.cnp-radio.is-on { border-color: var(--c-ink); background: #F1F9D6; }
.cnp-radio:focus-within { box-shadow: 0 0 0 3px rgba(255,122,26,.35); }

/* summary */
.cnp-sum { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.cnp-sum li { display: flex; align-items: center; gap: 12px; padding: 12px; border: 1px solid var(--c-line); border-radius: 8px; }
.cnp-sum li > span:nth-child(2) { flex: 1; display: grid; gap: 2px; }
.cnp-sum strong { font: 700 16px/1.2 var(--f-display); }
.cnp-sum small { color: var(--c-err); font-size: 14px; }
.cnp-sum__ic { width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; font: 700 13px/1 var(--f-mono); flex: none; }
.cnp-sum .is-ok .cnp-sum__ic { background: var(--c-lime); }
.cnp-sum .is-miss .cnp-sum__ic { background: #FDECE8; color: var(--c-err); }

/* buttons & footer */
.cnp-btn { -webkit-appearance: none; appearance: none; border: 0; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 56px; padding: 0 26px; border-radius: 4px; background: var(--c-orange); color: var(--c-ink); font: 700 17px/1 var(--f-display); transition: transform .16s cubic-bezier(.23,1,.32,1), box-shadow .2s ease; text-decoration: none; }
.cnp-btn:hover { box-shadow: 0 14px 30px -12px rgba(255,122,26,.95); transform: translateY(-1px); color: var(--c-ink); }
.cnp-btn:active { transform: scale(.97); }
.cnp-btn:disabled { opacity: .6; cursor: progress; }
.cnp-btn:focus-visible { outline: 3px solid var(--c-ink); outline-offset: 2px; }
.cnp-link { all: unset; cursor: pointer; font: 600 16px/1 var(--f-display); color: var(--c-ink); text-decoration: underline; text-decoration-color: var(--c-orange); text-underline-offset: 4px; padding: 12px 4px; white-space: nowrap; }
.cnp-link:focus-visible { outline: 3px solid var(--c-orange); outline-offset: 2px; }
.cnp-foot { position: fixed; z-index: 60; inset: auto 0 0 0; background: rgba(245,243,238,.94); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); border-top: 1px solid var(--c-silver); padding: 10px 16px calc(10px + env(safe-area-inset-bottom)); }
.cnp-foot__in { max-width: 728px; margin: 0 auto; display: grid; grid-template-columns: auto 1fr; grid-template-areas: "saved saved" "back next"; align-items: center; gap: 4px 12px; }
#cnp-back { grid-area: back; }
#cnp-next { grid-area: next; width: 100%; }
.cnp-saved { grid-area: saved; font: 500 12px/1.2 var(--f-mono); color: var(--c-ink3); text-align: center; }
.cnp-saved.is-err { color: var(--c-err); }
.cnp-saved.is-dirty, .cnp-saved.is-saving { color: var(--c-ink2); }
@media (min-width: 760px) {
  .cnp { padding-bottom: 60px; }
  .cnp-foot { position: sticky; bottom: 0; margin: 14px 0 0; border: 1px solid var(--c-silver); border-radius: 10px; }
  .cnp-foot__in { grid-template-columns: auto 1fr auto; grid-template-areas: "back saved next"; }
  #cnp-next { width: auto; min-width: 230px; }
  .cnp-saved { text-align: right; }
}
.cnp-toast { position: fixed; z-index: 70; bottom: 110px; left: 50%; transform: translate(-50%, 20px); opacity: 0; pointer-events: none; background: var(--c-ink); color: var(--c-paper); padding: 12px 16px; border-radius: 8px; font: 600 15px/1.3 var(--f-display); max-width: calc(100vw - 32px); transition: opacity .2s ease, transform .2s cubic-bezier(.23,1,.32,1); }
.cnp-toast.is-on { opacity: 1; transform: translate(-50%, 0); }
.cnp-toast.is-err { background: var(--c-err); }
@media (prefers-reduced-motion: reduce) { .cnp *, .cnp-toast { transition: none !important; } }

/* preview bar on the profile page (preview / admin draft view) */
.cnp-pbar { position: fixed; z-index: 9999; inset: auto 0 0 0; background: var(--cn-charcoal, #202624); color: var(--cn-paper, #F5F3EE); padding: 12px 16px calc(12px + env(safe-area-inset-bottom)); box-shadow: 0 -18px 40px -24px rgba(0,0,0,.6); direction: rtl; font-family: var(--cn-body, 'Assistant', sans-serif); }
.cnp-pbar__in { max-width: 1180px; margin: 0 auto; display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; }
.cnp-pbar__txt { flex: 1 1 260px; display: grid; gap: 2px; }
.cnp-pbar__txt strong { font: 700 16px/1.2 var(--cn-display, 'Rubik', sans-serif); color: var(--cn-lime, #C8F135); }
.cnp-pbar__txt span { font-size: 15px; line-height: 1.35; }
.cnp-pbar__act { display: flex; align-items: center; gap: 14px; flex: 1 1 auto; justify-content: flex-end; }
.cnp-pbar .cnp-link { color: var(--cn-paper, #F5F3EE); font: 600 16px/1 var(--cn-display, 'Rubik', sans-serif); text-decoration: underline; text-decoration-color: var(--cn-orange, #FF7A1A); text-underline-offset: 4px; padding: 12px 4px; }
.cnp-pbar .cnp-btn { -webkit-appearance: none; appearance: none; border: 0; cursor: pointer; min-height: 52px; padding: 0 24px; border-radius: 4px; background: var(--cn-orange, #FF7A1A); color: var(--cn-charcoal, #202624); font: 700 17px/1 var(--cn-display, 'Rubik', sans-serif); display: inline-flex; align-items: center; text-decoration: none; }
@media (max-width: 600px) { .cnp-pbar__act { width: 100%; } .cnp-pbar .cnp-btn { flex: 1; justify-content: center; } }
body.cnp-mode-preview, body.cnp-mode-admin { padding-bottom: 120px; }
body.cnp-mode-preview .p98-401, body.cnp-mode-admin .p98-401 { display: none !important; }

/* the theme (Hello) paints every <button> pink (#c36) on hover and focus: the wizard and the preview bar keep their own colours */
body .cnp-btn:hover, body .cnp-btn:focus { background-color: #FF7A1A; color: #202624; }
#cnp-app button:hover, #cnp-app button:focus { color: #202624; }
#cnp-app .cnp-drop:hover, #cnp-app .cnp-drop:focus { background-color: #EDEBE4; border-color: #202624; }
#cnp-app .cnp-add:hover, #cnp-app .cnp-add:focus, #cnp-app .cnp-add-ph:hover, #cnp-app .cnp-add-ph:focus { background-color: #fff; border-color: #202624; }
#cnp-app .cnp-chip:hover, #cnp-app .cnp-chip:focus { background-color: #fff; border-color: #202624; }
#cnp-app .cnp-chip.is-on:hover, #cnp-app .cnp-chip.is-on:focus { background-color: #C8F135; }
#cnp-app .cnp-link:hover, #cnp-app .cnp-link:focus, #cnp-app .cnp-x:hover, #cnp-app .cnp-x:focus { background-color: transparent; }
#cnp-app .cnp-ph__x:hover, #cnp-app .cnp-ph__x:focus { background-color: rgba(32, 38, 36, .92); }
#cnp-app .cnp-steps button:hover, #cnp-app .cnp-steps button:focus { background-color: #fff; border-color: #202624; }
#cnp-app .cnp-steps button.is-cur, #cnp-app .cnp-steps button.is-cur:hover, #cnp-app .cnp-steps button.is-cur:focus { background-color: #202624; color: #F5F3EE; border-color: #202624; }

/* ---------- short join screen: optional details, one main action ---------- */
#cnp-app .cnp-more { margin: 22px 0 6px; border: 1px solid #BCC3C5; border-radius: 10px; background: #fff; }
#cnp-app .cnp-more > summary { list-style: none; cursor: pointer; display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; padding: 16px 18px; min-height: 56px; font-size: 17px; }
#cnp-app .cnp-more > summary::-webkit-details-marker { display: none; }
#cnp-app .cnp-more > summary::after { content: '+'; margin-inline-start: auto; font: 700 22px/1 var(--f-display, inherit); }
#cnp-app .cnp-more[open] > summary::after { content: '−'; }
#cnp-app .cnp-more > summary span { color: #55605C; font-size: 15px; }
#cnp-app .cnp-secs { list-style: none; margin: 0; padding: 0 10px 10px; display: grid; gap: 8px; }
#cnp-app .cnp-sec { all: unset; box-sizing: border-box; width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 14px; min-height: 60px; border: 1px solid #E2E5E3; border-radius: 8px; background: #F5F3EE; cursor: pointer; text-align: right; }
#cnp-app .cnp-sec:hover, #cnp-app .cnp-sec:focus-visible { border-color: #202624; background: #F5F3EE; }
#cnp-app .cnp-sec:focus-visible { outline: 3px solid #FF7A1A; outline-offset: 2px; }
#cnp-app .cnp-sec strong { display: block; font-size: 16px; color: #202624; }
#cnp-app .cnp-sec small { display: block; margin-top: 2px; font-size: 14px; color: #55605C; }
#cnp-app .cnp-sec__go { font-size: 20px; color: #202624; }
#cnp-app .cnp-miss { margin: 14px 0 0; padding: 12px 14px; border-radius: 8px; background: #FDE2DD; color: #8A2412; font-weight: 600; }
#cnp-app .cnp-backlink { display: inline-block; margin: 0 0 10px; padding: 8px 0; font-size: 16px; }
#cnp-app .cnp-pvlink { margin: 14px 0 0; }
#cnp-app .cnp-foot .cnp-btn { min-height: 54px; font-size: 18px; padding-inline: 28px; }
@media (max-width: 767px) {
  #cnp-app .cnp-foot__in { gap: 6px; }
  #cnp-app .cnp-foot .cnp-btn { flex: 1 1 auto; width: 100%; }
  #cnp-app .cnp-chip { min-height: 44px; }
}


/* ===== v1.1.3: inline accordion for "השלמת פרטים" ===== */
#cnp-app .cnp-acc.is-open { border: 2px solid #202624; border-radius: 10px; background: #fff; overflow: hidden; }
#cnp-app .cnp-acc.is-open > .cnp-sec { border: 0; border-bottom: 1px solid #E2E5E3; border-radius: 0; background: #F1F9D6; }
#cnp-app .cnp-sec__go { font-size: 24px; font-weight: 700; line-height: 1; min-width: 28px; text-align: center; }
#cnp-app .cnp-acc__body { padding: 4px 16px 20px; }
#cnp-app .cnp-acc__body > .cnp-h2 { display: none; }
#cnp-app .cnp-acc__body > .cnp-lead { margin-top: 10px; font-size: 15px; }

/* ===== v1.1.3: banners / notes to the contractor — big and clear ===== */
#cnp-app .cnp-banner { font-size: 18px; line-height: 1.6; padding: 18px 20px; margin: 8px 0 16px; border: 2px solid transparent; border-inline-start-width: 8px; border-radius: 10px; }
#cnp-app .cnp-banner strong { display: block; font-size: 21px; line-height: 1.35; margin-bottom: 8px; }
#cnp-app .cnp-banner.is-pending { background: #FFF4EB; border-color: #FF7A1A; }
#cnp-app .cnp-banner.is-live { background: #F1F9D6; border-color: #8FB31C; }
#cnp-app .cnp-banner.is-changes { background: #FDE2DD; border-color: #D9472B; color: #5E1A0D; }
#cnp-app .cnp-banner.is-changes strong { color: #B3270F; }
#cnp-app .cnp-banner__note { display: block; margin: 4px 0 12px; padding: 12px 14px; background: #fff; border: 1px solid #F2C0B4; border-radius: 8px; color: #202624; font-size: 20px; font-weight: 700; line-height: 1.5; white-space: pre-line; }
#cnp-app .cnp-banner__next { display: block; font-size: 17px; }

/* ===== v1.1.3: preview popup ===== */
#cnp-app .cnp-pvopen { font-size: 16px; font-weight: 700; }
html.cnp-pv-lock, html.cnp-pv-lock body { overflow: hidden !important; }
.cnp-pv { position: fixed; inset: 0; z-index: 100000; display: none; align-items: center; justify-content: center; padding: 24px; background: rgba(20, 24, 23, .7); direction: rtl; }
.cnp-pv.is-open { display: flex; }
.cnp-pv__box { position: relative; width: min(1100px, 100%); height: min(92vh, 100%); background: #fff; border-radius: 12px; display: flex; flex-direction: column; overflow: hidden; box-shadow: 0 20px 60px rgba(0, 0, 0, .35); }
.cnp-pv__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 16px; background: #F5F3EE; border-bottom: 1px solid #E2E5E3; color: #202624; font-size: 17px; }
body .cnp-pv .cnp-pv__x { appearance: none; -webkit-appearance: none; margin: 0; min-height: 44px; padding: 10px 18px; border: 2px solid #202624; border-radius: 8px; background: #202624; color: #fff; font-family: inherit; font-size: 16px; font-weight: 700; line-height: 1; cursor: pointer; }
body .cnp-pv .cnp-pv__x:hover, body .cnp-pv .cnp-pv__x:focus-visible { background: #FF7A1A; border-color: #FF7A1A; color: #202624; outline: none; }
.cnp-pv__body { position: relative; flex: 1; background: #fff; }
.cnp-pv__frame { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; background: #fff; }
.cnp-pv__load { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #55605C; font-size: 16px; }
.cnp-pv:not(.is-loaded) .cnp-pv__frame { visibility: hidden; }
@media (max-width: 640px) { .cnp-pv { padding: 0; } .cnp-pv__box { width: 100%; height: 100%; border-radius: 0; } }


/* ===== v1.1.4: prominent "השלמת הפרופיל" ===== */
#cnp-app .cnp-more { margin: 26px 0 8px; border: 2px solid #FF7A1A; border-radius: 12px; background: #FFF8F1; box-shadow: 0 4px 14px rgba(255, 122, 26, .14); }
#cnp-app .cnp-more > summary { display: flex; flex-wrap: nowrap; align-items: center; gap: 14px; padding: 18px 18px; }
#cnp-app .cnp-more > summary::after { content: none; }
#cnp-app .cnp-more > summary:hover { background: #FFF1E3; border-radius: 10px; }
#cnp-app .cnp-more > summary:focus-visible { outline: 3px solid #FF7A1A; outline-offset: 2px; border-radius: 10px; }
#cnp-app .cnp-more__ic { flex: none; width: 46px; height: 46px; border-radius: 50%; background: #FF7A1A; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 22px; line-height: 1; }
#cnp-app .cnp-more__txt { flex: 1; min-width: 0; display: block; }
#cnp-app .cnp-more > summary .cnp-more__txt strong { display: block; font-size: 21px; line-height: 1.3; color: #202624; }
#cnp-app .cnp-more > summary .cnp-more__txt > span:not(.cnp-more__bar) { display: block; margin-top: 3px; font-size: 15px; color: #55605C; }
#cnp-app .cnp-more__bar { display: block; height: 8px; margin: 10px 0 4px; border-radius: 99px; background: #F2DCC8; overflow: hidden; max-width: 320px; }
#cnp-app .cnp-more__bar i { display: block; height: 100%; min-width: 6px; border-radius: 99px; background: #FF7A1A; }
#cnp-app .cnp-more__txt em { display: block; font-style: normal; font-size: 14px; font-weight: 700; color: #B3510A; }
#cnp-app .cnp-more__tg { flex: none; display: flex; align-items: center; justify-content: center; gap: 6px; min-height: 44px; padding: 0 16px; border-radius: 8px; background: #202624; color: #fff; font-size: 15px; font-weight: 700; white-space: nowrap; }
#cnp-app .cnp-more__tg::before { content: 'להשלמה'; }
#cnp-app .cnp-more__tg::after { content: '+'; font-size: 20px; line-height: 1; }
#cnp-app .cnp-more[open] .cnp-more__tg { background: #fff; color: #202624; border: 2px solid #202624; }
#cnp-app .cnp-more[open] .cnp-more__tg::before { content: 'סגירה'; }
#cnp-app .cnp-more[open] .cnp-more__tg::after { content: '−'; }
#cnp-app .cnp-more.is-full { border-color: #8FB31C; background: #F6FBE6; box-shadow: none; }
#cnp-app .cnp-more.is-full .cnp-more__ic, #cnp-app .cnp-more.is-full .cnp-more__bar i { background: #8FB31C; }
#cnp-app .cnp-more.is-full .cnp-more__txt em { color: #4F6610; }
#cnp-app .cnp-more .cnp-secs { padding: 0 12px 12px; }
#cnp-app .cnp-acc.is-done > .cnp-sec strong::after { content: ' ✓'; color: #4F6610; }
@media (max-width: 520px) {
  #cnp-app .cnp-more > summary { flex-wrap: wrap; gap: 10px 12px; padding: 16px 14px; }
  #cnp-app .cnp-more__ic { width: 38px; height: 38px; font-size: 18px; }
  #cnp-app .cnp-more__txt { flex-basis: calc(100% - 52px); }
  #cnp-app .cnp-more__tg { width: 100%; }
}
#cnp-app .cnp-more[open] > summary::after { content: none; }

/* v1.1.6: preview header actions */
.cnp-pv__head small { font-size: 14px; font-weight: 400; color: #55605C; }
.cnp-pv__acts { display: flex; gap: 8px; flex: none; }
body .cnp-pv .cnp-pv__re { appearance: none; -webkit-appearance: none; margin: 0; min-height: 44px; padding: 10px 14px; border: 2px solid #202624; border-radius: 8px; background: #fff; color: #202624; font-family: inherit; font-size: 15px; font-weight: 700; line-height: 1; cursor: pointer; }
body .cnp-pv .cnp-pv__re:hover, body .cnp-pv .cnp-pv__re:focus-visible { background: #F1F9D6; outline: none; }
@media (max-width: 640px) { .cnp-pv__head small { display: block; } }


/* ===== v1.2: language switch ===== */
#cnp-app .cnp-lang { display: flex; justify-content: center; gap: 0; margin: 0 auto 14px; width: max-content; padding: 4px; border-radius: 999px; background: #EDEBE6; }
#cnp-app .cnp-lang button { all: unset; cursor: pointer; min-width: 92px; min-height: 40px; padding: 0 16px; border-radius: 999px; text-align: center; font-size: 16px; font-weight: 700; color: #55605C; transition: background-color 160ms ease-out, color 160ms ease-out; }
#cnp-app .cnp-lang button[aria-pressed="true"] { background: #202624; color: #fff; }
#cnp-app .cnp-lang button:focus-visible { outline: 3px solid #FF7A1A; outline-offset: 2px; }
#cnp-app[data-lang="ar"] { font-family: "Noto Sans Arabic", "Tajawal", "Segoe UI", Tahoma, var(--f-body, sans-serif); }

/* ===== v1.2: trades / areas — clearly multi-select ===== */
#cnp-app .cnp-hint--strong { display: block; margin: 2px 0 8px; font-size: 15px; font-weight: 600; color: #202624; }
#cnp-app .cnp-pickcount { display: inline-block; margin-top: 8px; padding: 2px 10px; border-radius: 999px; background: #F1F9D6; color: #4F6610; font-size: 13px; font-weight: 700; }
#cnp-app .cnp-chip { transition: transform 120ms ease-out, background-color 160ms ease-out, border-color 160ms ease-out; }
#cnp-app .cnp-chip:active { transform: scale(0.96); }
#cnp-app .cnp-chip.is-on::before { content: "✓"; margin-inline-end: 6px; font-weight: 800; }
#cnp-app .cnp-chip__ar { font-weight: 700; }
#cnp-app .cnp-chip__he { display: block; font-size: 11px; line-height: 1.1; opacity: .7; }
#cnp-app[data-lang="ar"] .cnp-chip { flex-direction: column; line-height: 1.25; padding-top: 6px; padding-bottom: 6px; }

/* ===== v1.2: profile completion (boost) ===== */
#cnp-app .cnp-boost { margin: 26px 0 8px; padding: 18px; border: 2px solid #FF7A1A; border-radius: 14px; background: linear-gradient(180deg, #FFF8F1 0%, #FFFFFF 70%); box-shadow: 0 6px 20px rgba(255, 122, 26, .12); }
#cnp-app .cnp-boost.is-full { border-color: #8FB31C; background: #F6FBE6; box-shadow: none; }
#cnp-app .cnp-boost__head { display: flex; align-items: center; gap: 14px; }
#cnp-app .cnp-ring { position: relative; flex: none; width: 64px; height: 64px; }
#cnp-app .cnp-ring svg { width: 64px; height: 64px; transform: rotate(-90deg); }
#cnp-app .cnp-ring__bg { fill: none; stroke: #F2DCC8; stroke-width: 6; }
#cnp-app .cnp-ring__fg { fill: none; stroke: #FF7A1A; stroke-width: 6; stroke-linecap: round; transition: stroke-dashoffset 700ms cubic-bezier(0.23, 1, 0.32, 1); }
#cnp-app .cnp-boost.is-full .cnp-ring__fg { stroke: #8FB31C; }
#cnp-app .cnp-ring b { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 800; color: #202624; direction: ltr; }
#cnp-app .cnp-boost__txt { min-width: 0; }
#cnp-app .cnp-boost__txt strong { display: block; font-size: 20px; line-height: 1.3; color: #202624; }
#cnp-app .cnp-boost__txt span { display: block; margin-top: 4px; font-size: 14px; line-height: 1.5; color: #55605C; }
#cnp-app .cnp-boost__txt em { display: inline-block; margin-top: 6px; padding: 1px 8px; border-radius: 4px; background: #EDEBE6; color: #55605C; font-size: 12px; font-style: normal; font-weight: 600; }
#cnp-app .cnp-boost__steps { list-style: none; margin: 16px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
#cnp-app .cnp-boost__steps button { all: unset; box-sizing: border-box; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; min-height: 40px; padding: 0 12px; border: 1.5px solid #D9D5CC; border-radius: 999px; background: #fff; font-size: 14px; font-weight: 600; color: #202624; transition: transform 120ms ease-out, border-color 160ms ease-out, background-color 160ms ease-out; }
#cnp-app .cnp-boost__steps button:active { transform: scale(0.97); }
#cnp-app .cnp-boost__steps button:focus-visible { outline: 3px solid #FF7A1A; outline-offset: 2px; }
#cnp-app .cnp-boost__ic { width: 20px; height: 20px; border-radius: 50%; border: 1.5px dashed #BCC3C5; display: inline-flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 800; }
#cnp-app .cnp-boost__steps .is-done button { border-color: #B5D24A; background: #F1F9D6; }
#cnp-app .cnp-boost__steps .is-done .cnp-boost__ic { border: 0; background: #8FB31C; color: #fff; }
#cnp-app .cnp-boost__steps .is-next button { border-color: #FF7A1A; }
#cnp-app .cnp-boost__steps .is-open button { border-color: #202624; background: #202624; color: #fff; }
#cnp-app .cnp-boost__steps .is-new .cnp-boost__ic { animation: cnpPop 260ms cubic-bezier(0.23, 1, 0.32, 1); }
@keyframes cnpPop { from { transform: scale(0.6); opacity: 0; } to { transform: scale(1); opacity: 1; } }
#cnp-app .cnp-boost__cta { all: unset; box-sizing: border-box; cursor: pointer; margin-top: 14px; width: 100%; min-height: 56px; padding: 10px 16px; border-radius: 10px; background: #FF7A1A; color: #202624; display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: 16px; box-shadow: 0 2px 0 rgba(0,0,0,.08); transition: transform 120ms ease-out, background-color 160ms ease-out; }
#cnp-app .cnp-boost__cta b { font-weight: 800; }
#cnp-app .cnp-boost__cta small { flex: none; font-size: 13px; font-weight: 700; opacity: .8; }
#cnp-app .cnp-boost__cta:hover { background: #FF8A33; }
#cnp-app .cnp-boost__cta:active { transform: scale(0.98); }
#cnp-app .cnp-boost__cta:focus-visible { outline: 3px solid #202624; outline-offset: 2px; }
#cnp-app .cnp-boost .cnp-secs { list-style: none; margin: 14px 0 0; padding: 0; }
@media (max-width: 520px) {
  #cnp-app .cnp-boost { padding: 14px; }
  #cnp-app .cnp-boost__txt strong { font-size: 18px; }
  #cnp-app .cnp-ring, #cnp-app .cnp-ring svg { width: 56px; height: 56px; }
}
@media (prefers-reduced-motion: reduce) {
  #cnp-app .cnp-ring__fg, #cnp-app .cnp-chip, #cnp-app .cnp-boost__steps button, #cnp-app .cnp-boost__cta { transition: none; }
  #cnp-app .cnp-boost__steps .is-new .cnp-boost__ic { animation: none; }
}

#cnp-app[data-lang="ar"] .cnp-chip { display: inline-flex; align-items: center; justify-content: center; }
.cnp-gate__ar { font-family: "Noto Sans Arabic", Tahoma, sans-serif; }

/* v1.2.1: Arabic chips — compact two-line chips; check and "main" badge don't add height */
#cnp-app .cnp-chip { position: relative; }
#cnp-app[data-lang="ar"] .cnp-chip { border-radius: 14px; min-height: 52px; padding-inline: 16px 22px; }
#cnp-app[data-lang="ar"] .cnp-chip.is-on::before { position: absolute; top: 6px; inset-inline-end: 7px; margin: 0; font-size: 12px; }
#cnp-app[data-lang="ar"] .cnp-chip .cnp-chip__main { position: absolute; top: -10px; inset-inline-start: 10px; margin: 0; }
#cnp-app[data-lang="ar"] .cnp-idx, #cnp-app[data-lang="ar"] .cnp-saved, #cnp-app[data-lang="ar"] .cnp-req { font-family: inherit; letter-spacing: 0; }