/* ============================================
   pages.css — أنماط الصفحات الداخلية
   (من نحن، المشاريع، التوظيف، التواصل)
   ============================================ */

/* ===== Page Hero (ترويسة الصفحات الداخلية) ===== */
.page-hero{padding:80px 0 40px;background:var(--cream)}
.page-hero-title{font-size:clamp(34px,5vw,56px);font-weight:600;line-height:1.15;letter-spacing:-.03em;margin:14px 0 18px;color:var(--ink)}
.page-hero-lead{font-size:18px;color:var(--muted);line-height:1.8;max-width:640px}

/* ===== ABOUT ===== */
.about-main{padding:90px 0}
.about-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:56px;align-items:center;margin-bottom:80px}
.about-text p{font-size:17px;line-height:1.95;color:var(--ink);margin-bottom:20px}
.about-media{border-radius:var(--r-xl);overflow:hidden;border:1px solid var(--line)}
.about-media img{width:100%;height:auto;display:block}
.about-media-placeholder{aspect-ratio:4/3;background:linear-gradient(135deg,var(--cream),var(--cream-2))}
.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding:48px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.about-stat{text-align:center}
.about-stat .num{font-size:clamp(36px,4vw,52px);font-weight:700;color:var(--accent);line-height:1;margin-bottom:8px}
.about-stat .label{color:var(--muted);font-size:15px}
.about-values{padding:90px 0;background:var(--cream)}
.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.value-card{padding:36px 30px;background:var(--paper);border-radius:var(--r-lg);border:1px solid var(--line)}
.value-num{font-size:14px;font-weight:700;color:var(--accent);margin-bottom:18px}
.value-card h3{font-size:20px;font-weight:600;margin-bottom:12px;color:var(--ink)}
.value-card p{color:var(--muted);line-height:1.8;font-size:15px}

@media (max-width:920px){
  .about-grid{grid-template-columns:1fr;gap:36px}
  .about-stats{grid-template-columns:1fr;gap:28px}
  .values-grid{grid-template-columns:1fr}
}

/* ===== PROJECTS PAGE ===== */
.projects-page{padding:90px 0 110px}
.projects-filter{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-bottom:54px}
.filter-btn{padding:11px 26px;border:1px solid var(--line);border-radius:var(--r-full);font-size:14px;font-weight:600;color:var(--muted);background:var(--paper);cursor:pointer;font-family:inherit;transition:all .35s cubic-bezier(.2,.85,.3,1)}
.filter-btn:hover{border-color:var(--accent);color:var(--ink)}
.filter-btn.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.empty-state{text-align:center;padding:80px 0;color:var(--muted);font-size:17px}

