/* =========================================================================
   منصة الصعود — طلب الخدمة السريع، نموذج التواصل، الوظائف الشاغرة، التقديم الإلكتروني
   ========================================================================= */
[hidden]{display:none!important}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}

/* ---------- chips (اختيار سريع) ---------- */
.pchips{display:flex;flex-wrap:wrap;gap:8px}
.pchip{position:relative;cursor:pointer}
.pchip input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer}
.pchip span{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:8px 15px;border-radius:999px;border:1px solid rgba(15,38,36,.14);background:#fff;font-weight:700;font-size:.9rem;color:var(--ink-2);line-height:1.35;transition:background .25s,border-color .25s,color .25s,box-shadow .25s,transform .25s var(--ease-out)}
.pchip span .icon{width:16px;height:16px;color:var(--gold-ink)}
.pchip:hover span{border-color:var(--gold-500)}
.pchip input:checked+span{background:var(--em-700);border-color:var(--em-700);color:#fff;box-shadow:0 10px 22px -14px rgba(11,39,36,.9)}
.pchip input:checked+span .icon{color:#C9EC3A}
.pchip input:focus-visible+span{outline:2px solid var(--gold-500);outline-offset:2px}
.pchip input:active+span{transform:scale(.97)}
[data-group].has-error .pchips .pchip span{border-color:#DC2626}
[data-group] > .err,.drop__err,.consent-err{display:none;color:#B91C1C;font-size:.85rem}
[data-group].has-error > .err,.drop__err.is-on,.consent-err.is-on{display:block}
.field .hint{font-size:.82rem;color:var(--muted)}

/* ---------- نموذج الطلب ---------- */
.lead-form .form-grid{gap:16px}
.lead-form .field label,.lead-form .field .label{font-size:.9rem}
.lead-more{margin-top:16px;border:1px dashed rgba(15,38,36,.16);border-radius:16px;background:var(--em-50)}
.lead-more summary{display:flex;align-items:center;gap:8px;padding:12px 16px;cursor:pointer;font-weight:700;color:var(--em-700);list-style:none}
.lead-more summary::-webkit-details-marker{display:none}
.lead-more summary .icon{width:16px;height:16px;transition:transform .3s var(--ease)}
.lead-more summary small{margin-inline-start:auto;color:var(--muted);font-weight:500}
.lead-more[open] summary .icon{transform:rotate(45deg)}
.lead-more > .form-grid{padding:4px 16px 18px}
.lead-form__alert{margin-top:16px;padding:12px 16px;border-radius:14px;background:#FEF2F2;border:1px solid #FECACA;color:#991B1B;font-size:.92rem;line-height:1.7}
.lead-form__alert a{color:#166534;font-weight:800;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.lead-form__submit{margin-top:18px;gap:10px}
.lead-form__submit.is-busy{pointer-events:none;opacity:.85}
.lead-form__submit.is-busy .icon{animation:rqSpin 1s linear infinite}
@keyframes rqSpin{to{transform:rotate(360deg)}}
.lead-form input[type=tel],.lead-form input[type=email]{text-align:start}
html[dir=rtl] .lead-form input[dir=ltr],html[dir=rtl] .apply-form input[dir=ltr]{text-align:right}

/* ---------- نجاح الإرسال ---------- */
.lead-done{text-align:center;padding:12px 6px 4px;outline:0;animation:rqIn .5s var(--ease-out)}
.lead-done__check{width:78px;height:78px;margin:6px auto 16px;border-radius:50%;display:grid;place-items:center;background:var(--gold-btn);color:var(--em-950);box-shadow:0 0 0 10px rgba(58,215,5,.12),0 20px 40px -18px rgba(25,160,70,.7);animation:rqPop .6s cubic-bezier(.34,1.56,.64,1)}
.lead-done__check .icon{width:38px;height:38px;stroke-width:2.6}
.lead-done h3{font-size:1.4rem;color:var(--em-800);margin-bottom:8px}
.lead-done p{color:var(--muted);max-width:460px;margin:0 auto 18px}
.lead-done__ref{display:inline-block;padding:2px 10px;border-radius:8px;background:var(--em-50);color:var(--em-800);font-family:"Poppins",var(--f-body);letter-spacing:.03em;font-size:.95rem}
.lead-done .btn-row{justify-content:center}
@keyframes rqPop{0%{transform:scale(.4);opacity:0}100%{transform:scale(1);opacity:1}}
@keyframes rqIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* ---------- نافذة الطلب السريع ---------- */
.rq{width:min(660px,calc(100vw - 24px));max-height:min(92vh,880px);padding:0;border:0;border-radius:28px;background:#fff;color:var(--ink);box-shadow:0 50px 120px -40px rgba(6,28,25,.65);overflow:hidden}
.rq[open]{display:flex;animation:rqOpen .45s var(--ease-out)}
.rq::backdrop{background:rgba(6,28,25,.62);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
@keyframes rqOpen{from{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:none}}
.rq__panel{display:flex;flex-direction:column;width:100%;max-height:inherit;min-height:0}
.rq__head{position:relative;overflow:hidden;padding:24px 26px 20px;background:linear-gradient(150deg,#0B2724 0%,#10332F 55%,#143D39 100%);color:#fff;flex:none}
.rq__glow{position:absolute;inset:-40% -10% auto auto;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(58,215,5,.32),transparent 65%);pointer-events:none}
.rq__badge{position:relative;display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:rgba(179,215,7,.14);border:1px solid rgba(179,215,7,.35);color:#D9FF6A;font-size:.8rem;font-weight:800}
.rq__badge .icon{width:14px;height:14px}
.rq__head h2{position:relative;font-size:1.65rem;margin:12px 0 4px;color:#fff}
.rq__head p{position:relative;margin:0;color:var(--on-dark-2);font-size:.95rem;line-height:1.7;max-width:480px}
.rq__close{position:absolute;top:16px;inset-inline-end:16px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);transition:background .3s}
.rq__close:hover{background:rgba(255,255,255,.18)}
.rq__close .icon{width:18px;height:18px}
.rq__wa{position:relative;display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:8px 14px;border-radius:999px;background:rgba(31,174,91,.18);border:1px solid rgba(31,174,91,.45);color:#E7F9EE;font-size:.88rem;transition:background .3s}
.rq__wa:hover{background:rgba(31,174,91,.32)}
.rq__wa .icon{width:18px;height:18px;color:#3EE47C}
.rq__wa b{color:#fff}
.rq__body{padding:22px 26px 24px;overflow:auto;overscroll-behavior:contain;min-height:0}
.rq .form-note{margin-top:12px}
@media (max-width:620px){
  .rq{width:100vw;max-width:100vw;max-height:94vh;margin:auto 0 0;border-radius:24px 24px 0 0}
  .rq[open]{animation:rqSheet .4s var(--ease-out)}
  .rq__head{padding:20px 18px 16px}
  .rq__head h2{font-size:1.35rem;margin:10px 0 0}
  .rq__head p{display:none}
  .rq__wa{margin-top:10px;font-size:.84rem}
  .rq__body{padding:18px 16px 22px}
  .rq .form-grid,.lead-form .form-grid{grid-template-columns:1fr;gap:14px}
  .pchip span{min-height:40px;padding:7px 13px;font-size:.86rem}
}
@keyframes rqSheet{from{transform:translateY(100%)}to{transform:none}}

/* ---------- الوظائف الشاغرة ---------- */
.openings{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}
.openings__empty{grid-column:1/-1;display:flex;align-items:center;gap:18px;padding:26px 28px;border-radius:24px;background:#fff;border:1px dashed var(--line-gold)}
.openings__empty>.icon{width:44px;height:44px;flex:none;padding:10px;border-radius:14px;background:var(--em-50);color:var(--em-700)}
.openings__empty h3{font-size:1.1rem;margin:0 0 4px}
.openings__empty p{margin:0;color:var(--muted)}
.opening{display:flex;flex-direction:column;gap:10px;padding:24px;border-radius:24px;background:#fff;border:1px solid var(--line-gold);box-shadow:var(--shadow-1);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.opening:hover{transform:translateY(-4px);box-shadow:var(--shadow-2)}
.opening__top{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.opening__tag{padding:4px 12px;border-radius:999px;background:var(--em-700);color:#fff;font-size:.78rem;font-weight:800}
.opening__close{font-size:.8rem;color:#B45309;font-weight:700}
.opening h3{font-size:1.2rem;margin:4px 0 0;color:var(--em-800)}
.opening__meta{display:flex;flex-wrap:wrap;gap:6px}
.opening__meta span{padding:3px 10px;border-radius:8px;background:var(--em-50);color:var(--em-700);font-size:.8rem;font-weight:700}
.opening p{margin:0;color:var(--muted);font-size:.94rem;line-height:1.75}
.opening__reqs{margin:0;padding-inline-start:18px;color:var(--ink-2);font-size:.9rem;line-height:1.8}
.opening .btn{align-self:flex-start;margin-top:auto}

/* ---------- التقديم الإلكتروني ---------- */
.apply-card__head{margin-bottom:26px}
.tcards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.tcard{position:relative;display:block;cursor:pointer}
.tcard input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer;z-index:1}
.tcard__in{display:flex;flex-direction:column;align-items:center;gap:10px;height:100%;padding:22px 14px 18px;border-radius:20px;border:1.5px solid rgba(15,38,36,.12);background:#fff;text-align:center;transition:border-color .3s,box-shadow .3s,background .3s,transform .3s var(--ease-out)}
.tcard__icon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:var(--em-50);color:var(--em-700);transition:background .3s,color .3s}
.tcard__icon .icon{width:26px;height:26px}
.tcard b{font-size:1rem;color:var(--ink);line-height:1.4}
.tcard small{color:#B45309;font-weight:700;font-size:.78rem}
.tcard__tick{position:absolute;top:10px;inset-inline-end:10px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--gold-btn);color:var(--em-950);opacity:0;transform:scale(.5);transition:opacity .3s,transform .3s cubic-bezier(.34,1.56,.64,1)}
.tcard__tick .icon{width:14px;height:14px;stroke-width:3}
.tcard:hover .tcard__in{border-color:var(--gold-500);transform:translateY(-2px)}
.tcard.is-on .tcard__in,.tcard input:checked~.tcard__in{border-color:var(--em-700);background:linear-gradient(180deg,#fff,var(--em-50));box-shadow:0 18px 36px -24px rgba(11,39,36,.7)}
.tcard.is-on .tcard__icon{background:var(--em-700);color:#D9FF6A}
.tcard.is-on .tcard__tick{opacity:1;transform:none}
.tcard input:focus-visible~.tcard__in{outline:2px solid var(--gold-500);outline-offset:2px}
.tcard.is-off{cursor:not-allowed}.tcard.is-off .tcard__in{opacity:.55;transform:none!important;border-style:dashed}
[data-group="track"].has-error .tcard__in{border-color:#DC2626}
.apply-steps{margin-top:8px;animation:rqIn .5s var(--ease-out)}
.trackset{margin:26px 0 0;padding:0;border:0;min-width:0}
.trackset__title{display:flex;align-items:center;gap:10px;width:100%;padding-bottom:12px;margin-bottom:18px;border-bottom:1px solid var(--line);font-family:var(--f-display);font-weight:700;font-size:1.05rem;color:var(--em-800)}
.trackset__title .icon{width:20px;height:20px;color:var(--gold-ink)}
.apply-form .check{align-items:flex-start;font-weight:600;font-size:.9rem;line-height:1.7;cursor:pointer;margin-top:4px}
.apply-form .check input{margin-top:5px;width:18px;height:18px;flex:none;accent-color:var(--em-700)}
.apply-form .check a{color:var(--gold-ink);text-decoration:underline}
.apply-form .check.has-error{border-color:#DC2626;background:#FEF2F2}
.drop{position:relative;display:flex;align-items:center;gap:16px;padding:22px;border-radius:20px;border:2px dashed rgba(26,77,72,.28);background:var(--em-50);cursor:pointer;transition:border-color .3s,background .3s}
.drop input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.drop__icon{width:52px;height:52px;flex:none;border-radius:16px;display:grid;place-items:center;background:#fff;color:var(--em-700);box-shadow:var(--shadow-1)}
.drop__icon .icon{width:24px;height:24px}
.drop__text{display:grid;gap:2px}
.drop__text b{color:var(--em-800)}
.drop__text small{color:var(--muted)}
.drop__file{margin-inline-start:auto;padding:6px 12px;border-radius:10px;background:var(--em-700);color:#fff;font-size:.82rem;font-weight:700;max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:ltr}
.drop.is-drag,.drop:hover{border-color:var(--gold-500);background:#fff}
.drop.has-file{border-style:solid;border-color:var(--em-700)}
.drop.has-error{border-color:#DC2626;background:#FEF2F2}
.apply-form .field.full .textarea{min-height:120px}
.trackset .field.full .textarea{margin-top:0}
.upload-progress{position:relative;margin-top:18px;height:40px;border-radius:12px;background:var(--em-50);overflow:hidden;display:flex;align-items:center;justify-content:center}
.upload-progress i{position:absolute;inset-block:0;inset-inline-start:0;width:6%;background:var(--gold-btn);transition:width .3s ease}
.upload-progress span{position:relative;font-weight:800;color:var(--em-950);font-size:.9rem}
@media (max-width:760px){
  .tcards{grid-template-columns:1fr}
  .tcard__in{flex-direction:row;text-align:start;padding:14px 16px}
  .tcard__icon{width:44px;height:44px}
  .apply-form .form-grid{grid-template-columns:1fr}
  .drop{flex-wrap:wrap}
  .drop__file{max-width:100%;margin-inline-start:0}
  .openings__empty{flex-direction:column;align-items:flex-start}
}