/* عناصر مشتركة بين صفحات الموقع: الشعار، شريط المشروع، نموذج الطلبات */

/* logo */
.brand{display:flex;align-items:center}
.brand .logo{height:36px;width:auto;display:block;color:var(--ink)}
.brand .logo-en{height:38px}
:root:not([lang="en"]) .logo-en,:root[lang="en"] .logo-ar{display:none!important}
.foot-logo .logo{height:58px}
.foot-logo .logo-en{height:60px}

/* project bar (second header row on project pages) */
.projbar{border-top:1px solid var(--line)}
.pb{display:flex;align-items:center;gap:22px;height:50px}
.pb-name{font-weight:600;font-size:14.5px;white-space:nowrap;display:flex;align-items:baseline;gap:8px}
.pb-name small{font-size:11px;letter-spacing:.14em;color:var(--muted);font-weight:600}
.pb-links{display:flex;gap:22px;flex:1;overflow-x:auto;scrollbar-width:none;white-space:nowrap;font-size:13.5px;
  mask-image:linear-gradient(to left,#000 88%,transparent);-webkit-mask-image:linear-gradient(to left,#000 88%,transparent)}
:root[dir="ltr"] .pb-links{mask-image:linear-gradient(to right,#000 88%,transparent);-webkit-mask-image:linear-gradient(to right,#000 88%,transparent)}
.pb-links::-webkit-scrollbar{display:none}
.pb-links a{color:var(--muted);transition:color .2s;padding-block:4px}
.pb-links a:hover,.pb-links a.on{color:var(--accent)}
.pb-cta{font-size:13px;font-weight:600;white-space:nowrap;padding:7px 16px;border-radius:999px;background:var(--ink);color:var(--paper);transition:.25s}
.pb-cta:hover{background:var(--accent);color:#fff}
@media (max-width:620px){
  .pb{gap:14px}
  .pb-name small{display:none}
}

/* lead form */
.req-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:start}
.req-side p{color:var(--muted);margin:0 0 24px;font-size:16px;line-height:1.85}
.req-direct{border-block-start:1px solid var(--line)}
.req-direct a{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-block-end:1px solid var(--line);font-size:15px}
.req-direct .k{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);align-self:center}
.req-direct a:hover .v{color:var(--accent)}
.lf{border:1px solid var(--line);background:var(--surface);padding:clamp(22px,3vw,34px)}
.lf fieldset{border:0;margin:0 0 22px;padding:0}
.lf legend,.lf-f > span{display:block;font-size:12.5px;font-weight:600;color:var(--muted);margin-bottom:8px}
.lf-types{display:flex;flex-wrap:wrap;gap:8px}
.lf-types label{position:relative;cursor:pointer}
.lf-types input{position:absolute;opacity:0;pointer-events:none}
.lf-types span{display:inline-block;font-size:14px;padding:8px 16px;border:1px solid var(--line-2);border-radius:999px;transition:.2s;background:var(--surface)}
.lf-types label:hover span{border-color:var(--accent)}
.lf-types input:checked + span{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.lf-types input:focus-visible + span{outline:2px solid var(--accent);outline-offset:2px}
.lf-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px}
.lf-f{display:block;min-width:0}
.lf-f.wide{grid-column:1/-1}
.lf-f[hidden]{display:none}
.lf input[type=text],.lf input[type=tel],.lf input[type=email],.lf select,.lf textarea{
  width:100%;font:inherit;font-size:15px;color:var(--ink);background:var(--paper);
  border:1px solid var(--line-2);border-radius:10px;padding:11px 14px;transition:border-color .2s}
.lf textarea{resize:vertical;min-height:110px}
.lf input:focus,.lf select:focus,.lf textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.lf .bad{border-color:#C0392B!important}
.lf-hp{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;opacity:0}
.lf{position:relative}
.lf-foot{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:22px}
.lf-foot .btn[disabled]{opacity:.6;cursor:wait}
.lf-msg{margin:0;font-size:14px;color:var(--muted)}
.lf-msg.ok{color:#1F7A4D}
.lf-msg.err{color:#C0392B}
.lf-done{text-align:center;padding:30px 10px}
.lf-done h3{margin:0 0 8px;font-size:24px;font-weight:300}
.lf-done p{margin:0 0 20px;color:var(--muted)}
@media (max-width:960px){.req-grid{grid-template-columns:1fr;gap:34px}}
@media (max-width:620px){.lf-grid{grid-template-columns:1fr}}

.langbtn{display:inline-flex;align-items:center;text-decoration:none}