/* ==========================================================================
   Muvtal x mycv.co.il - CV/job match widget inside the send-CV popup.
   Structure follows the integration spec (section 8); colours and shapes
   follow the muvtal brand: blue #0095f2 (hover #29a8ff), navy #2c3e50,
   grey #808080, light-blue surfaces (#e9f3fd) and small radii, as used by
   the popup itself and its "שלח קורות חיים" button.
   ========================================================================== */

.cvm-wrap{margin-top:16px;direction:rtl;text-align:right;font-family:inherit}
.cvm-admin-note{font-size:11px;color:#0f7fee;background:#e9f3fd;border:1px dashed #9ccdf7;
  border-radius:3px;padding:3px 9px;margin-bottom:6px;display:inline-block;font-weight:500}

/* ---- state A: the button -------------------------------------------- */
.cvm{margin-top:0}
.cvm-row{display:flex;align-items:center;gap:12px;width:100%;text-align:right;cursor:pointer;
  border:1px solid #cfe3f7;background:#f3f9fe;border-radius:5px;padding:12px 14px;font:inherit;
  direction:rtl;margin:0;box-shadow:none;line-height:1.3;
  transition:background-color .15s,border-color .15s}
.cvm-row:hover,.cvm-row:focus-visible{background:#e9f3fd;border-color:#9ccdf7;outline:none}
.cvm-row:disabled{opacity:.6;cursor:default}
.cvm-dot{width:32px;height:32px;border-radius:50%;background:#0095f2;color:#fff;
  flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}
.cvm-tx{flex:1}
.cvm-t1{display:block;font-weight:700;font-size:15px;color:#2c3e50}
.cvm-t2{display:block;font-size:12.5px;color:#808080;margin-top:2px;font-weight:500}
.cvm-arw{color:#0095f2;font-size:18px;font-weight:700}
.cvm-consent{margin:7px 2px 0;font-size:11.5px;line-height:1.5;color:#808080}
.cvm-consent a{color:#0095f2;text-decoration:underline}
.cvm-tip{margin:6px 2px 0;font-size:12.5px;line-height:1.55;color:#2c3e50;background:#fff;
  border:1px solid #cfe3f7;border-radius:5px;padding:8px 10px}

/* ---- state B: waiting ----------------------------------------------- */
.cvm-load{display:flex;align-items:center;gap:10px;border:1px solid #cfe3f7;background:#f3f9fe;
  border-radius:5px;padding:14px;font-size:14.5px;color:#2c3e50;font-weight:700;margin-top:0}
.cvm-sp{width:19px;height:19px;border:2.5px solid rgba(0,149,242,.2);border-top-color:#0095f2;
  border-radius:50%;animation:cvm-spin .9s linear infinite;flex-shrink:0}
@keyframes cvm-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.cvm-sp{animation:none}}

/* ---- state C: the result -------------------------------------------- */
.cvm-res{border:1px solid #cfe3f7;background:#f3f9fe;border-radius:5px;padding:14px;margin-top:0}
.cvm-top{display:flex;align-items:center;gap:12px;margin-bottom:10px}
/* The ring: explicit centring + line-height so the template's global b/i rules cannot push the digits around. */
.cvm-res .cvm-ring{width:54px;height:54px;min-width:54px;border-radius:50%;background:#fff;border:3px solid #0095f2;
  box-sizing:border-box;flex-shrink:0;display:flex;align-items:center;justify-content:center;
  margin:0;padding:0 0 1px;line-height:1;direction:ltr}
.cvm-res .cvm-ring.low{border-color:#ef0252}
.cvm-res .cvm-ring.high{border-color:#27ae60}
.cvm-res .cvm-ring b,.cvm-res .cvm-ring i{display:block;margin:0;padding:0;line-height:1;font-family:inherit;float:none}
.cvm-res .cvm-ring b{font-size:22px;font-weight:700;color:#2c3e50}
.cvm-res .cvm-ring i{font-style:normal;font-size:10.5px;font-weight:500;color:#808080;margin-top:8px;margin-left:1px}
.cvm-top h4{margin:0;font-weight:700;font-size:16.5px;color:#2c3e50;line-height:1.3}
.cvm-top span{display:block;font-size:12.5px;color:#808080;margin-top:2px;font-weight:500}
.cvm-res p{margin:0 0 12px;font-size:14px;line-height:1.55;color:#2c3e50}

/* Secondary (outlined) action - "שליחת מועמדות" must stay the primary one. */
.cvm-cta{display:block;text-align:center;text-decoration:none;background:#fff;
  border:1px solid #0095f2;color:#0095f2;border-radius:3px;padding:10px 12px;margin:0 0 12px;
  transition:background-color .15s,border-color .15s,color .15s}
.cvm-cta:hover,.cvm-cta:focus-visible{background:#e9f3fd;border-color:#29a8ff;color:#0f7fee;text-decoration:none}
.cvm-cta-main{display:inline-flex;align-items:center;justify-content:center;gap:6px;
  font-weight:700;font-size:15px;line-height:1.3}
.cvm-ext{flex-shrink:0;vertical-align:middle;position:relative;top:-1px}
.cvm-cta-sub{display:block;font-size:11.5px;font-weight:500;color:#808080;margin-top:3px;line-height:1.4}
.cvm-cta:hover .cvm-cta-sub{color:#2c3e50}

.cvm-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;
  border-top:1px solid #cfe3f7;padding-top:10px}
.cvm-note{font-size:11.5px;color:#808080}
.cvm-mark{font-size:11.5px;color:#808080;white-space:nowrap}
.cvm-mark b{color:#0095f2}

/* Short error line shown instead of the result box (file errors / 502). */
.cvm-msg{border:1px solid #cfe3f7;background:#f3f9fe;border-radius:5px;padding:12px 14px;
  font-size:13.5px;line-height:1.5;color:#2c3e50}

/* --------------------------------------------------------------------------
   Let the existing popup grow when the widget is visible.
   The popup is normally a fixed 510px (desktop) / 400px (mobile) box; with
   the widget inside it must size to its content and scroll if needed.
   -------------------------------------------------------------------------- */
.popu-send-cv-to-job .popu-main-content.has-cvm{
  height:auto;max-height:94vh;overflow-y:auto;
  top:50%;bottom:auto;
  -webkit-transform:translateY(-50%);transform:translateY(-50%)
}