/* إظهار رمز ² (غير متوفر في خطوط ثمانية) */
@font-face{font-family:'Thmanyah Serif Display';src:local('Arial'),local('Helvetica Neue'),local('Helvetica'),local('DejaVu Sans'),local('Noto Sans');unicode-range:U+00B2;font-weight:400}
@font-face{font-family:'Thmanyah Serif Display';src:local('Arial'),local('Helvetica Neue'),local('Helvetica'),local('DejaVu Sans'),local('Noto Sans');unicode-range:U+00B2;font-weight:500}
@font-face{font-family:'Thmanyah Serif Display';src:local('Arial'),local('Helvetica Neue'),local('Helvetica'),local('DejaVu Sans'),local('Noto Sans');unicode-range:U+00B2;font-weight:700}
@font-face{font-family:'Thmanyah Serif Text';src:local('Arial'),local('Helvetica Neue'),local('Helvetica'),local('DejaVu Sans'),local('Noto Sans');unicode-range:U+00B2;font-weight:400}
@font-face{font-family:'Thmanyah Serif Text';src:local('Arial'),local('Helvetica Neue'),local('Helvetica'),local('DejaVu Sans'),local('Noto Sans');unicode-range:U+00B2;font-weight:500}
@font-face{font-family:'Thmanyah Serif Text';src:local('Arial'),local('Helvetica Neue'),local('Helvetica'),local('DejaVu Sans'),local('Noto Sans');unicode-range:U+00B2;font-weight:700}
@font-face{font-family:'Thmanyah Sans';src:local('Arial'),local('Helvetica Neue'),local('Helvetica'),local('DejaVu Sans'),local('Noto Sans');unicode-range:U+00B2;font-weight:400}
@font-face{font-family:'Thmanyah Sans';src:local('Arial'),local('Helvetica Neue'),local('Helvetica'),local('DejaVu Sans'),local('Noto Sans');unicode-range:U+00B2;font-weight:500}
@font-face{font-family:'Thmanyah Sans';src:local('Arial'),local('Helvetica Neue'),local('Helvetica'),local('DejaVu Sans'),local('Noto Sans');unicode-range:U+00B2;font-weight:700}
/* ===== هوية تبارك نجد — مستخلصة من لون الشعار #bfad90 — تصميم Minimal ===== */
:root{
  --ink:#2b2620;--gold:#bfad90;--gold-d:#7d6a47;
  --antique:#a88b5c;--bronze:#7d6a47;--mocha:#4a3a2c;--taupe:#8a8073;
  --sand:#efe9dd;--ivory:#faf8f4;--line:#e8e2d6;
}
.hd-tools{display:flex;align-items:center;gap:8px;flex:none}
.top .hd-tools .lang-btn,.top .hd-tools .theme-btn{margin:0}

