/* هوية «طويق» لصفحة الموارد البشرية الحالية (index.php) — طبقة فوق تنسيقاتها الأصلية.
   تعيد تعريف متغيرات الصفحة فقط (--n --g --cr --fd --fh) وتضيف الجبل تحت البطل وفوق الفوتر. */
:root{
  --n:#2A251F;            /* كان كحلي #0C1F3F ⇐ بازلت طويق */
  --g:#B07A3A;            /* كان ذهبي #B8924A ⇐ مغرة الجرف */
  --cr:#FCFAF4;           /* كريمي ⇐ حجر جيري */
  --t:#2B2620;
  --bd:rgba(42,37,31,.1);
  --fd:'Cormorant Garamond','Noto Kufi Arabic',serif;
  --fh:'Noto Kufi Arabic','IBM Plex Sans Arabic',sans-serif;
}
html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3,html[lang="ar"] .h-title,html[lang="ar"] .sec-title,html[lang="ar"] .sd-title,html[lang="ar"] .ih-title{font-family:'Noto Kufi Arabic','IBM Plex Sans Arabic',sans-serif !important;letter-spacing:0 !important;line-height:1.45 !important}
header{border-bottom:3px solid transparent !important;background:var(--n) !important;box-shadow:inset 0 -4px 0 rgba(176,122,58,.0)}
header::after{content:"";position:absolute;inset-inline:0;bottom:-4px;height:4px;background:repeating-linear-gradient(135deg,#B07A3A 0 6px,transparent 6px 12px),repeating-linear-gradient(45deg,#B07A3A 0 6px,transparent 6px 12px);background-size:12px 12px;opacity:.6}
.hero{background:var(--n) !important;padding-bottom:0 !important;grid-template-rows:auto auto}
.hero .hero-decor::before{background:radial-gradient(circle,rgba(176,122,58,.22),transparent 70%) !important}
.hero .ridge{grid-column:1/-1;margin:48px -56px 0;line-height:0}
.tuwaiq{width:100%;height:clamp(90px,15vw,210px);display:block}
.tq-layer{transition:transform .15s linear}
.hero .tq-far{fill:#5A4631;opacity:.85}.hero .tq-cliff{fill:#8A6A3F}.hero .tq-strata path{stroke:#D9B27A;stroke-opacity:.55;stroke-width:1.2;fill:none}.hero .tq-near{fill:var(--cr)}.hero .tq-haze{opacity:.35}
.ridge-ftr{background:var(--n);line-height:0}
.ridge-ftr .tq-far{fill:#3A2F23}.ridge-ftr .tq-cliff{fill:#4F3D29}.ridge-ftr .tq-strata path{stroke:#B07A3A;stroke-opacity:.5;stroke-width:1.2;fill:none}.ridge-ftr .tq-near{fill:var(--n)}.ridge-ftr .tq-haze{opacity:.15}
/* زر المستثمر الأجنبي في القائمة */
nav a.nav-inv{color:#D9B27A !important;border:1px solid rgba(217,178,122,.45);border-radius:999px;padding:5px 12px !important}
nav a.nav-inv:hover{background:rgba(176,122,58,.18)}
@media(max-width:900px){.hero .ridge{margin:32px -20px 0}}

.hero .tq-scree{fill:#6E5330}.hero .tq-sandline{fill:none;stroke:#B07A3A;stroke-width:1.2;stroke-opacity:.35}
.ridge-ftr .tq-scree{fill:#3A2F23}.ridge-ftr .tq-sandline{fill:none;stroke:#B07A3A;stroke-width:1.2;stroke-opacity:.35}

/* pass4: the real brand mark (dark-header variant) instead of the inline SVG with white strokes */
.logo-svg{display:none !important}
.logo-wrap::before{content:"";display:block;width:36px;height:40px;flex:0 0 auto;background:url(/investment/assets/logo-mark-dark.png) center/contain no-repeat}
.logo-text .lt-saudi{color:#F7F0E2}.logo-text .lt-glob{color:#DEB878}

/* pass7: الصورة الحقيقية في صفحة HR */
.hero .ridge .tq-photo{--tq-top:var(--n);--tq-bottom:var(--cr);height:clamp(170px,24vw,360px)}
.ridge-ftr .tq-photo{--tq-top:var(--cr);--tq-bottom:var(--n);height:clamp(150px,20vw,300px)}
.ridge-ftr{background:var(--n)}
/* pass7b: قواعد الصورة نفسها لصفحة HR (لا تحمّل tuwaiq.css) */
.tq-photo{position:relative;display:block;width:100%;background:url(/investment/assets/tuwaiq.webp) center 78%/cover no-repeat;box-shadow:inset 0 0 0 100vmax rgba(70,46,24,.22)}
.tq-photo::before,.tq-photo::after{content:"";position:absolute;inset-inline:0;pointer-events:none}
.tq-photo::before{top:0;height:62%;background:linear-gradient(to bottom,var(--tq-top) 0%,var(--tq-top) 18%,color-mix(in srgb,var(--tq-top) 55%,transparent) 55%,transparent 100%)}
.tq-photo::after{bottom:0;height:36%;background:linear-gradient(to top,var(--tq-bottom) 0%,transparent 100%)}
.ridge-ftr .tq-photo{background-position:center 80%}
.ridge-ftr .tq-photo::before{height:58%;background:linear-gradient(to bottom,var(--tq-top) 0%,var(--tq-top) 14%,color-mix(in srgb,var(--tq-top) 55%,transparent) 55%,transparent 100%)}
@media(max-width:700px){.tq-photo{background-image:url(/investment/assets/tuwaiq-m.webp);height:clamp(140px,34vw,200px) !important}.ridge-ftr .tq-photo{height:150px !important}}
.hero .ridge .tq-photo::before{height:70%;background:linear-gradient(to bottom,var(--tq-top) 0%,var(--tq-top) 26%,color-mix(in srgb,var(--tq-top) 60%,transparent) 58%,transparent 100%)}