/* ===== ثيمات صفحة المشاريع (القائمة) — موحّدة مع لون الترويسة (page-hero) ===== */
/* v2 — بلوبرنت كحلي (يطابق page-hero #0a1424) */
.theme-v2 .projects-page{background:#0a1424}
.theme-v2 .filter-btn{background:#11203a;border-color:rgba(176,141,87,.22);color:rgba(255,255,255,.72)}
.theme-v2 .filter-btn:hover{border-color:#b08d57;color:#fff}
.theme-v2 .filter-btn.active{background:#b08d57;border-color:#b08d57;color:#fff}
.theme-v2 .project-card{background:#11203a;border-color:rgba(176,141,87,.18)}
.theme-v2 .project-card:hover{border-color:rgba(176,141,87,.45);box-shadow:0 28px 70px rgba(0,0,0,.45)}
.theme-v2 .project-card-img{background:#0a1424}
.theme-v2 .project-card-body h3{color:#fff}
.theme-v2 .project-card:hover .project-card-body h3{color:#d8bd8a}
.theme-v2 .project-card-body p{color:rgba(255,255,255,.62)}
.theme-v2 .project-card-go{color:#fff}
.theme-v2 .project-card:hover .project-card-go{color:#d8bd8a}

/* v3 — معماري كحلي (يطابق page-hero #0f1b2d) */
.theme-v3 .projects-page{background:#16110b}
.theme-v3 .filter-btn{background:#1f1810;border-color:rgba(216,189,138,.22);color:rgba(240,230,210,.72)}
.theme-v3 .filter-btn:hover{border-color:#d8bd8a;color:#fff}
.theme-v3 .filter-btn.active{background:#d8bd8a;border-color:#d8bd8a;color:#16110b}
.theme-v3 .project-card{background:#1f1810;border-color:rgba(216,189,138,.2)}
.theme-v3 .project-card:hover{border-color:rgba(216,189,138,.48);box-shadow:0 28px 70px rgba(0,0,0,.5)}
.theme-v3 .project-card-img{background:#16110b}
.theme-v3 .project-card-body .cat{color:#d8bd8a;border-color:rgba(216,189,138,.3);background:rgba(216,189,138,.08)}
.theme-v3 .project-card-body h3{color:#fff}
.theme-v3 .project-card:hover .project-card-body h3{color:#d8bd8a}
.theme-v3 .project-card-body p{color:rgba(240,230,210,.62)}
.theme-v3 .project-card-go{color:#fff}
.theme-v3 .project-card:hover .project-card-go{color:#d8bd8a}
.theme-v2 .project-card-body .cat{color:#d8bd8a;border-color:rgba(176,141,87,.3);background:rgba(176,141,87,.08)}

/* ===== PROJECT SINGLE ===== */
.project-single{padding:60px 0 80px}
.back-link{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:14px;font-weight:600;margin-bottom:36px;text-decoration:none;transition:gap .3s,color .3s}
.back-link:hover{color:var(--accent);gap:12px}
.project-single-head{max-width:780px;margin-bottom:44px}
.project-single-title{font-size:clamp(34px,5vw,60px);font-weight:600;line-height:1.12;letter-spacing:-.03em;margin:14px 0 20px;color:var(--ink)}
.project-single-lead{font-size:20px;color:var(--muted);line-height:1.8;font-weight:300}
.project-single-cover{border-radius:var(--r-xl);overflow:hidden;margin-bottom:54px;box-shadow:0 36px 90px rgba(15,27,45,.16)}
.project-single-cover img{width:100%;height:auto;display:block}
.project-single-body{max-width:760px;margin:0 auto}
.project-single-body p{font-size:17px;line-height:1.95;color:var(--ink);margin-bottom:22px}
.project-single-body p:first-child{font-size:19px}

@media (max-width:640px){
  .project-single-cover{border-radius:var(--r-lg)}
}

/* ===== CAREERS PAGE (يقرأ من الثيم عبر --page-*) ===== */

/* قائمة الوظائف — بطاقات عريضة بعرض الصفحة */

/* أزرار وعناوين الوظائف/التواصل بالثيم الداكن (الأكسنت بدل الأبيض) */
.theme-v2 .btn-primary,.theme-v3 .btn-primary{background:var(--page-accent);color:#0a1424;border-color:var(--page-accent)}

/* قسم التقديم — نموذج (يسار) + كتابة (يمين) */

/* ===== نموذج التوظيف (محسّن، يقرأ من الثيم) ===== */

/* ===== نموذج التواصل (كما هو) ===== */
.contact-form-box{position:sticky;top:100px;padding:36px;background:var(--cream);border-radius:var(--r-lg);border:1px solid var(--line)}
.contact-form-box h3{font-size:22px;font-weight:600;margin-bottom:24px;color:var(--ink)}

/* ===== حقول النماذج (مشترك) ===== */

/* ===== الكتابة التشجيعية (يمين النموذج) ===== */

@media (max-width:920px){
}

/* ===== CONTACT PAGE ===== */
.contact-page{padding:70px 0 80px}
.contact-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:48px;align-items:start}
.contact-methods{display:flex;flex-direction:column;gap:14px}
.contact-method{display:flex;align-items:center;gap:16px;padding:20px 24px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--paper);transition:border-color var(--t-fast),transform var(--t-fast)}
.contact-method:not(.static):hover{border-color:var(--accent);transform:translateY(-2px)}
.contact-method .ico{width:48px;height:48px;border-radius:var(--r-md);background:var(--cream);display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0}
.contact-method.wa .ico{background:rgba(37,211,102,.12);color:#25d366}
.contact-method .txt{display:flex;flex-direction:column}
.contact-method .txt strong{font-size:16px;font-weight:600;color:var(--ink)}
.contact-method .txt span{font-size:14px;color:var(--muted)}
.contact-map{margin-top:16px;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line);box-shadow:0 16px 44px rgba(15,27,45,.08)}
.contact-map iframe{filter:grayscale(.15);display:block;min-height:300px;background:var(--cream-2)}
.contact-map-btn{display:block;text-align:center;padding:15px;background:var(--ink);color:var(--paper);font-size:14.5px;font-weight:600;text-decoration:none;transition:background .3s}
.contact-map-btn:hover{background:#1a2942}

/* ===== ثيمات صفحة التواصل (v2/v3) — البودي والعناصر تتبع الثيم ===== */
.theme-v2 .contact-page{background:#0a1424}
.theme-v3 .contact-page{background:#16110b}
/* بطاقات طرق التواصل */
.theme-v2 .contact-method{background:#11203a;border-color:rgba(176,141,87,.2)}
.theme-v3 .contact-method{background:#1f1810;border-color:rgba(216,189,138,.2)}
.theme-v2 .contact-method:not(.static):hover,.theme-v3 .contact-method:not(.static):hover{border-color:var(--page-accent)}
.theme-v2 .contact-method .ico{background:rgba(176,141,87,.12)}
.theme-v3 .contact-method .ico{background:rgba(216,189,138,.12);color:#d8bd8a}
.theme-v2 .contact-method .txt strong,.theme-v3 .contact-method .txt strong{color:#fff}
.theme-v2 .contact-method .txt span{color:rgba(255,255,255,.62)}
.theme-v3 .contact-method .txt span{color:rgba(240,230,210,.62)}
/* صندوق النموذج */
.theme-v2 .contact-form-box{background:#11203a;border-color:rgba(176,141,87,.2)}
.theme-v3 .contact-form-box{background:#1f1810;border-color:rgba(216,189,138,.2)}
.theme-v2 .contact-form-box h3,.theme-v3 .contact-form-box h3{color:#fff}
/* حقول النموذج */
.theme-v2 .contact-page .field input,.theme-v2 .contact-page .field textarea{background:#0a1424;border-color:rgba(176,141,87,.22);color:#fff}
.theme-v3 .contact-page .field input,.theme-v3 .contact-page .field textarea{background:#16110b;border-color:rgba(216,189,138,.22);color:#fff}
.theme-v2 .contact-page .field label,.theme-v3 .contact-page .field label{color:rgba(255,255,255,.8)}
/* زر الإرسال + زر الخريطة بالأكسنت */
.theme-v2 .contact-page .btn-primary,.theme-v3 .contact-page .btn-primary{background:var(--page-accent);color:#0a1424;border-color:var(--page-accent)}
.theme-v3 .contact-page .btn-primary{color:#16110b}
.theme-v2 .contact-map-btn{background:var(--page-accent);color:#0a1424}
.theme-v3 .contact-map-btn{background:var(--page-accent);color:#16110b}
.theme-v2 .contact-map-btn:hover,.theme-v3 .contact-map-btn:hover{filter:brightness(1.08)}

@media (max-width:920px){
  .contact-layout{grid-template-columns:1fr;gap:32px}
}

/* ===== SERVICES PAGE ===== */
.services-page{padding:70px 0 90px}
.services-list{display:flex;flex-direction:column;gap:28px}
.service-row{display:grid;grid-template-columns:auto auto 1fr;gap:28px;align-items:start;padding:36px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--paper);transition:border-color var(--t-fast),box-shadow var(--t-fast)}
.service-row:hover{border-color:transparent;box-shadow:0 14px 40px rgba(0,0,0,.07)}
.service-num{font-size:15px;font-weight:700;color:var(--accent);opacity:.5}
.service-icon{width:56px;height:56px;border-radius:var(--r-md);background:var(--cream);display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0}
.service-icon svg{width:28px;height:28px}
.service-content h3{font-size:22px;font-weight:600;color:var(--ink);margin-bottom:10px}
.service-summary{font-size:16px;color:var(--muted);line-height:1.8;margin-bottom:14px}
.service-body{font-size:15px;color:var(--ink);line-height:1.9}
.service-image{margin-top:16px;border-radius:var(--r-md);overflow:hidden}

@media (max-width:780px){
  .service-row{grid-template-columns:1fr;gap:16px;padding:26px}
  .service-num{display:none}
}
/* ============================================================
   هيرو صفحة المشاريع (pl-hero) — نفس ستايل صفحة الخدمات
   بدون شبكة مربعات، يتبع الثيم بالكامل
   ============================================================ */
.pl-hero{
  --c-accent: var(--accent,#1f9296);
  --c-ink:    var(--ink,#0d2b2d);
  position:relative;overflow:hidden;padding:120px 0 80px;text-align:center;background:var(--c-ink)
}
.pl-deco-grid{position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:linear-gradient(color-mix(in srgb,var(--c-accent) 7%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--c-accent) 7%,transparent) 1px,transparent 1px);
  background-size:74px 74px;opacity:.5;
  -webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 45%,#000,transparent);mask-image:radial-gradient(ellipse 70% 70% at 50% 45%,#000,transparent)}
.pl-hero-glow{position:absolute;width:540px;height:540px;border-radius:50%;top:-200px;left:50%;transform:translateX(-50%);z-index:0;pointer-events:none;
  background:radial-gradient(circle,color-mix(in srgb,var(--c-accent) 20%,transparent),transparent 60%)}
.pl-hero-inner{position:relative;z-index:2}
.pl-hero-eyebrow{display:inline-flex;align-items:center;gap:11px;font-family:'IBM Plex Mono',monospace;font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--c-accent);margin-bottom:22px}
.pl-hero-eyebrow::before,.pl-hero-eyebrow::after{content:"";width:30px;height:1px;background:currentColor;opacity:.5}
.pl-hero-title{font-size:clamp(34px,5vw,56px);font-weight:800;margin:0 0 20px;letter-spacing:-1px;line-height:1.15;color:#fff}
.pl-hero-lead{font-size:17.5px;line-height:1.85;color:rgba(255,255,255,.78);max-width:600px;margin:0 auto;font-weight:300}
@media (max-width:680px){.pl-hero{padding:100px 0 60px}}

/* ===== صفحة الوظائف: انتقل ستايلها بالكامل إلى careers.css ===== */