/* Minimal: سطوح مسطحة، بلا ظلال ولا تدرجات، حدود رفيعة */
.top.solid{box-shadow:none;border-color:var(--line);background:rgba(250,248,244,.92)}
.pr div,.card,.svc article,form,.info a,.lk,.facts{box-shadow:none!important;border:1px solid var(--line)}
.pr div:hover,.card:hover,.svc article:hover,.lk:hover{transform:none;border-color:var(--gold)}
.card{background:#fff}
.btn.p{background:var(--bronze);border-color:var(--bronze);color:#fff;box-shadow:none}
.btn.p:hover{background:var(--mocha);border-color:var(--mocha)}
.fwa{background:var(--bronze);color:#fff;box-shadow:none}.fwa:hover{background:var(--mocha)}
.projects{background:var(--sand)}
.services{background:var(--ivory)}
h2{color:var(--ink);letter-spacing:-.01em}
.pr p,.card p,.about p,.note{color:var(--taupe)}
.card h3 small,.pt,.opt,.svc .license-box span{color:var(--taupe)}
.tag::before,.facts li::before{background:var(--antique)}
.pr span,.meta span:last-child,.info a svg{background:transparent;border:1px solid var(--line);color:var(--bronze)}
.svc .ico{background:transparent;color:var(--antique);border:1px solid var(--line)}
.svc article:hover .ico{background:transparent;color:var(--bronze);border-color:var(--gold)}
.svc .sv{stroke-linecap:square;stroke-linejoin:miter;stroke-width:1.6}
.media{background:var(--sand)}
.prog span{background:var(--antique)}
input:focus,select:focus,textarea:focus{box-shadow:none;border-color:var(--antique)}

/* شريط التنقل: لون واحد ونص أبيض واضح */
.top nav a.on,.top.solid nav a.on{background:var(--bronze);color:#fff;opacity:1}

/* النقش في الأقسام الداكنة فقط */
footer,.cta{background:var(--ink)}
footer{background-blend-mode:normal}
footer::before,.cta::after{content:none}
footer{position:relative;isolation:isolate}
footer::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(var(--ink),rgba(43,38,32,.9));z-index:-1}
.cta{position:relative}
.cta .big{opacity:.05}


/* النقوش الخفيفة */
body{background:var(--ivory)}
.projects{background:var(--sand)}
.services{background:transparent}
/* ===== الوضع الليلي (بالزر فقط) — درجات أفتح ومتنوعة من نفس العائلة ===== */
html[data-theme="dark"]{
  color-scheme:dark;
  --bg:#2b241d;--surface:#362d24;--surface-2:#41362b;--line:#54473a;
  --text:#f3ebdf;--muted:#c9bba5;
  --gold:#d6c3a2;--gold-d:#e3cfa8;--antique:#d0b27e;--bronze:#9a7f55;--taupe:#c2b49f;
  --sand:#32291f;--ivory:#2b241d;--rose:#c9a58a;--olive:#b5ad84;
}
html[data-theme="dark"] body{background:var(--bg);color:var(--text)}
html[data-theme="dark"] h1,html[data-theme="dark"] h2,html[data-theme="dark"] h3,html[data-theme="dark"] h4{color:#fbf5ea}
html[data-theme="dark"] h2{color:var(--gold-d)}
html[data-theme="dark"] .projects{background:#33291f}
html[data-theme="dark"] .top.solid{background:rgba(46,38,30,.94);border-color:var(--line);color:var(--text)}
html[data-theme="dark"] .top.solid .brand img{filter:brightness(1.4)}
html[data-theme="dark"] .top.solid nav{background:rgba(255,255,255,.05)}
html[data-theme="dark"] .top.solid nav a:hover{background:rgba(255,255,255,.08)}
html[data-theme="dark"] .top nav a.on{background:var(--bronze);color:#fff}
html[data-theme="dark"] .pr div,html[data-theme="dark"] .svc article,html[data-theme="dark"] .card,html[data-theme="dark"] .info a,html[data-theme="dark"] form,html[data-theme="dark"] .facts,html[data-theme="dark"] .lk{background:var(--surface);border-color:var(--line)}
html[data-theme="dark"] .card{background:#3a3027}
html[data-theme="dark"] .pr div:hover,html[data-theme="dark"] .card:hover,html[data-theme="dark"] .svc article:hover,html[data-theme="dark"] .lk:hover{border-color:var(--antique)}
html[data-theme="dark"] .pr p,html[data-theme="dark"] .card p,html[data-theme="dark"] .note,html[data-theme="dark"] .about p,html[data-theme="dark"] .g-empty{color:var(--muted)}
html[data-theme="dark"] .card h3 small,html[data-theme="dark"] .pt,html[data-theme="dark"] .opt,html[data-theme="dark"] .svc .license-box span{color:var(--taupe)}
html[data-theme="dark"] .svc .license-box,html[data-theme="dark"] .g-empty{background:var(--surface-2);border-color:var(--line)}
html[data-theme="dark"] .svc .license-box b,html[data-theme="dark"] .g-empty b{color:var(--text)}
html[data-theme="dark"] .pr span,html[data-theme="dark"] .info a svg,html[data-theme="dark"] .lk .bx{background:transparent;border-color:var(--line);color:var(--antique)}
html[data-theme="dark"] .meta span:last-child{background:transparent;border-color:var(--line);color:var(--rose)}
html[data-theme="dark"] .svc .ico{background:transparent;border-color:var(--line);color:var(--gold-d)}
html[data-theme="dark"] .svc article:nth-child(2) .ico{color:var(--rose)}
html[data-theme="dark"] .svc article:nth-child(3) .ico{color:var(--olive)}
html[data-theme="dark"] .tag::before,html[data-theme="dark"] .facts li::before{background:var(--rose)}
html[data-theme="dark"] .btn.p,html[data-theme="dark"] .fwa{background:var(--antique);border-color:var(--antique);color:#2b241d}
html[data-theme="dark"] .btn.p:hover,html[data-theme="dark"] .fwa:hover{background:var(--gold-d);border-color:var(--gold-d)}
html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea,html[data-theme="dark"] .seg label{background:var(--surface-2);border-color:var(--line);color:var(--text)}
html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder{color:#9d8f7b}
html[data-theme="dark"] select option{background:var(--surface);color:var(--text)}
html[data-theme="dark"] .seg label:has(input:checked){background:var(--surface);border-color:var(--antique)}
html[data-theme="dark"] .prog span{background:var(--antique)}
html[data-theme="dark"] .err,html[data-theme="dark"] .rq{color:#f09a82}
html[data-theme="dark"] #st.ok{background:#2a3622;color:#c3e2ad}html[data-theme="dark"] #st.no{background:#41281f;color:#f5b6a4}
html[data-theme="dark"] .acts .btn{color:var(--text);border-color:#5e5040}
html[data-theme="dark"] .acts .btn:hover{background:var(--antique);border-color:var(--antique);color:#2b241d}
html[data-theme="dark"] footer,html[data-theme="dark"] .cta{background:#1b1611}
html[data-theme="dark"] footer::after{background:linear-gradient(#1b1611,rgba(27,22,17,.88))}
html[data-theme="dark"] .g-item{background:#1b1611}
@media(max-width:900px){
  html[data-theme="dark"] .top nav,html[data-theme="dark"] .top.solid nav{background:rgba(46,38,30,.98);color:var(--text)}
  html[data-theme="dark"] .top nav a:hover{background:var(--surface-2)}
}
html[data-theme="dark"] .media{background:#4a3e31}
html[data-theme="dark"] .soon-stamp{border-color:var(--gold-d)!important;color:var(--gold-d)!important;background:transparent!important}
.hero.pj-hero .bg{background-position:center 30%!important}

/* صفحة المشروع: اسم المشروع فوق العنوان + بطاقة المعلومات */
.pj-hero .pj-name{display:block;font:700 clamp(1.1rem,2vw,1.4rem)/1.2 var(--f-display);color:var(--gold);letter-spacing:.02em;margin-bottom:8px}
.pj-hero h1{text-shadow:0 2px 16px rgba(0,0,0,.45)}
.pj-hero p{text-shadow:0 1px 8px rgba(0,0,0,.5)}
.facts .comp dt{margin-bottom:10px}
.comp-l{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.comp-l li{display:flex;align-items:center;gap:12px;font:500 .98rem/1.6 var(--f-ui)}
.comp-l li::before{content:none!important}
.comp-l .ci{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:10px;border:1px solid var(--line);color:var(--antique)}
.comp-l .ci svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
/* البطاقة قابلة للنقر بالكامل */
.card[data-href]{cursor:pointer}
.gal[data-rest="5"] .g-item:nth-child(n+5){grid-column:span 3}@media(max-width:900px){.gal[data-rest="5"] .g-item:nth-child(n+5){grid-column:auto}}

.pj-hero .pj-name i{font-style:normal;opacity:.5;margin-inline:4px}
.pj-stats{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.pj-stats>div{min-width:120px;padding:14px 18px;border-radius:16px;background:rgba(43,38,32,.45);border:1px solid rgba(191,173,144,.35);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.pj-stats b{display:block;font:700 clamp(1.5rem,2.6vw,2rem)/1.1 var(--f-display);color:#fff}
.pj-stats b small{font:500 .9rem var(--f-ui);color:var(--gold);margin-inline-start:4px}
.pj-stats span{display:block;font:500 .85rem/1.4 var(--f-ui);color:#e3d6c0;margin-top:4px}
@media(max-width:560px){.pj-stats>div{flex:1 1 calc(33% - 12px);min-width:0;padding:12px}}
.btn,.lang-btn,button{font-family:var(--f-ui)!important}