/* ============================================
   themes.css — قواعد الثيمات الموحّدة للصفحات الداخلية
   ============================================
   ثلاث ثيمات بصرية تتبع variant الهيرو:
   - .theme-v1 = فاتح كلاسيكي (كريمي + لمسات ذهبية/كحلية)
   - .theme-v2 = سينمائي (كحلي بصور خلفية + لمسات ذهبية)
   - .theme-v3 = معماري (كحلي بشبكة هندسية)
   ============================================ */

/* ============================================
   متغيرات الثيم العامة
   ============================================
   مربوطة بمتغيرات الباقة (--accent/--ink/--cream...)
   التي يحقنها theme.php في :root من قاعدة البيانات.
   هكذا كل الصفحات الداخلية تتبع لون الباقة المطبّقة تلقائياً.
   القيم الاحتياطية (fallback) فقط لو لم تُحقن الباقة.
   ============================================ */
.theme-v1 {
  --page-bg: var(--cream, #fdfbf7);
  --page-ink: var(--ink, #0a0a0a);
  --page-muted: var(--muted, #5a5550);
  --page-accent: var(--accent, #b08d57);
  --page-deep: var(--ink, #0f1b2d);
  --page-card-bg: var(--paper, #fff);
  --page-card-border: color-mix(in srgb, var(--accent, #b08d57) 16%, transparent);
  --page-line: color-mix(in srgb, var(--ink, #0f1b2d) 10%, transparent);
}

/* v2 = داكن: الخلفية من --ink، النص فاتح، الإبراز من --accent */
.theme-v2 {
  --page-bg: var(--ink, #0a1424);
  --page-ink: #ffffff;
  --page-muted: rgba(255,255,255,0.72);
  --page-accent: var(--accent, #b08d57);
  --page-deep: #ffffff;
  --page-card-bg: color-mix(in srgb, var(--ink, #0a1424) 82%, #fff);
  --page-card-border: color-mix(in srgb, var(--accent, #b08d57) 22%, transparent);
  --page-line: color-mix(in srgb, var(--accent, #b08d57) 18%, transparent);
}

/* v3 = داكن دافئ: نفس مبدأ v2 لكن بألوان الباقة (تيل التجزئة مثلاً) */
.theme-v3 {
  --page-bg: var(--ink, #16110b);
  --page-ink: #ffffff;
  --page-muted: rgba(255,255,255,0.72);
  --page-accent: var(--accent, #d8bd8a);
  --page-deep: #ffffff;
  --page-card-bg: color-mix(in srgb, var(--ink, #16110b) 82%, #fff);
  --page-card-border: color-mix(in srgb, var(--accent, #d8bd8a) 22%, transparent);
  --page-line: color-mix(in srgb, var(--accent, #d8bd8a) 18%, transparent);
}

/* ============================================
   هيرو الصفحات الداخلية (Page Hero)
   ============================================
   كل صفحة داخلية لها هيرو موحّد يتبع الثيم
   استخدمه بـ:
   <section class="page-hero">
     <div class="container">
       <span class="page-hero-eyebrow">EYEBROW</span>
       <h1 class="page-hero-title">عنوان</h1>
       <p class="page-hero-lead">وصف</p>
     </div>
   </section>
*/

.page-hero {
  position: relative;
  padding: 140px 0 90px;
  overflow: hidden;
  isolation: isolate;
}

.page-hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: var(--page-accent);
  margin-bottom: 24px;
}
.page-hero-eyebrow::before {
  content: "";
  width: 30px;
  height: 1px;
  background: var(--page-accent);
  opacity: 0.5;
}

.page-hero-title {
  font-size: clamp(40px, 5.5vw, 72px);
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: -0.025em;
  margin: 0 0 20px;
  max-width: 880px;
  animation: ph-rise 1s cubic-bezier(.22, .85, .3, 1) .1s both;
}

.page-hero-lead {
  font-size: clamp(16px, 1.3vw, 19px);
  line-height: 1.85;
  margin: 0;
  max-width: 720px;
  font-weight: 300;
  animation: ph-rise 1s cubic-bezier(.22, .85, .3, 1) .25s both;
}

@keyframes ph-rise {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}

/* ===== Page Hero — Theme V1 (فاتح) ===== */
.theme-v1 .page-hero {
  background: linear-gradient(180deg, #f4ede1 0%, #fdfbf7 100%);
}
.theme-v1 .page-hero::after {
  content: "";
  position: absolute;
  bottom: -100px;
  inset-inline-start: -100px;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(176, 141, 87, 0.08) 0%, transparent 65%);
  z-index: -1;
}
.theme-v1 .page-hero-title { color: #0a0a0a; }
.theme-v1 .page-hero-lead { color: #5a5550; }

/* ===== Page Hero — Theme V2 (سينمائي) ===== */
.theme-v2 .page-hero {
  background: var(--ink);
  color: #fff;
}
.theme-v2 .page-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url('https://images.unsplash.com/photo-1486325212027-8081e485255e?auto=format&fit=crop&w=2000&q=80');
  background-size: cover;
  background-position: center;
  opacity: 0.18;
  z-index: -2;
}
.theme-v2 .page-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(10, 20, 36, 0.7) 0%, rgba(10, 20, 36, 0.95) 100%);
  z-index: -1;
}
.theme-v2 .page-hero-title { color: #fff; }
.theme-v2 .page-hero-lead { color: rgba(255, 255, 255, 0.78); }

/* ===== Page Hero — Theme V3 (معماري) ===== */
.theme-v3 .page-hero {
  background: var(--ink);
  color: #f0e6d2;
}
.theme-v3 .page-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 80% 30%, rgba(216, 189, 138, 0.10) 0%, transparent 50%),
    linear-gradient(135deg, var(--ink) 0%, var(--ink) 50%, var(--ink) 100%);
  z-index: -2;
}
.theme-v3 .page-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(216, 189, 138, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(216, 189, 138, 0.08) 1px, transparent 1px);
  background-size: 60px 60px;
  z-index: -1;
  mask-image: radial-gradient(ellipse at center, black 40%, transparent 80%);
  -webkit-mask-image: radial-gradient(ellipse at center, black 40%, transparent 80%);
}
.theme-v3 .page-hero-title { color: #fff; }
.theme-v3 .page-hero-lead { color: rgba(240, 230, 210, 0.78); }
.theme-v3 .page-hero-eyebrow {
  padding: 8px 18px;
  border: 1px solid rgba(176, 141, 87, 0.35);
  border-radius: 4px;
  background: rgba(176, 141, 87, 0.06);
}
.theme-v3 .page-hero-eyebrow::before {
  display: none;
}

/* ============================================
   استجابي
   ============================================ */
@media (max-width: 960px) {
  .page-hero { padding: 110px 0 70px; }
}
@media (max-width: 560px) {
  .page-hero { padding: 90px 0 60px; }
}

/* ============================================
   ABOUT PAGE — أقسام صفحة من نحن
   ============================================ */

/* eyebrow صغيرة موحّدة */
.about-mini-eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:12px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--page-accent);margin-bottom:22px}
.about-mini-line{width:30px;height:1px;background:var(--page-accent);opacity:.5}
.about-mini-eyebrow-centered{justify-content:center}

/* ===== About Story (قصّتنا + صورة) ===== */
.about-story{padding:120px 0 80px;position:relative;overflow:hidden;isolation:isolate}
.about-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.about-story-title{font-size:clamp(32px,4vw,52px);line-height:1.25;font-weight:600;letter-spacing:-0.02em;margin:0 0 28px;color:var(--page-deep)}
.about-story-body p{font-size:16.5px;line-height:1.9;color:var(--page-muted);margin:0 0 18px;font-weight:300}
.about-story-body p:last-child{margin-bottom:0}

.about-story-visual{position:relative;aspect-ratio:4/5;max-height:580px}
.about-story-frame{position:absolute;inset:14px -14px -14px 14px;border:1.5px solid var(--page-accent);border-radius:20px;z-index:0;pointer-events:none}
html[dir="ltr"] .about-story-frame{inset:14px 14px -14px -14px}
.about-story-img{position:relative;width:100%;height:100%;border-radius:20px;overflow:hidden;z-index:1;box-shadow:0 30px 80px rgba(15,27,45,.18)}
.about-story-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 8s ease}
.about-story:hover .about-story-img img{transform:scale(1.05)}
.about-story-badge{position:absolute;bottom:24px;inset-inline-start:-24px;z-index:2;display:flex;align-items:center;gap:14px;padding:14px 20px;background:#fff;border-radius:14px;box-shadow:0 18px 40px rgba(15,27,45,.18)}
.about-story-badge svg{width:28px;height:28px;color:var(--page-accent);flex-shrink:0}
.about-story-badge strong{display:block;font-size:14px;color:var(--page-deep);font-weight:700;line-height:1}
.about-story-badge span{display:block;font-size:12px;color:#7a756f;margin-top:3px}

/* ===== Stats Section ===== */
.about-stats-section{padding:60px 0 100px}
.about-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.about-stat-item{display:flex;align-items:center;gap:18px;padding:32px 28px;background:var(--page-card-bg);border:1px solid var(--page-card-border);border-radius:18px;transition:transform .4s,box-shadow .4s,border-color .4s}
.about-stat-item:hover{transform:translateY(-4px);border-color:var(--page-accent);box-shadow:0 20px 50px rgba(15,27,45,.08)}
.about-stat-icon{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,rgba(176,141,87,.12),rgba(176,141,87,.04));border:1px solid rgba(176,141,87,.20);display:flex;align-items:center;justify-content:center;color:var(--page-accent);flex-shrink:0;transition:background .3s,color .3s}
.about-stat-item:hover .about-stat-icon{background:linear-gradient(135deg,var(--accent),var(--accent));color:#fff}
.about-stat-icon svg{width:26px;height:26px}
.about-stat-num{font-size:36px;font-weight:600;color:var(--page-deep);line-height:1;letter-spacing:-0.02em;font-family:'Inter',sans-serif;margin-bottom:6px}
.about-stat-label{font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#7a756f}

/* ===== Values Section ===== */
.about-values{padding:120px 0;position:relative;overflow:hidden;isolation:isolate}
.about-values-header{text-align:center;max-width:680px;margin:0 auto 60px}
.about-values-title{font-size:clamp(32px,4.2vw,52px);line-height:1.2;font-weight:600;letter-spacing:-0.02em;margin:0;color:var(--page-deep)}
.about-values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.about-value-card{position:relative;padding:44px 36px;background:var(--page-card-bg);border:1px solid var(--page-card-border);border-radius:18px;overflow:hidden;transition:transform .4s,box-shadow .4s,border-color .4s}
.about-value-card:hover{transform:translateY(-6px);border-color:rgba(176,141,87,.30);box-shadow:0 24px 60px rgba(15,27,45,.10)}
.about-value-num{display:inline-block;font-size:13px;font-weight:700;letter-spacing:2px;color:var(--page-accent);opacity:.7;font-family:'Inter',sans-serif;margin-bottom:20px}
.about-value-title{font-size:22px;font-weight:600;color:var(--page-deep);margin:0 0 14px;letter-spacing:-0.01em}
.about-value-text{font-size:15px;line-height:1.85;color:var(--page-muted);margin:0;font-weight:300}
.about-value-glow{position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--page-accent),transparent);transform:scaleX(0);transition:transform .5s cubic-bezier(.2,.85,.3,1)}
.about-value-card:hover .about-value-glow{transform:scaleX(1)}

/* ============================================
   ABOUT — Theme V1 (فاتح)
   ============================================ */
.theme-v1 .about-story{background:#fdfbf7}
.theme-v1 .about-stats-section{background:#fdfbf7}
.theme-v1 .about-values{background:linear-gradient(180deg,#fdfbf7 0%,#f4ede1 100%)}
.theme-v1 .about-values::before{content:"";position:absolute;top:-100px;inset-inline-end:-100px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(176,141,87,.08) 0%,transparent 65%);z-index:-1}

/* ============================================
   ABOUT — Theme V2 (سينمائي بصور)
   ============================================ */
.theme-v2 .about-story{background:#fdfbf7}
.theme-v2 .about-stats-section{background:var(--ink);color:#fff;position:relative;overflow:hidden}
.theme-v2 .about-stats-section::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(176,141,87,.10) 0%,transparent 60%);z-index:0}
.theme-v2 .about-stats-section .container{position:relative;z-index:1}
.theme-v2 .about-stat-item{background:rgba(255,255,255,.04);border-color:rgba(176,141,87,.20);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.theme-v2 .about-stat-item:hover{background:rgba(176,141,87,.08);border-color:rgba(176,141,87,.45)}
.theme-v2 .about-stat-num{color:#fff}
.theme-v2 .about-stat-label{color:rgba(255,255,255,.65)}
.theme-v2 .about-values{background:#fdfbf7}

/* ============================================
   ABOUT — Theme V3 (معماري كحلي)
   ============================================ */
.theme-v3 .about-story{background:#fdfbf7}
.theme-v3 .about-stats-section{padding:80px 0 120px;background:var(--ink);color:#f0e6d2;position:relative;overflow:hidden;isolation:isolate}
.theme-v3 .about-stats-section::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--ink),var(--ink) 50%,var(--ink));z-index:-2}
.theme-v3 .about-stats-section::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(176,141,87,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(176,141,87,.08) 1px,transparent 1px);background-size:60px 60px;z-index:-1;mask-image:radial-gradient(ellipse at center,black 40%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse at center,black 40%,transparent 80%)}
.theme-v3 .about-stat-item{background:rgba(176,141,87,.05);border:1px solid rgba(176,141,87,.25);border-radius:14px}
.theme-v3 .about-stat-item:hover{background:rgba(176,141,87,.10);border-color:rgba(176,141,87,.50)}
.theme-v3 .about-stat-icon{background:rgba(176,141,87,.10);border-color:rgba(176,141,87,.30)}
.theme-v3 .about-stat-num{color:#fff}
.theme-v3 .about-stat-label{color:rgba(240,230,210,.65)}
.theme-v3 .about-values{background:#fdfbf7}

/* ============================================
   استجابي
   ============================================ */
@media (max-width:960px){
  .about-story{padding:90px 0 60px}
  .about-story-grid{grid-template-columns:1fr;gap:60px}
  .about-story-visual{aspect-ratio:16/11;max-height:460px}
  .about-story-badge{inset-inline-start:14px;bottom:14px}
  .about-stats-section{padding:50px 0 80px}
  .about-stats-row{grid-template-columns:1fr;gap:16px}
  .about-values{padding:90px 0}
  .about-values-grid{grid-template-columns:1fr;gap:20px}
}
@media (max-width:560px){
  .about-story{padding:70px 0 50px}
  .about-story-title{font-size:28px}
  .about-stats-section{padding:40px 0 70px}
  .about-stat-item{padding:24px 22px}
  .about-stat-num{font-size:30px}
  .about-values{padding:70px 0}
  .about-value-card{padding:36px 28px}
}

/* ============================================
   SERVICES PAGE — صفحة الخدمات
   ============================================ */
.services-page{padding:110px 0 130px;background:var(--page-bg)}
.services-empty{text-align:center;padding:80px 20px;color:var(--page-muted);font-size:16px}

/* قائمة الخدمات — كل خدمة في صف منفصل */
.services-list{display:flex;flex-direction:column;gap:90px}
.service-row{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.service-row-reversed .service-visual{order:2}
.service-row-reversed .service-content{order:1}

/* العمود البصري — صورة */
.service-visual{position:relative}
.service-img{position:relative;aspect-ratio:4/3;border-radius:18px;overflow:hidden;background:#f4ede1;box-shadow:0 24px 60px rgba(15,27,45,.12)}
.service-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 8s ease}
.service-row:hover .service-img img{transform:scale(1.05)}
.service-img-num{position:absolute;top:20px;inset-inline-end:22px;font-size:13px;font-weight:700;letter-spacing:2px;color:#fff;padding:7px 14px;background:rgba(15,27,45,.65);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:999px;font-family:'Inter',sans-serif}

/* العمود البصري — أيقونة (لو ما فيه صورة) */
.service-icon-large{position:relative;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(176,141,87,.10),rgba(176,141,87,.04));border:1px solid rgba(176,141,87,.20);border-radius:18px;overflow:hidden}
.service-icon-num{position:absolute;top:24px;inset-inline-end:28px;font-size:14px;font-weight:700;letter-spacing:2px;color:var(--page-accent);font-family:'Inter',sans-serif}
.service-icon-circle{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent));display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 20px 50px rgba(176,141,87,.30)}
.service-icon-circle svg{width:56px;height:56px}

/* المحتوى */
.service-key{display:inline-block;font-size:12px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--page-accent);margin-bottom:18px;opacity:.8}
.service-title{font-size:clamp(28px,3.6vw,44px);line-height:1.2;font-weight:600;letter-spacing:-0.02em;color:var(--page-deep);margin:0 0 20px}
.service-summary{font-size:17px;line-height:1.8;color:var(--page-deep);margin:0 0 22px;font-weight:500}
.service-body p{font-size:15.5px;line-height:1.9;color:var(--page-muted);margin:0 0 16px;font-weight:300}
.service-body p:last-child{margin-bottom:0}

.service-cta{display:inline-flex;align-items:center;gap:10px;color:var(--page-deep);font-size:14px;font-weight:600;letter-spacing:.3px;text-decoration:none;margin-top:28px;padding-bottom:5px;border-bottom:1.5px solid transparent;transition:color .3s,border-color .3s,gap .3s}
.service-cta:hover{color:var(--page-accent);border-bottom-color:var(--page-accent);gap:14px}
.service-cta svg{width:16px;height:16px;transition:transform .3s}
.service-cta:hover svg{transform:translateX(3px)}

/* CTA ختامي للصفحة */
.services-final-cta{margin-top:120px;padding:70px 50px;border-radius:24px;text-align:center;position:relative;overflow:hidden;isolation:isolate}
.services-final-cta h2{font-size:clamp(28px,3.6vw,44px);line-height:1.2;font-weight:600;letter-spacing:-0.02em;margin:0 0 14px;color:var(--page-deep)}
.services-final-cta p{font-size:16px;line-height:1.8;color:var(--page-muted);margin:0 0 30px;max-width:520px;margin-inline:auto;font-weight:300}
.services-final-btn{display:inline-flex;align-items:center;gap:12px;padding:16px 32px;background:var(--page-deep);color:#fff;border-radius:999px;font-size:15px;font-weight:600;text-decoration:none;transition:transform .3s,box-shadow .3s,background .3s}
.services-final-btn:hover{transform:translateY(-2px);background:#1a2942;box-shadow:0 14px 35px rgba(15,27,45,.25)}
.services-final-btn svg{width:18px;height:18px;transition:transform .3s}
.services-final-btn:hover svg{transform:translateX(3px)}

/* ============================================
   SERVICES — Theme V1 (فاتح)
   ============================================ */
.theme-v1 .services-page{background:#fdfbf7}
.theme-v1 .services-final-cta{background:#fff;border:1px solid var(--page-card-border);box-shadow:0 24px 60px rgba(15,27,45,.06)}
.theme-v1 .services-final-cta::before{content:"";position:absolute;top:-100px;inset-inline-end:-100px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(176,141,87,.08) 0%,transparent 65%);z-index:-1}

/* ============================================
   SERVICES — Theme V2 (سينمائي)
   ============================================ */
.theme-v2 .services-final-cta{background:var(--ink);color:#fff;position:relative;overflow:hidden;isolation:isolate}
.theme-v2 .services-final-cta::before{content:"";position:absolute;inset:0;background-image:url('https://images.unsplash.com/photo-1486325212027-8081e485255e?auto=format&fit=crop&w=2000&q=80');background-size:cover;background-position:center;opacity:.15;z-index:-2}
.theme-v2 .services-final-cta::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(10,20,36,.85),rgba(10,20,36,.92));z-index:-1}
.theme-v2 .services-final-cta h2{color:#fff}
.theme-v2 .services-final-cta p{color:rgba(255,255,255,.78)}
.theme-v2 .services-final-btn{background:var(--accent)}
.theme-v2 .services-final-btn:hover{background:var(--accent);box-shadow:0 14px 35px rgba(176,141,87,.35)}

/* ============================================
   SERVICES — Theme V3 (معماري كحلي)
   ============================================ */
.theme-v3 .services-final-cta{background:var(--ink);color:#f0e6d2;position:relative;overflow:hidden;isolation:isolate;border-radius:14px}
.theme-v3 .services-final-cta::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(176,141,87,.12) 0%,transparent 50%),linear-gradient(135deg,var(--ink),var(--ink) 50%,var(--ink));z-index:-2}
.theme-v3 .services-final-cta::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(176,141,87,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(176,141,87,.08) 1px,transparent 1px);background-size:60px 60px;z-index:-1;mask-image:radial-gradient(ellipse at center,black 40%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse at center,black 40%,transparent 80%)}
.theme-v3 .services-final-cta h2{color:#fff}
.theme-v3 .services-final-cta p{color:rgba(240,230,210,.78)}
.theme-v3 .services-final-btn{background:var(--accent);border-radius:4px}
.theme-v3 .services-final-btn:hover{background:var(--accent);box-shadow:0 14px 35px rgba(176,141,87,.35)}

/* ============================================
   استجابي (Services)
   ============================================ */
@media (max-width:960px){
  .services-page{padding:80px 0 100px}
  .services-list{gap:60px}
  .service-row{grid-template-columns:1fr;gap:30px}
  .service-row-reversed .service-visual{order:1}
  .service-row-reversed .service-content{order:2}
  .services-final-cta{margin-top:80px;padding:50px 30px}
}
@media (max-width:560px){
  .services-page{padding:60px 0 80px}
  .service-title{font-size:24px}
  .service-summary{font-size:15px}
  .services-final-cta{padding:40px 24px}
  .services-final-btn{padding:14px 26px;font-size:14px}
}

/* ============================================
   CAREERS — انتقل ستايلها بالكامل إلى careers.css
   (الزر صار يتبع --accent، والبودي فاتح في كل الثيمات)
   ============================================ */

/* ============================================
   المنيو (الهيدر) حسب الثيم — يرث الثيم تلقائياً من body.theme-vX
   نفس البنية، ثلاثة "أثواب" بصرية متناسقة مع الثيم
   ============================================ */

/* ============================================
   المنيو الرئيسي (الهيدر)
   كل ثيم له لونه الافتراضي. لو خصّص العميل اللون من
   الإعدادات (--nav-bg/--nav-text) يطغى على الافتراضي.
   ============================================ */
/* V1 — فاتح كلاسيكي */
.theme-v1 .nav-inner{background:var(--nav-bg,#fff);border-color:var(--nav-border,rgba(15,27,45,.08))}
.theme-v1 .brand-name{color:var(--nav-text,var(--ink))}
.theme-v1 .nav-links a{color:var(--nav-text,#3a3a3a)}
.theme-v1 .nav-links a:hover,.theme-v1 .nav-links a.active{color:var(--accent,var(--accent))}
.theme-v1 .nav-mobile{color:var(--nav-text,var(--ink))}

/* V2 — سينمائي داكن: كحلي افتراضي، نص فاتح، لمسة ذهبية */
.theme-v2 .nav-inner{background:var(--nav-bg,#0d1a30);border-color:var(--nav-border,rgba(176,141,87,.22));box-shadow:0 8px 26px rgba(0,0,0,.30)}
.theme-v2 .brand-name{color:var(--nav-text,#fff)}
.theme-v2 .nav-links a{color:var(--nav-text,rgba(255,255,255,.82))}
.theme-v2 .nav-links a:hover,.theme-v2 .nav-links a.active{color:var(--accent,var(--accent))}
.theme-v2 .lang-switch-track{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18)}
.theme-v2 .lang-switch-opt.opt-ar,.theme-v2 .lang-switch-opt.opt-en{color:rgba(255,255,255,.6)}
.theme-v2 .lang-switch.is-ar .opt-ar,.theme-v2 .lang-switch.is-en .opt-en{color:#fff}
.theme-v2 .lang-switch-thumb{background:var(--accent,var(--accent))}
.theme-v2 .nav-mobile{color:var(--nav-text,#fff)}

/* V3 — معماري: كحلي أعمق افتراضي، زوايا أحدّ */
.theme-v3 .nav-inner{background:var(--nav-bg,#0a1428);border-color:var(--nav-border,rgba(176,141,87,.18));border-radius:0 0 8px 8px}
.theme-v3 .brand-name{color:var(--nav-text,#fff)}
.theme-v3 .nav-links a{color:var(--nav-text,rgba(240,230,210,.82))}
.theme-v3 .nav-links a:hover,.theme-v3 .nav-links a.active{color:var(--accent,var(--accent))}
.theme-v3 .lang-switch-track{background:rgba(255,255,255,.06);border-color:rgba(176,141,87,.3);border-radius:5px}
.theme-v3 .lang-switch-thumb{background:var(--accent,var(--accent));border-radius:3px}
.theme-v3 .lang-switch-opt.opt-ar,.theme-v3 .lang-switch-opt.opt-en{color:rgba(240,230,210,.6)}
.theme-v3 .lang-switch.is-ar .opt-ar,.theme-v3 .lang-switch.is-en .opt-en{color:#fff}
.theme-v3 .nav-mobile{color:var(--nav-text,#fff)}