/*
Theme Name: الجدعان وشركاه للمحاماة — Aljadaan & Partners Law Firm
Theme URI: https://aljadaan.com
Author: Vision Technical and Marketing Solutions
Description: ثيم ووردبريس ثنائي اللغة (عربي / English) لشركة الجدعان وشركاه للمحاماة، بهوية كحلية ورملية، وأقسام مجالات الممارسة وفريق العمل والجوائز، وكل المحتوى قابل للتعديل من لوحة التحكم.
Version: 1.1.1
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: haddadi-lawfirm
Tags: law-firm, rtl, bilingual, custom
*/

/* =====================================================
   0. الخطوط (محمّلة من داخل الثيم) + المتغيرات
===================================================== */
@font-face{ font-family:'El Messiri'; font-style:normal; font-weight:600; font-display:swap; src:url('assets/fonts/el-messiri-arabic-600-normal.woff2') format('woff2'); unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC; }
@font-face{ font-family:'El Messiri'; font-style:normal; font-weight:700; font-display:swap; src:url('assets/fonts/el-messiri-arabic-700-normal.woff2') format('woff2'); unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC; }
@font-face{ font-family:'El Messiri'; font-style:normal; font-weight:600; font-display:swap; src:url('assets/fonts/el-messiri-latin-600-normal.woff2') format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212; }
@font-face{ font-family:'El Messiri'; font-style:normal; font-weight:700; font-display:swap; src:url('assets/fonts/el-messiri-latin-700-normal.woff2') format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212; }
@font-face{ font-family:'Tajawal'; font-style:normal; font-weight:400; font-display:swap; src:url('assets/fonts/tajawal-arabic-400-normal.woff2') format('woff2'); unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC; }
@font-face{ font-family:'Tajawal'; font-style:normal; font-weight:500; font-display:swap; src:url('assets/fonts/tajawal-arabic-500-normal.woff2') format('woff2'); unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC; }
@font-face{ font-family:'Tajawal'; font-style:normal; font-weight:700; font-display:swap; src:url('assets/fonts/tajawal-arabic-700-normal.woff2') format('woff2'); unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC; }
@font-face{ font-family:'Tajawal'; font-style:normal; font-weight:400; font-display:swap; src:url('assets/fonts/tajawal-latin-400-normal.woff2') format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212; }
@font-face{ font-family:'Tajawal'; font-style:normal; font-weight:500; font-display:swap; src:url('assets/fonts/tajawal-latin-500-normal.woff2') format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212; }
@font-face{ font-family:'Tajawal'; font-style:normal; font-weight:700; font-display:swap; src:url('assets/fonts/tajawal-latin-700-normal.woff2') format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212; }

:root{
  --c-logo:       #113555;   /* كحلي الهوية */
  --c-oud:        #0B2238;
  --c-oud-2:      #1B4A72;
  --c-zaytouni:   #3E6B87;
  --c-zaytouni-d: #2C5470;
  --c-olive-tint: #E7EDF1;
  --c-gold:       #C2A27A;
  --c-gold-d:     #957852;
  --c-gold-light: #DCC9A8;
  --c-cream:      #F7F5F1;
  --c-cream-2:    #EFEAE0;
  --c-tint:       #F3EFE8;
  --c-text:       #23303B;
  --c-text-light: #5E6973;
  --c-white:      #ffffff;
  --c-divider:    #E2DED6;
  --radius: 16px;
  --container: 1220px;
  --font-heading: 'El Messiri', 'Tajawal', Tahoma, sans-serif;
  --font-body: 'Tajawal', Tahoma, 'Segoe UI', sans-serif;
  --ease: cubic-bezier(.4,0,.2,1);
  --ease-out: cubic-bezier(.16,1,.3,1);
  --ease-back: cubic-bezier(.34,1.56,.64,1);
  --shadow-sm: 0 4px 14px rgba(11,34,56,.07);
  --shadow-md: 0 18px 40px rgba(11,34,56,.14);
  --pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='84' viewBox='0 0 84 84'%3E%3Cg fill='none' stroke='%23C2A27A' stroke-width='1.1'%3E%3Crect x='27' y='27' width='30' height='30'/%3E%3Crect x='27' y='27' width='30' height='30' transform='rotate(45 42 42)'/%3E%3Ccircle cx='42' cy='42' r='6'/%3E%3Cpath d='M0 42h11M73 42h11M42 0v11M42 73v11'/%3E%3C/g%3E%3C/svg%3E");
}

/* =====================================================
   1. إعادة ضبط عامة
===================================================== */
*,*::before,*::after{ box-sizing:border-box; }
html{ scroll-behavior:smooth; -webkit-text-size-adjust:100%; }
body{
  margin:0; font-family:var(--font-body); font-size:17px; color:var(--c-text); background:var(--c-cream);
  line-height:1.85; font-weight:400; overflow-x:hidden;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
body.drawer-open{ overflow:hidden; }
img{ max-width:100%; height:auto; display:block; }
a{ color:inherit; text-decoration:none; transition:color .2s var(--ease); }
ul{ margin:0; padding:0; list-style:none; }
h1,h2,h3,h4{ font-family:var(--font-heading); margin:0 0 .5em; line-height:1.45; font-weight:700; }
::selection{ background:var(--c-gold); color:var(--c-oud); }
:focus-visible{ outline:2px solid var(--c-gold); outline-offset:3px; border-radius:4px; }
.container{ max-width:var(--container); margin:0 auto; padding:0 24px; }
.section{ padding:96px 0; position:relative; }
.section--white{ background:var(--c-white); }
.section--cream{ background:var(--c-cream); }
.section-title{ font-size:clamp(28px,3.6vw,40px); font-weight:700; color:var(--c-oud); text-align:center; margin-bottom:12px; }
.section-subtitle{ text-align:center; color:var(--c-text-light); max-width:720px; margin:0 auto 48px; font-size:17px; }
.section-cta{ text-align:center; margin-top:44px; }
.kicker{
  display:inline-flex; align-items:center; gap:10px; color:var(--c-zaytouni); font-weight:700; font-size:15px; margin-bottom:10px;
}
.kicker::before, .kicker--center::after{ content:""; width:28px; height:2px; background:var(--c-gold); }
.kicker--center{ display:flex; justify-content:center; }
.gold-divider{ width:90px; height:2px; margin:0 auto 40px; background:linear-gradient(90deg,transparent,var(--c-gold),transparent); position:relative; }
.gold-divider::after{ content:""; position:absolute; top:50%; left:50%; width:9px; height:9px; margin:-4.5px 0 0 -4.5px; background:var(--c-gold); transform:rotate(45deg); }

/* ---------- الأيقونات ---------- */
.hlf-icon{ width:1em; height:1em; display:inline-block; vertical-align:middle; flex:0 0 auto; }

/* ---------- الأزرار ---------- */
.btn{
  position:relative; overflow:hidden; isolation:isolate;
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  padding:13px 30px; border-radius:40px;
  font-family:var(--font-body); font-weight:700; font-size:16px; line-height:1.5;
  transition:transform .25s var(--ease-out), background .25s, color .25s, border-color .25s, box-shadow .25s;
  border:2px solid transparent; cursor:pointer; background:none; color:inherit;
}
.btn .hlf-icon{ font-size:19px; transition:transform .3s var(--ease-back); }
.btn:hover .hlf-icon{ transform:scale(1.15) rotate(-8deg); }
.btn:hover .btn-arrow, .btn:hover .hlf-icon--arrow-left{ transform:translateX(-5px); }
.btn::before{ content:""; position:absolute; top:0; bottom:0; width:60%; right:-80%; z-index:-1; background:linear-gradient(100deg,transparent,rgba(255,255,255,.3),transparent); transform:skewX(-20deg); transition:right .6s var(--ease); }
.btn:hover::before{ right:130%; }
.btn:active{ transform:scale(.97); }
.btn-primary{ background:linear-gradient(135deg,var(--c-logo),var(--c-oud)); color:var(--c-white); box-shadow:0 8px 20px rgba(17,53,85,.25); }
.btn-primary:hover{ transform:translateY(-2px); box-shadow:0 14px 28px rgba(17,53,85,.32); }
.btn-outline{ border-color:var(--c-zaytouni); color:var(--c-zaytouni); }
.btn-outline:hover{ background:var(--c-zaytouni); color:var(--c-white); transform:translateY(-2px); }
.btn-outline--light{ border-color:rgba(255,255,255,.85); color:#fff; }
.btn-outline--light:hover{ background:#fff; color:var(--c-oud); }
.btn-gold{ background:linear-gradient(135deg,var(--c-gold-light),var(--c-gold)); color:#0B2238; }
.btn-gold:hover{ transform:translateY(-2px); box-shadow:0 14px 28px rgba(0,0,0,.2); }
.btn-group{ display:flex; gap:14px; flex-wrap:wrap; justify-content:center; }
.btn-ripple{ position:absolute; width:12px; height:12px; margin:-6px 0 0 -6px; border-radius:50%; background:rgba(255,255,255,.45); pointer-events:none; animation:hlfRipple .6s var(--ease-out) forwards; }
.btn.is-loading{ pointer-events:none; opacity:.8; }
.btn.is-loading::after{ content:""; width:16px; height:16px; border-radius:50%; border:2px solid currentColor; border-top-color:transparent; animation:hlfSpin .7s linear infinite; }
@keyframes hlfRipple{ to{ transform:scale(28); opacity:0; } }
@keyframes hlfSpin{ to{ transform:rotate(360deg); } }

/* =====================================================
   1ب. نظام الأنيميشن (سريع وخفيف)
===================================================== */
.js .anim-in{ opacity:0; animation:hlfFadeUp .7s var(--ease-out) forwards; animation-delay:var(--d, 0ms); }
.js:not(.hlf-seen):not(.is-loaded) .anim-in{ animation-play-state:paused; }
@keyframes hlfFadeUp{ from{ opacity:0; transform:translateY(18px); } to{ opacity:1; transform:none; } }

.js .reveal{
  opacity:0; transform:translate3d(0,24px,0);
  transition:opacity .55s var(--ease-out), transform .6s var(--ease-out);
  transition-delay:var(--d, 0ms);
}
.js .reveal[data-anim="zoom"]{ transform:scale(.92); }
.js .reveal[data-anim="right"]{ transform:translate3d(32px,0,0); }
.js .reveal[data-anim="left"]{ transform:translate3d(-32px,0,0); }
.js .reveal[data-anim="fade"]{ transform:none; }
.js .reveal[data-anim="flip"]{ transform:perspective(900px) rotateX(-16deg) translateY(20px); transform-origin:top center; }
.js .reveal[data-anim="line"]{ transform:scaleX(0); opacity:1; transition-duration:.9s; }
.js .reveal.is-visible{ opacity:1; transform:none; }

.img-holder{ overflow:hidden; }
.js .img-reveal{ clip-path:inset(0 0 0 100%); transform:scale(1.12); transition:clip-path .8s var(--ease-out), transform 1.1s var(--ease-out); }
.js .img-reveal.is-visible{ clip-path:inset(0 0 0 0); transform:scale(1); }
.js .partners-grid .img-reveal{ clip-path:none; transform:scale(.85); opacity:0; transition:opacity .6s var(--ease-out), transform .6s var(--ease-back); }
.js .partners-grid .img-reveal.is-visible{ opacity:1; transform:none; }

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{ animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; scroll-behavior:auto !important; }
  .js .reveal, .js .img-reveal, .js .anim-in, .is-assemble .lm{ opacity:1 !important; transform:none !important; clip-path:none !important; }
}

.scroll-progress{ position:fixed; top:0; right:0; left:0; height:3px; z-index:1001; pointer-events:none; }
.scroll-progress span{ display:block; height:100%; background:linear-gradient(270deg,var(--c-logo),var(--c-gold),var(--c-zaytouni)); transform-origin:right; transform:scaleX(0); }

/* =====================================================
   1ج. الشعار (فيكتور) + النص العربي والإنجليزي
===================================================== */
.hlf-mark{ display:block; height:100%; width:auto; overflow:visible; }
.hlf-mark--img img{ height:100%; width:auto; object-fit:contain; }
.hlf-logo{ display:inline-flex; align-items:center; gap:14px; color:var(--c-oud); line-height:1.2; }
.hlf-logo__mark{ display:block; height:62px; flex:0 0 auto; transition:transform .4s var(--ease-back); }
.hlf-logo:hover .hlf-logo__mark{ transform:scale(1.05) rotate(-2deg); }
.hlf-logo__text{ display:flex; flex-direction:column; }
.hlf-logo__top{ font-family:var(--font-body); font-weight:700; font-size:12.5px; color:var(--c-zaytouni); letter-spacing:.2px; }
.hlf-logo__name{ font-family:var(--font-heading); font-weight:700; font-size:22px; color:var(--c-logo); margin:1px 0 3px; white-space:nowrap; }
.hlf-logo__en{ font-family:var(--font-heading); font-weight:600; font-size:9.5px; letter-spacing:1.6px; text-transform:uppercase; color:var(--c-gold-d); white-space:nowrap; }
.hlf-logo--v{ flex-direction:column; text-align:center; gap:12px; }
.hlf-logo--v .hlf-logo__mark{ height:96px; }
.hlf-logo--v .hlf-logo__text{ align-items:center; }
.hlf-logo--v .hlf-logo__name{ font-size:26px; }
.hlf-logo--v .hlf-logo__en{ font-size:10.5px; }
.hlf-logo--light .hlf-logo__top{ color:var(--c-gold-light); }
.hlf-logo--light .hlf-logo__name{ color:#F3ECDD; }
.hlf-logo--light .hlf-logo__en{ color:var(--c-gold); }

/* تركيب الشعار قطعة قطعة (الهيرو + شاشة التحميل) */
.is-assemble .lm{ transform-box:fill-box; transform-origin:center; animation:hlfLmUp .6s var(--ease-out) backwards; }
.is-assemble .lm-roof{ animation-name:hlfLmDown; animation-delay:.05s; transform-origin:bottom center; }
.is-assemble .lm-tail{ animation-name:hlfLmSide; animation-delay:.15s; }
.is-assemble .lm-bar{ animation-name:hlfLmBar; animation-delay:.1s; transform-origin:right center; }
.is-assemble .lm-s1{ animation-delay:.22s; } .is-assemble .lm-s2{ animation-delay:.3s; }
.is-assemble .lm-s3{ animation-delay:.38s; } .is-assemble .lm-s4{ animation-delay:.46s; }
.is-assemble .lm-dot1, .is-assemble .lm-dot2{ animation-name:hlfLmPop; animation-delay:.55s; }
.is-assemble .lm-dot2{ animation-delay:.62s; }
@keyframes hlfLmUp{ from{ opacity:0; transform:translateY(60px) scaleY(.6); } to{ opacity:1; transform:none; } }
@keyframes hlfLmDown{ from{ opacity:0; transform:translateY(-60px) rotate(-6deg); } to{ opacity:1; transform:none; } }
@keyframes hlfLmSide{ from{ opacity:0; transform:translateX(60px); } to{ opacity:1; transform:none; } }
@keyframes hlfLmBar{ from{ transform:scaleX(0); } to{ transform:none; } }
@keyframes hlfLmPop{ from{ opacity:0; transform:scale(0); } 70%{ transform:scale(1.4); } to{ opacity:1; transform:none; } }
.js:not(.hlf-seen):not(.is-loaded) .hero .is-assemble .lm{ animation-play-state:paused; }

/* =====================================================
   2. الهيدر: الشعار ← القائمة ← التواصل
===================================================== */
.site-header{
  background:rgba(255,255,255,.97); padding:12px 0; position:sticky; top:0; z-index:100;
  border-bottom:1px solid var(--c-divider);
  transition:box-shadow .3s var(--ease), transform .4s var(--ease-out), padding .3s var(--ease);
}
.site-header::after{ content:""; position:absolute; right:0; left:0; bottom:-1px; height:2px; background:linear-gradient(90deg,transparent,var(--c-gold),transparent); opacity:.6; }
.site-header.is-scrolled{ box-shadow:0 8px 24px rgba(11,34,56,.08); padding:7px 0; }
.site-header.is-scrolled .hlf-logo__mark{ height:52px; }
.site-header.is-hidden{ transform:translateY(-105%); }
.header-inner{ display:flex; align-items:center; gap:26px; }
.site-branding{ flex:0 0 auto; }
.main-navigation{ flex:1; display:flex; justify-content:center; }
.main-navigation ul{ display:flex; gap:6px; align-items:center; flex-wrap:wrap; }
.main-navigation li.menu-item-booking{ display:none; } /* موجود كزر في منطقة التواصل */
.main-navigation a{
  position:relative; display:inline-block; color:var(--c-text); font-weight:700; font-size:16px; padding:8px 14px; border-radius:30px;
  transition:color .2s, background .2s;
}
.main-navigation a::after{ content:""; position:absolute; right:14px; left:14px; bottom:3px; height:2px; background:var(--c-gold); transform:scaleX(0); transform-origin:left; transition:transform .3s var(--ease-out); }
.main-navigation a:hover{ color:var(--c-logo); background:var(--c-cream-2); }
.main-navigation .current-menu-item > a{ color:var(--c-logo); }
.main-navigation a:hover::after, .main-navigation .current-menu-item > a::after{ transform:scaleX(1); transform-origin:right; }
.header-contact{ display:flex; align-items:center; gap:10px; flex:0 0 auto; }
.hc-icon{
  width:42px; height:42px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:19px;
  background:var(--c-cream-2); color:var(--c-logo); border:1px solid var(--c-divider);
  transition:transform .3s var(--ease-back), background .25s, color .25s;
}
.hc-icon:hover{ background:var(--c-logo); color:var(--c-gold-light); transform:translateY(-2px) rotate(-8deg); }
.hc-icon--wa{ color:#1DA851; }
.hc-icon--wa:hover{ background:#25D366; color:#fff; }
.hc-book{ padding:10px 22px; font-size:15px; }

.menu-toggle{ display:none; background:var(--c-logo); border:none; color:#fff; border-radius:12px; width:46px; height:44px; padding:0; cursor:pointer; align-items:center; justify-content:center; }
.menu-toggle__bars{ position:relative; width:20px; height:14px; display:block; }
.menu-toggle__bars span{ position:absolute; right:0; width:100%; height:2px; background:currentColor; border-radius:2px; transition:transform .3s var(--ease-out), opacity .2s, top .3s var(--ease-out); }
.menu-toggle__bars span:nth-child(1){ top:0; } .menu-toggle__bars span:nth-child(2){ top:6px; width:70%; } .menu-toggle__bars span:nth-child(3){ top:12px; }

@media (max-width:1180px){
  .main-navigation a{ padding:8px 9px; font-size:15px; }
  .hc-book{ display:none; }
}
@media (max-width:980px){
  .main-navigation, .header-contact{ display:none; }
  .menu-toggle{ display:inline-flex; margin-inline-start:auto; }
  .header-inner{ gap:12px; }
  .hlf-logo--h .hlf-logo__mark{ height:50px; }
  .hlf-logo--h .hlf-logo__name{ font-size:19px; }
  .hlf-logo--h .hlf-logo__en{ font-size:8.5px; letter-spacing:1.1px; }
}
@media (max-width:400px){ .hlf-logo--h .hlf-logo__en{ display:none; } }

/* القائمة الجانبية (جوال) */
.drawer-overlay{ position:fixed; inset:0; background:rgba(11,34,56,.45); z-index:1100; opacity:0; visibility:hidden; transition:opacity .3s, visibility .3s; }
.nav-drawer{
  position:fixed; top:0; right:0; bottom:0; width:min(340px,88vw); z-index:1101; background:var(--c-cream);
  display:flex; flex-direction:column; overflow-y:auto; padding:22px 22px 26px;
  transform:translateX(105%); transition:transform .4s var(--ease-out); box-shadow:-20px 0 40px rgba(11,34,56,.2);
}
.nav-drawer::before{ content:""; position:absolute; inset:0; background:var(--pattern); opacity:.08; pointer-events:none; }
.drawer-open .drawer-overlay{ opacity:1; visibility:visible; }
.drawer-open .nav-drawer{ transform:none; }
.drawer-close{ position:absolute; top:14px; left:14px; width:40px; height:40px; border-radius:50%; border:none; cursor:pointer; background:var(--c-cream-2); color:var(--c-logo); font-size:20px; display:flex; align-items:center; justify-content:center; z-index:1; }
.drawer-logo{ position:relative; text-align:center; padding:18px 0 20px; border-bottom:1px solid var(--c-divider); }
.drawer-logo .hlf-logo--v .hlf-logo__mark{ height:90px; }
.drawer-logo .hlf-logo--v .hlf-logo__name{ font-size:22px; }
.drawer-nav{ position:relative; padding:14px 0; flex:1; }
.drawer-nav li.menu-item-booking{ display:none; }
.drawer-nav a{ display:flex; align-items:center; justify-content:space-between; padding:12px 6px; font-weight:700; font-size:17px; border-bottom:1px dashed var(--c-divider); }
.drawer-nav a::after{ content:""; width:7px; height:7px; border:1px solid var(--c-gold); transform:rotate(45deg); transition:background .2s; }
.drawer-nav a:hover, .drawer-nav .current-menu-item > a{ color:var(--c-logo); }
.drawer-nav a:hover::after, .drawer-nav .current-menu-item > a::after{ background:var(--c-gold); }
.drawer-nav li{ opacity:0; transform:translateX(24px); transition:opacity .3s, transform .4s var(--ease-out); }
.drawer-open .drawer-nav li{ opacity:1; transform:none; }
.drawer-open .drawer-nav li:nth-child(2){ transition-delay:.04s } .drawer-open .drawer-nav li:nth-child(3){ transition-delay:.08s }
.drawer-open .drawer-nav li:nth-child(4){ transition-delay:.12s } .drawer-open .drawer-nav li:nth-child(5){ transition-delay:.16s }
.drawer-open .drawer-nav li:nth-child(6){ transition-delay:.2s } .drawer-open .drawer-nav li:nth-child(7){ transition-delay:.24s }
.drawer-contact{ position:relative; background:linear-gradient(150deg,var(--c-oud-2),var(--c-oud)); color:#F3ECDD; border-radius:var(--radius); padding:18px; }
.drawer-contact h4{ color:var(--c-gold-light); font-size:17px; margin-bottom:10px; }
.drawer-contact li{ margin-bottom:8px; }
.drawer-contact a{ display:flex; align-items:center; gap:10px; font-size:15px; }
.dc-ic{ width:34px; height:34px; border-radius:50%; background:rgba(220,201,168,.16); color:var(--c-gold-light); display:flex; align-items:center; justify-content:center; font-size:16px; }
.dc-ic--wa{ background:#25D366; color:#fff; }
.drawer-book{ width:100%; margin-top:10px; background:linear-gradient(135deg,var(--c-gold-light),var(--c-gold)); color:#0B2238; box-shadow:none; }

/* =====================================================
   3. الهيرو: شعار المكتب في المنتصف
===================================================== */
.hero{
  position:relative; overflow:hidden; text-align:center; color:var(--c-oud);
  background:radial-gradient(ellipse at 50% 40%, #fff 0%, var(--c-cream) 45%, var(--c-cream-2) 100%);
  min-height:calc(100vh - var(--hlf-header-h, 86px));
  min-height:calc(100svh - var(--hlf-header-h, 86px));
  display:flex; align-items:center; padding:60px 0 70px;
}
.hero > .container{ width:100%; }
.hero::after{ content:""; position:absolute; right:0; left:0; bottom:0; height:3px; z-index:3; background:linear-gradient(90deg,transparent,var(--c-gold) 20%,var(--c-gold) 80%,transparent); }
.hero-bg{ position:absolute; top:-8%; right:0; bottom:0; left:0; background-size:cover; background-position:center; z-index:0; transform:scale(1.08); will-change:transform; }
.hero--has-bg::before{ content:""; position:absolute; inset:0; z-index:1; background:linear-gradient(180deg,rgba(248,246,242,.96),rgba(248,246,242,.9) 60%,rgba(248,246,242,1)); opacity:var(--hero-ov,.82); }
.hero-deco{ position:absolute; inset:0; z-index:1; pointer-events:none; }
.hero-pattern{
  position:absolute; inset:-84px; background:var(--pattern); opacity:.22;
  -webkit-mask:radial-gradient(ellipse at 50% 45%, transparent 22%, #000 70%); mask:radial-gradient(ellipse at 50% 45%, transparent 22%, #000 70%);
  animation:hlfDrift 30s linear infinite;
}
@keyframes hlfDrift{ to{ transform:translate(84px,84px); } }
.hero-orb{ position:absolute; border-radius:50%; }
.hero-orb--1{ width:520px; height:520px; top:-200px; left:-160px; background:radial-gradient(circle,rgba(17,53,85,.12),transparent 65%); animation:hlfFloat 14s ease-in-out infinite; }
.hero-orb--2{ width:480px; height:480px; bottom:-200px; right:-140px; background:radial-gradient(circle,rgba(62,107,135,.18),transparent 65%); animation:hlfFloat 16s ease-in-out infinite reverse; }
.hero-ring{ position:absolute; top:50%; left:50%; pointer-events:none; border-radius:50%; border:1px solid rgba(194,162,122,.45); transform:translate(-50%,-50%); }
.hero-ring--1{ width:150%; aspect-ratio:1; height:auto; border-style:dashed; animation:hlfRot 40s linear infinite; }
.hero-ring--2{ width:195%; aspect-ratio:1; height:auto; border-color:rgba(194,162,122,.25); animation:hlfRot 60s linear infinite reverse; }
.hero-ring--3{ width:250%; aspect-ratio:1; height:auto; border-color:rgba(62,107,135,.18); }
.hero-ring--2::before{ content:""; position:absolute; top:-5px; left:50%; width:10px; height:10px; margin-left:-5px; border-radius:50%; background:var(--c-gold); }
.hero-ring--1::before{ content:""; position:absolute; bottom:-4px; left:50%; width:8px; height:8px; margin-left:-4px; background:var(--c-logo); transform:rotate(45deg); }
@keyframes hlfRot{ to{ transform:translate(-50%,-50%) rotate(360deg); } }
.hero-spark{
  position:absolute; bottom:-10px; left:calc(var(--i) * 8%); width:6px; height:6px; border-radius:50%;
  background:var(--c-gold); opacity:0; animation:hlfSpark calc(7s + var(--i) * .6s) linear calc(var(--i) * -1.1s) infinite;
}
.hero-spark:nth-child(3n){ background:var(--c-zaytouni); width:4px; height:4px; }
.hero-spark:nth-child(4n){ background:var(--c-logo); width:5px; height:5px; }
@keyframes hlfSpark{ 0%{ transform:translateY(0); opacity:0; } 10%{ opacity:.7; } 80%{ opacity:.5; } 100%{ transform:translateY(-95vh) translateX(30px); opacity:0; } }
@keyframes hlfFloat{ 0%,100%{ transform:translate(0,0); } 50%{ transform:translate(30px,25px); } }

.hero-inner{ position:relative; z-index:2; max-width:860px; margin:0 auto; display:flex; flex-direction:column; align-items:center; }
.hero-logo{ position:relative; height:clamp(150px,24vh,230px); margin-bottom:26px; }
.hero-logo .hlf-mark{ margin:0 auto; }
.hero-logo .hlf-mark{ position:relative; z-index:1; filter:drop-shadow(0 14px 22px rgba(17,53,85,.18)); }
.hero-logo__glow{ position:absolute; inset:-30%; border-radius:50%; background:radial-gradient(circle,rgba(255,255,255,.95),rgba(255,255,255,0) 65%); animation:hlfBreath 4s ease-in-out infinite; }
@keyframes hlfBreath{ 0%,100%{ transform:scale(.95); opacity:.8; } 50%{ transform:scale(1.05); opacity:1; } }
.hero-name{ display:flex; flex-direction:column; align-items:center; }
.hero-name__top{ font-weight:700; font-size:clamp(16px,1.8vw,20px); color:var(--c-zaytouni); }
.hero-name__main{ font-size:clamp(34px,5.4vw,60px); color:var(--c-logo); margin:0; line-height:1.3; }
.hero-name__en{ font-family:var(--font-heading); font-weight:600; font-size:clamp(11px,1.2vw,14px); letter-spacing:3px; text-transform:uppercase; color:var(--c-gold-d); margin-top:4px; }
.hero-sep{ display:flex; align-items:center; gap:14px; color:var(--c-gold); font-size:22px; margin:18px 0 10px; }
.hero-sep span{ width:70px; height:1px; background:linear-gradient(90deg,transparent,var(--c-gold)); }
.hero-sep span:last-child{ transform:scaleX(-1); }
.hero-tagline{ font-family:var(--font-heading); font-weight:700; font-size:clamp(22px,2.6vw,30px); color:var(--c-oud); margin:0 0 6px; }
.hero-sub{ color:var(--c-text-light); font-size:clamp(15px,1.5vw,18px); max-width:640px; margin:0 0 28px; }
.hero .btn-group{ margin-top:4px; }

/* شريط الخدمات المتحرك */
.marquee{ position:relative; overflow:hidden; background:linear-gradient(90deg,var(--c-oud),var(--c-logo),var(--c-oud)); color:#F3ECDD; padding:16px 0; border-bottom:2px solid var(--c-gold); }
.marquee::before, .marquee::after{ content:""; position:absolute; top:0; bottom:0; width:80px; z-index:1; }
.marquee::before{ right:0; background:linear-gradient(270deg,var(--c-oud),transparent); }
.marquee::after{ left:0; background:linear-gradient(90deg,var(--c-oud),transparent); }
.marquee__track{ display:flex; width:max-content; animation:hlfMarquee 45s linear infinite; }
.marquee:hover .marquee__track{ animation-play-state:paused; }
.marquee__group{ display:flex; align-items:center; gap:26px; padding-left:26px; }
.marquee__item{ display:inline-flex; align-items:center; gap:10px; white-space:nowrap; font-weight:700; font-size:16px; }
.marquee__item .hlf-icon{ color:var(--c-gold-light); font-size:20px; }
.marquee__dot{ width:7px; height:7px; background:var(--c-gold); transform:rotate(45deg); flex:0 0 auto; }
@keyframes hlfMarquee{ to{ transform:translateX(50%); } }

/* =====================================================
   4. الأقسام الملونة
===================================================== */
.section--tint{ background:var(--c-tint); }
.section--olive{ background:var(--c-olive-tint); }
.section--dark{ background:linear-gradient(160deg,var(--c-oud-2) 0%,var(--c-oud) 60%,#071726 100%); color:#EDE4D6; }
.section--pattern{ position:relative; isolation:isolate; }
.section--pattern::before{ content:""; position:absolute; inset:0; z-index:-1; background:var(--pattern); opacity:.1; pointer-events:none; }
.section--dark.section--pattern::before{ opacity:.07; }
.section--dark .section-title, .section--dark .block-title, .section--dark h2, .section--dark h2.block-title, .service-block.section--dark h2.block-title, .section--dark h3{ color:#F6EFE2; }
.section--dark .section-subtitle, .section--dark p{ color:#D9CCBC; }
.section--dark .kicker{ color:var(--c-gold-light); }
.section--olive .section-title, .section--olive .block-title{ color:var(--c-oud); }

/* من نحن / رؤيتنا / رسالتنا */
.about-cards{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.about-card{
  position:relative; overflow:hidden; border-radius:22px; padding:38px 30px 34px; color:#F6EFE2;
  transition:transform .4s var(--ease-out), box-shadow .4s, opacity .55s var(--ease-out);
}
.about-card::before{ content:""; position:absolute; inset:0; background:var(--pattern); opacity:.12; }
.about-card::after{ content:""; position:absolute; width:220px; height:220px; border-radius:50%; top:-90px; left:-90px; border:1px solid rgba(255,255,255,.18); transition:transform .8s var(--ease-out); }
.about-card:hover::after{ transform:scale(1.4); }
.about-card > *{ position:relative; }
.about-card--oud{ background:linear-gradient(155deg,var(--c-logo),var(--c-oud)); }
.about-card--olive{ background:linear-gradient(155deg,#4F7E9A,var(--c-zaytouni-d)); }
.about-card--gold{ background:linear-gradient(155deg,#CDAF86,var(--c-gold-d)); }
.about-card:hover, .js .about-card.reveal.is-visible:hover{ transform:translateY(-8px); box-shadow:0 24px 44px rgba(11,34,56,.22); }
.about-card__icon{
  width:64px; height:64px; border-radius:18px; display:flex; align-items:center; justify-content:center; font-size:30px;
  background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.28); color:#fff; margin-bottom:20px;
  animation:hlfBob 4s ease-in-out infinite;
}
.about-card--olive .about-card__icon{ animation-delay:-1.3s; } .about-card--gold .about-card__icon{ animation-delay:-2.6s; }
.about-card h3{ color:#fff; font-size:26px; margin-bottom:10px; }
.about-card p{ color:rgba(255,255,255,.9); margin:0; font-size:16.5px; }
@keyframes hlfBob{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-7px); } }
@media (max-width:900px){ .about-cards{ grid-template-columns:1fr; } }

/* =====================================================
   5. الخدمات: لوحة أيقونية ملونة لكل خدمة
===================================================== */
.services-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
.service-card{
  --tone1:var(--c-logo); --tone2:var(--c-oud); --ic:var(--c-gold-light);
  position:relative; background:var(--c-white); border-radius:20px; overflow:hidden; display:flex; flex-direction:column;
  box-shadow:var(--shadow-sm); border:1px solid var(--c-divider);
  transition:transform .4s var(--ease-out), box-shadow .4s var(--ease-out), opacity .55s var(--ease-out);
}
.service-card--olive{ --tone1:#4F7E9A; --tone2:var(--c-zaytouni-d); --ic:#F3ECDD; }
.service-card--gold{ --tone1:#CDAF86; --tone2:var(--c-gold-d); --ic:#fff; }
.service-card:hover, .js .service-card.reveal.is-visible:hover{ transform:translateY(-8px); box-shadow:var(--shadow-md); }
.service-panel{
  position:relative; overflow:hidden; display:flex; align-items:center; justify-content:center; height:170px;
  background:linear-gradient(150deg,var(--tone1),var(--tone2));
}
.service-panel::before{ content:""; position:absolute; inset:-84px; background:var(--pattern); opacity:.2; transition:transform 6s linear; }
.service-card:hover .service-panel::before{ transform:translate(42px,42px); }
.service-panel__num{ position:absolute; top:12px; left:16px; font-family:var(--font-heading); font-weight:700; font-size:30px; color:rgba(255,255,255,.22); }
.service-panel__ring{ position:absolute; width:118px; height:118px; border-radius:50%; border:1px dashed rgba(255,255,255,.45); animation:hlfRotPlain 18s linear infinite; }
.service-panel__ring::before{ content:""; position:absolute; top:-4px; left:50%; width:8px; height:8px; margin-left:-4px; border-radius:50%; background:var(--ic); }
@keyframes hlfRotPlain{ to{ transform:rotate(360deg); } }
.service-panel__icon{
  position:relative; width:84px; height:84px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:40px;
  background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.35); color:var(--ic);
  box-shadow:inset 0 0 0 6px rgba(255,255,255,.05);
  transition:transform .5s var(--ease-back), background .3s;
}
.service-panel__icon .hlf-icon{ stroke-width:1.5; }
.service-card:hover .service-panel__icon{ transform:scale(1.1) rotate(-8deg); background:rgba(255,255,255,.22); }
.service-card .service-body{ padding:22px 22px 20px; flex:1; display:flex; flex-direction:column; text-align:center; }
.service-card h3{ font-size:20px; color:var(--c-oud); }
.service-card h3 a:hover{ color:var(--c-logo); }
.service-card p.service-excerpt{ color:var(--c-text-light); font-size:15px; margin-bottom:16px; }
.service-more{ margin-top:auto; display:inline-flex; align-items:center; justify-content:center; gap:8px; color:var(--tone2); font-weight:700; font-size:15px; border-top:1px dashed var(--c-divider); padding-top:14px; }
.service-more .hlf-icon{ transition:transform .3s var(--ease-out); }
.service-card:hover .service-more .hlf-icon{ transform:translateX(-6px); }
@media (max-width:1100px){ .services-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){ .services-grid{ grid-template-columns:1fr; } }

/* =====================================================
   6. لماذا نحن (قسم غامق)
===================================================== */
.reasons-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:22px; }
.reason-card{
  --mx:50%; --my:50%; position:relative; overflow:hidden; isolation:isolate;
  background:rgba(255,255,255,.05); border:1px solid rgba(220,201,168,.3);
  border-radius:20px; padding:32px 24px 28px; color:var(--c-white);
  transition:transform .4s var(--ease-out), border-color .3s, background .3s, opacity .55s var(--ease-out);
}
.reason-card::before{ content:""; position:absolute; inset:0; z-index:-1; opacity:0; transition:opacity .3s; background:radial-gradient(280px circle at var(--mx) var(--my), rgba(220,201,168,.22), transparent 60%); }
.reason-card:hover::before{ opacity:1; }
.reason-card:hover, .js .reason-card.reveal.is-visible:hover{ transform:translateY(-6px); border-color:var(--c-gold); background:rgba(255,255,255,.08); }
.reason-card__num{ position:absolute; top:12px; left:16px; font-family:var(--font-heading); font-size:46px; font-weight:700; color:rgba(220,201,168,.14); line-height:1; }
.reason-card__icon{
  width:58px; height:58px; border-radius:16px; display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg,var(--c-gold-light),var(--c-gold)); color:var(--c-oud); font-size:26px; margin-bottom:18px;
  box-shadow:0 10px 20px rgba(0,0,0,.25); transition:transform .5s var(--ease-back);
}
.reason-card:hover .reason-card__icon{ transform:rotate(-10deg) scale(1.08); }
.reason-card h3{ color:var(--c-gold-light) !important; font-size:20px; }
.reason-card__text, .reason-card__text p{ font-size:15px; color:#E2D8CB !important; margin:0; }
@media (max-width:1100px){ .reasons-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){ .reasons-grid{ grid-template-columns:1fr; } }

/* =====================================================
   7. مقالات ذات صلة (كاروسيل)
===================================================== */
.articles-carousel-wrap{ position:relative; }
.articles-carousel{
  display:flex; gap:22px; overflow-x:auto; scroll-snap-type:x mandatory; padding:6px 4px 18px;
  scrollbar-width:thin; scrollbar-color:var(--c-gold) transparent;
}
.articles-carousel::-webkit-scrollbar{ height:6px; }
.articles-carousel::-webkit-scrollbar-thumb{ background:var(--c-gold); border-radius:4px; }
.article-card{
  flex:0 0 270px; scroll-snap-align:start; border:1px solid var(--c-divider); border-radius:var(--radius);
  overflow:hidden; background:var(--c-white); transition:transform .45s var(--ease-out), box-shadow .45s, opacity .8s var(--ease-out);
}
.js .article-card.reveal.is-visible:hover, .article-card:hover{ transform:translateY(-6px); box-shadow:var(--shadow-md); }
.article-thumb, .blog-thumb{ overflow:hidden; height:160px; background:var(--c-cream-2); }
.article-thumb img, .blog-thumb img{ height:100%; width:100%; object-fit:cover; transition:transform .9s var(--ease-out), clip-path 1.1s var(--ease-out) .1s !important; }
.article-card:hover .article-thumb img, .blog-card:hover .blog-thumb img{ transform:scale(1.08); }
.article-thumb__ph{ height:100%; display:flex; align-items:center; justify-content:center; font-size:48px; color:var(--c-gold); opacity:.7; }
.article-card .article-body{ padding:16px 18px 18px; }
.article-date{ display:inline-flex; align-items:center; gap:6px; color:var(--c-text-light); font-size:12px; margin-bottom:6px; }
.article-date .hlf-icon{ color:var(--c-gold); }
.article-card h3{ font-size:15px; font-weight:700; color:var(--c-oud); margin:0; }
.carousel-arrow{
  position:absolute; top:50%; transform:translateY(-50%);
  background:var(--c-gold); color:#0B2238; border:none; width:42px; height:42px; border-radius:50%;
  cursor:pointer; font-size:20px; z-index:2; display:flex; align-items:center; justify-content:center;
  box-shadow:0 8px 20px rgba(0,0,0,.15); transition:transform .3s var(--ease-back), background .3s;
}
.carousel-arrow:hover{ background:var(--c-oud); color:var(--c-gold); transform:translateY(-50%) scale(1.1); }
.carousel-arrow.prev{ right:-14px; }
.carousel-arrow.next{ left:-14px; }
@media (max-width:640px){ .carousel-arrow{ display:none; } }

/* =====================================================
   8. شركاء النجاح
===================================================== */
.partners-grid{ display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:44px; }
.partners-grid img{ max-height:60px; width:auto; filter:grayscale(100%); opacity:.7; transition:filter .4s, opacity .4s, transform .4s var(--ease-back) !important; }
.partners-grid a:hover img, .partners-grid img:hover{ filter:none; opacity:1; transform:scale(1.08) !important; }
.partners-grid .img-holder{ overflow:visible; }
.partner-name{ font-weight:700; color:var(--c-oud); }

/* =====================================================
   9. الفوتر
===================================================== */
.site-footer{
  position:relative; overflow:hidden;
  background:linear-gradient(180deg,#0f2c47 0%,var(--c-oud) 55%,#071726 100%);
  color:var(--c-cream); padding:64px 0 0;
}
.site-footer::before{
  content:""; position:absolute; top:0; right:0; left:0; height:2px;
  background:linear-gradient(90deg,transparent,var(--c-gold),transparent);
}
.footer-logo-wrap{ text-align:center; margin-bottom:48px; }
.footer-logo-wrap img{ max-height:90px; width:auto; margin:0 auto; }
.footer-logo-wrap strong{ color:var(--c-gold); font-size:22px; font-family:var(--font-heading); }
.footer-cols{ display:grid; grid-template-columns:1fr 1fr 1.3fr; gap:40px; align-items:start; }
.footer-col h4{ position:relative; color:var(--c-white); font-size:19px; font-weight:800; margin-bottom:24px; padding-bottom:10px; }
.footer-col h4::after{ content:""; position:absolute; right:0; bottom:0; width:36px; height:2px; background:var(--c-gold); transition:width .4s var(--ease-out); }
.footer-col:hover h4::after{ width:64px; }
.footer-menu li{ margin-bottom:12px; }
.footer-menu a{ color:var(--c-cream); font-weight:600; font-size:15px; display:inline-flex; align-items:center; gap:8px; transition:color .25s, transform .35s var(--ease-out); }
.footer-menu a::before{ content:""; width:6px; height:6px; border:1px solid var(--c-gold); transform:rotate(45deg); transition:background .25s; }
.footer-menu a:hover, .footer-menu .current-menu-item a{ color:var(--c-gold); transform:translateX(-6px); }
.footer-menu a:hover::before{ background:var(--c-gold); }
.footer-hours{ color:#d9cfc3; font-size:15px; line-height:2.1; margin:0; }
.footer-contact li{ display:flex; align-items:center; gap:12px; margin-bottom:18px; color:#e6ddd2; font-size:15px; }
.footer-contact a{ transition:color .25s; }
.footer-contact a:hover{ color:var(--c-gold); }
.footer-contact .fi{
  flex:0 0 36px; width:36px; height:36px; border-radius:50%; display:flex; align-items:center; justify-content:center;
  background:rgba(194,162,122,.14); color:var(--c-gold); font-size:17px; transition:transform .45s var(--ease-back), background .3s, color .3s;
}
.footer-contact li:hover .fi{ background:var(--c-gold); color:var(--c-oud); transform:rotate(-12deg) scale(1.1); }
.footer-social{ display:flex; gap:12px; margin-top:26px; flex-wrap:wrap; }
.footer-social a{
  width:40px; height:40px; display:flex; align-items:center; justify-content:center;
  color:var(--c-gold); font-size:17px; border-radius:50%; border:1px solid rgba(194,162,122,.45);
  transition:transform .4s var(--ease-back), background .3s, color .3s;
}
.footer-social a:hover{ background:var(--c-gold); color:var(--c-oud); transform:translateY(-4px) rotate(8deg); }
.footer-social--light a{ color:var(--c-zaytouni); border-color:var(--c-zaytouni); }
.footer-social--light a:hover{ background:var(--c-zaytouni); color:#fff; }
.footer-divider{ height:1px; background:rgba(255,255,255,.12); margin-top:44px; }
.footer-bottom{ text-align:center; padding:22px 16px; font-size:13px; color:#b9aca0; }
@media (max-width:820px){ .footer-cols{ grid-template-columns:1fr; gap:30px; } }

/* زر العودة للأعلى */
.back-to-top{
  position:fixed; bottom:24px; right:24px; width:48px; height:48px; border-radius:50%;
  background:var(--c-gold); color:#0B2238; border:none; font-size:22px; cursor:pointer;
  display:flex; align-items:center; justify-content:center; z-index:998;
  box-shadow:0 8px 20px rgba(0,0,0,.18);
  opacity:0; visibility:hidden; transform:translateY(20px) scale(.8);
  transition:opacity .35s, visibility .35s, transform .45s var(--ease-back), background .3s;
}
.back-to-top.is-visible{ opacity:1; visibility:visible; transform:none; }
.back-to-top:hover{ background:var(--c-oud); color:var(--c-gold); }
.back-to-top:hover .hlf-icon{ animation:hlfUp .6s var(--ease-out); }
@keyframes hlfUp{ 0%{ transform:translateY(0); } 50%{ transform:translateY(-6px); opacity:0; } 51%{ transform:translateY(6px); } 100%{ transform:none; opacity:1; } }

/* =====================================================
   شاشة التحميل — تركيب الشعار (أول زيارة فقط، أقل من ثانية)
===================================================== */
#hlf-preloader{
  position:fixed; inset:0; z-index:99999;
  background:radial-gradient(circle at 50% 45%, #fff 0%, var(--c-cream) 60%, var(--c-cream-2) 100%);
  display:flex; align-items:center; justify-content:center;
  clip-path:inset(0 0 0 0);
  transition:clip-path .6s cubic-bezier(.76,0,.24,1), visibility 0s linear .6s;
}
#hlf-preloader.is-hidden{ clip-path:inset(0 0 100% 0); visibility:hidden; }
#hlf-preloader.is-hidden .preloader-inner{ transform:translateY(-30px); opacity:0; }
.hlf-seen #hlf-preloader{ display:none; }
.preloader-inner{ text-align:center; padding:20px; transition:transform .45s var(--ease-out), opacity .3s ease; }
.preloader-mark{ height:150px; display:flex; justify-content:center; margin:0 auto 18px; }
.preloader-name{ font-family:var(--font-heading); font-size:24px; font-weight:700; color:var(--c-logo); animation:hlfTextIn .5s var(--ease-out) .35s both; }
.preloader-en{ font-family:var(--font-heading); font-size:11px; font-weight:600; letter-spacing:2.5px; text-transform:uppercase; color:var(--c-gold-d); margin:4px 0 18px; animation:hlfTextIn .5s var(--ease-out) .45s both; }
@keyframes hlfTextIn{ from{ opacity:0; transform:translateY(10px); } to{ opacity:1; transform:none; } }
.preloader-bar{ width:160px; height:2px; background:rgba(194,162,122,.2); margin:0 auto; overflow:hidden; border-radius:2px; }
.preloader-bar span{ display:block; height:100%; width:100%; background:linear-gradient(270deg,var(--c-gold),var(--c-logo)); transform-origin:right; transform:scaleX(0); animation:hlfBarFill .8s cubic-bezier(.65,0,.35,1) forwards; }
@keyframes hlfBarFill{ to{ transform:scaleX(1); } }

/* =====================================================
   10. زر واتساب العائم
===================================================== */
.whatsapp-float{
  position:fixed; bottom:24px; left:24px; background:#25D366; color:#fff;
  width:58px; height:58px; border-radius:50%; display:flex; align-items:center; justify-content:center;
  font-size:30px; box-shadow:0 8px 20px rgba(0,0,0,.25); z-index:999;
  animation:hlfPopIn .6s var(--ease-back) 1s backwards; transition:transform .35s var(--ease-back);
}
.whatsapp-float::before, .whatsapp-float::after{
  content:""; position:absolute; inset:0; border-radius:50%; border:2px solid #25D366;
  animation:hlfPing 2.4s var(--ease-out) 1.6s infinite; pointer-events:none;
}
.whatsapp-float::after{ animation-delay:2.4s; }
.whatsapp-float:hover{ transform:scale(1.1) rotate(-8deg); }
@keyframes hlfPopIn{ from{ transform:scale(0) rotate(-90deg); opacity:0; } to{ transform:none; opacity:1; } }
@keyframes hlfPing{ 0%{ transform:scale(1); opacity:.7; } 100%{ transform:scale(1.8); opacity:0; } }

/* =====================================================
   11. صفحات عامة / مقالات مفردة
===================================================== */
.entry-content{ max-width:820px; margin:56px auto; padding:0 24px; font-size:17px; }
.entry-content img{ border-radius:var(--radius); margin:20px 0; }
.entry-thumb{ border-radius:var(--radius); overflow:hidden; margin-bottom:28px; box-shadow:var(--shadow-md); }
.entry-thumb img{ margin:0; width:100%; }
.entry-content h2, .entry-content h3{ color:var(--c-oud); margin-top:1.4em; }
.entry-content a{ color:var(--c-zaytouni); text-decoration:underline; text-underline-offset:3px; }
.entry-content a.btn{ text-decoration:none; }
.entry-content blockquote{ margin:24px 0; padding:18px 22px; border-inline-start:4px solid var(--c-gold); background:var(--c-cream); border-radius:8px; }
.entry-back{ margin-top:44px; }
.hlf-pagination{ text-align:center; margin-top:44px; }
.hlf-pagination .nav-links{ display:inline-flex; gap:8px; flex-wrap:wrap; justify-content:center; }
.hlf-pagination .page-numbers{ min-width:42px; height:42px; padding:0 10px; display:inline-flex; align-items:center; justify-content:center; border:1px solid var(--c-divider); border-radius:10px; font-weight:700; transition:.25s; }
.hlf-pagination .page-numbers.current, .hlf-pagination a.page-numbers:hover{ background:var(--c-oud); color:#fff; border-color:var(--c-oud); }
.screen-reader-text{ position:absolute !important; width:1px; height:1px; overflow:hidden; clip:rect(1px,1px,1px,1px); }

/* =====================================================
   12. صفحة الخدمة
===================================================== */
.service-hero{ padding:76px 0 64px; }
.service-hero-grid{ display:grid; grid-template-columns:1.3fr .7fr; gap:44px; align-items:center; text-align:start; }
.service-icon-sm{
  display:inline-flex; width:54px; height:54px; border-radius:16px; align-items:center; justify-content:center;
  background:var(--c-oud); color:var(--c-gold); font-size:26px; margin-bottom:16px;
}
.service-hero-grid .service-icon-lg{
  width:180px; height:180px; border-radius:40px; margin:0 auto;
  background:linear-gradient(145deg,var(--c-oud-2),var(--c-oud)); color:var(--c-gold);
  display:flex; align-items:center; justify-content:center; font-size:84px;
  box-shadow:0 24px 50px rgba(11,34,56,.25); animation:hlfBob 5s ease-in-out infinite;
}
.service-hero-grid .service-icon-lg .hlf-icon{ stroke-width:1.25; }
.service-hero-grid h1{ color:var(--c-oud); font-size:clamp(26px,3.6vw,36px); }
.service-hero-grid p{ color:var(--c-text-light); font-size:16px; margin:0 0 26px; max-width:none; }
.service-hero-media img{ border-radius:var(--radius); width:100%; max-height:340px; object-fit:cover; box-shadow:var(--shadow-md); }
@media (max-width:820px){
  .service-hero-grid{ grid-template-columns:1fr; text-align:center; }
  .service-hero-grid .btn-group{ justify-content:center !important; }
  .service-hero-media{ order:-1; }
}

.service-block{ padding:64px 0; }
.service-block h2.block-title{ color:var(--c-oud); font-size:clamp(22px,3vw,28px); text-align:center; margin-bottom:12px; }
.service-nabdha p, .service-nabdha .nabdha-text, .service-nabdha .container > div:not(.gold-divider){ max-width:820px; margin:0 auto; text-align:center; color:var(--c-text); font-size:16px; }

.includes-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.includes-card{
  --rx:0deg; --ry:0deg;
  position:relative; background:var(--c-white); border:1px solid var(--c-divider); border-radius:var(--radius);
  padding:28px 24px; transition:transform .5s var(--ease-out), box-shadow .5s, border-color .4s, opacity .8s var(--ease-out);
}
.js .includes-card.reveal.is-visible{ transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry)); }
.includes-card:hover{ box-shadow:0 18px 34px rgba(11,34,56,.1); border-color:rgba(194,162,122,.55); }
.includes-card .icon{
  width:50px; height:50px; border-radius:14px; display:flex; align-items:center; justify-content:center;
  background:var(--c-cream-2); font-size:24px; color:var(--c-zaytouni); margin-bottom:14px;
  transition:transform .5s var(--ease-back), background .3s, color .3s;
}
.includes-card:hover .icon{ background:var(--c-zaytouni); color:#fff; transform:rotate(-10deg) scale(1.08); }
.includes-card h4{ color:var(--c-oud); font-size:17px; margin-bottom:8px; }
.includes-card p{ font-size:14px; color:var(--c-text-light); margin:0; }
@media (max-width:900px){ .includes-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){ .includes-grid{ grid-template-columns:1fr; } }

/* آلية العمل - Timeline */
.service-timeline{ max-width:760px; margin:0 auto; position:relative; }
.service-timeline::before{
  content:""; position:absolute; top:0; bottom:0; right:23px; width:2px;
  background:linear-gradient(var(--c-zaytouni),var(--c-gold));
  transform-origin:top; transition:transform 1.6s var(--ease-out);
}
.js .service-timeline:not(.is-visible)::before{ transform:scaleY(0); }
.timeline-step{ display:flex; gap:20px; align-items:flex-start; margin-bottom:30px; position:relative; }
.timeline-step .step-num{
  flex:0 0 48px; width:48px; height:48px; border-radius:50%; background:var(--c-zaytouni); color:var(--c-white);
  display:flex; align-items:center; justify-content:center; font-weight:800; font-family:var(--font-heading);
  font-size:18px; z-index:1; box-shadow:0 0 0 6px var(--c-cream);
  transition:transform .5s var(--ease-back), background .3s;
}
.section--white .timeline-step .step-num{ box-shadow:0 0 0 6px var(--c-white); }
.js .timeline-step.reveal .step-num{ transform:scale(0); }
.js .timeline-step.reveal.is-visible .step-num{ transform:scale(1); transition-delay:calc(var(--d,0ms) + .2s); }
.timeline-step:hover .step-num{ background:var(--c-oud); transform:scale(1.12) !important; }
.timeline-step p{
  margin:0; padding:10px 18px; flex:1; background:var(--c-white); border:1px solid var(--c-divider); border-radius:10px;
  transition:border-color .3s, transform .4s var(--ease-out), box-shadow .3s;
}
.timeline-step:hover p{ border-color:var(--c-gold); transform:translateX(-6px); box-shadow:var(--shadow-sm); }

.related-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.related-card{
  background:var(--c-white); border:1px solid var(--c-divider); border-radius:var(--radius);
  padding:26px 22px; text-align:center; transition:transform .45s var(--ease-out), border-color .3s, box-shadow .4s, opacity .8s var(--ease-out);
}
.related-card:hover, .js .related-card.reveal.is-visible:hover{ border-color:var(--c-gold); transform:translateY(-6px); box-shadow:var(--shadow-md); }
.related-card__icon{ display:inline-flex; width:52px; height:52px; border-radius:50%; align-items:center; justify-content:center; background:var(--c-cream-2); color:var(--c-zaytouni); font-size:24px; margin-bottom:12px; transition:transform .6s var(--ease-back); }
.related-card:hover .related-card__icon{ transform:rotateY(360deg); }
.related-card h4{ color:var(--c-oud); font-size:16px; margin-bottom:12px; }
.related-card a.btn{ padding:8px 18px; font-size:13px; }
@media (max-width:900px){ .related-grid{ grid-template-columns:1fr; } }

.service-cta{
  position:relative; overflow:hidden;
  background:linear-gradient(135deg,var(--c-oud),var(--c-oud-2) 60%,var(--c-oud)); background-size:200% 200%;
  animation:hlfGradient 10s ease infinite;
  color:var(--c-white); padding:70px 0; text-align:center;
}
.service-cta::before, .service-cta::after{
  content:""; position:absolute; border-radius:50%; border:1px solid rgba(194,162,122,.25); pointer-events:none;
}
.service-cta::before{ width:420px; height:420px; top:-220px; right:-120px; animation:hlfFloat 12s ease-in-out infinite; }
.service-cta::after{ width:300px; height:300px; bottom:-170px; left:-80px; animation:hlfFloat 15s ease-in-out infinite reverse; }
.service-cta .container{ position:relative; z-index:1; }
.service-cta h2{ color:var(--c-white); font-size:clamp(22px,3vw,28px); }
.service-cta p{ max-width:680px; margin:0 auto 28px; color:#e9dfe4; }
@keyframes hlfGradient{ 0%,100%{ background-position:0% 50%; } 50%{ background-position:100% 50%; } }

/* =====================================================
   13. صفحة من نحن
===================================================== */
.values-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.value-chip{
  background:var(--c-cream); border:1px solid var(--c-divider); border-radius:var(--radius);
  padding:24px 18px; text-align:center; font-weight:700; color:var(--c-oud); font-size:15px;
  display:flex; flex-direction:column; align-items:center; gap:12px;
  transition:transform .45s var(--ease-out), box-shadow .4s, background .3s, color .3s, opacity .8s var(--ease-out);
}
.value-chip__icon{ width:50px; height:50px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:var(--c-white); color:var(--c-gold); font-size:22px; transition:transform .6s var(--ease-back); }
.value-chip:hover, .js .value-chip.reveal.is-visible:hover{ background:var(--c-oud); color:var(--c-white); transform:translateY(-6px); box-shadow:var(--shadow-md); }
.value-chip:hover .value-chip__icon{ transform:rotateY(180deg); background:rgba(255,255,255,.08); }
@media (max-width:900px){ .values-grid{ grid-template-columns:repeat(2,1fr); } }
.sectors-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.sector-chip{
  display:flex; align-items:center; justify-content:center; gap:10px;
  background:var(--c-white); border:1px solid var(--c-divider); border-radius:40px;
  padding:14px 12px; text-align:center; font-size:14px; color:var(--c-text); font-weight:600;
  transition:border-color .3s, color .3s, transform .4s var(--ease-out), opacity .8s var(--ease-out);
}
.sector-chip .hlf-icon{ color:var(--c-gold); font-size:18px; transition:transform .5s var(--ease-back); }
.sector-chip:hover, .js .sector-chip.reveal.is-visible:hover{ border-color:var(--c-zaytouni); color:var(--c-oud); transform:scale(1.04); }
.sector-chip:hover .hlf-icon{ transform:scale(1.25) rotate(-10deg); }
@media (max-width:900px){ .sectors-grid{ grid-template-columns:repeat(2,1fr); } }
.vision-mission-grid{ display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.vm-card{ --rx:0deg; --ry:0deg; position:relative; border-radius:var(--radius); padding:34px 30px; overflow:hidden; transition:transform .5s var(--ease-out), box-shadow .5s, opacity .8s var(--ease-out); }
.js .vm-card.reveal.is-visible{ transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry)); }
.vm-card:hover{ box-shadow:var(--shadow-md); }
.vm-card.vision{ background:var(--c-cream-2); border:1px solid var(--c-divider); }
.vm-card.mission{ background:var(--c-cream); border:1px solid var(--c-divider); }
.vm-card__icon{ display:inline-flex; width:54px; height:54px; border-radius:16px; align-items:center; justify-content:center; background:var(--c-oud); color:var(--c-gold); font-size:24px; margin-bottom:16px; transition:transform .5s var(--ease-back); }
.vm-card:hover .vm-card__icon{ transform:rotate(-10deg) scale(1.08); }
.vm-card h3{ color:var(--c-oud); }
@media (max-width:820px){ .vision-mission-grid{ grid-template-columns:1fr; } }

/* =====================================================
   14. صفحة تواصل معنا / الحجز
===================================================== */
.contact-cards{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.contact-cards--3{ grid-template-columns:repeat(3,1fr); }
.contact-card{
  background:var(--c-white); border:1px solid var(--c-divider); border-radius:var(--radius);
  padding:28px 18px; text-align:center;
  transition:transform .45s var(--ease-out), box-shadow .4s, border-color .3s, opacity .8s var(--ease-out);
}
.contact-card:hover, .js .contact-card.reveal.is-visible:hover{ transform:translateY(-6px); box-shadow:var(--shadow-md); border-color:rgba(194,162,122,.55); }
.contact-card .icon{
  width:58px; height:58px; margin:0 auto 14px; border-radius:50%; display:flex; align-items:center; justify-content:center;
  font-size:26px; color:var(--c-zaytouni); background:var(--c-cream-2); position:relative;
  transition:transform .55s var(--ease-back), background .3s, color .3s;
}
.contact-card .icon::after{ content:""; position:absolute; inset:-5px; border-radius:50%; border:1px dashed rgba(194,162,122,.6); opacity:0; transition:opacity .3s; animation:hlfSpin 10s linear infinite; }
.contact-card:hover .icon{ background:var(--c-oud); color:var(--c-gold); transform:scale(1.08); }
.contact-card:hover .icon::after{ opacity:1; }
.contact-card h4{ color:var(--c-oud); font-size:16px; margin-bottom:6px; }
.contact-card a.small-link{ font-size:13px; color:var(--c-zaytouni); font-weight:700; }
.contact-card a.small-link:hover{ color:var(--c-oud); }
@media (max-width:900px){ .contact-cards, .contact-cards--3{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){ .contact-cards, .contact-cards--3{ grid-template-columns:1fr; } }

.form-card{
  background:var(--c-white); border:1px solid var(--c-divider); border-radius:var(--radius);
  padding:44px; max-width:780px; margin:0 auto; box-shadow:var(--shadow-sm);
}
.form-section-title{ display:flex; align-items:center; gap:10px; color:var(--c-oud); font-size:18px; margin:28px 0 18px; }
form > .form-section-title:first-of-type{ margin-top:0; }
.form-section-title .hlf-icon{ color:var(--c-gold); font-size:22px; }
.form-row{ display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-bottom:18px; }
.form-row.full{ grid-template-columns:1fr; }
.form-field label{ display:block; font-size:14px; font-weight:700; color:var(--c-oud); margin-bottom:8px; }
.form-field input, .form-field select, .form-field textarea{
  width:100%; padding:13px 16px; border:1px solid var(--c-divider); border-radius:10px;
  font-family:var(--font-body); font-size:15px; background:var(--c-cream); color:var(--c-text);
  transition:border-color .3s, background .3s, box-shadow .3s;
}
.form-field input:focus, .form-field select:focus, .form-field textarea:focus{
  outline:none; border-color:var(--c-zaytouni); background:var(--c-white); box-shadow:0 0 0 4px rgba(62,107,135,.12);
}
.form-field textarea{ min-height:130px; resize:vertical; }
.form-submit{ text-align:center; margin-top:10px; }
.form-submit .btn{ width:100%; justify-content:center; padding:15px 30px; }
.file-drop{
  display:flex !important; flex-direction:column; align-items:center; gap:8px; padding:26px 16px; cursor:pointer;
  border:2px dashed var(--c-divider); border-radius:12px; background:var(--c-cream); color:var(--c-text-light) !important;
  font-weight:600 !important; text-align:center; transition:border-color .3s, background .3s;
}
.file-drop .hlf-icon{ font-size:30px; color:var(--c-gold); transition:transform .4s var(--ease-back); }
.file-drop:hover, .file-drop.is-drag{ border-color:var(--c-gold); background:var(--c-cream-2); }
.file-drop:hover .hlf-icon{ transform:translateY(-4px); }
.file-drop.has-file{ border-style:solid; border-color:var(--c-zaytouni); color:var(--c-oud) !important; }
.file-drop input{ position:absolute; width:1px; height:1px; opacity:0; }
@media (max-width:640px){ .form-row{ grid-template-columns:1fr; } .form-card{ padding:26px 18px; } }

.form-success{
  max-width:640px; margin:0 auto; text-align:center; background:var(--c-cream-2);
  border:1px solid var(--c-divider); border-radius:var(--radius); padding:44px 30px;
}
.form-success__icon{ display:inline-flex; width:76px; height:76px; border-radius:50%; align-items:center; justify-content:center; background:var(--c-zaytouni); color:#fff; font-size:38px; margin-bottom:18px; animation:hlfPopIn .7s var(--ease-back) .3s both; }
.form-success h2{ color:var(--c-oud); }

.hours-card{
  background:var(--c-cream-2); border:1px solid var(--c-divider); border-radius:var(--radius);
  padding:22px 28px; max-width:420px; margin:0 auto 40px; text-align:center;
}
.hours-card h4{ color:var(--c-oud); margin-bottom:6px; }

/* =====================================================
   15. صفحة المدونة
===================================================== */
.blog-search{ position:relative; max-width:480px; margin:0 auto 26px; }
.blog-search .hlf-icon{ position:absolute; top:50%; right:18px; transform:translateY(-50%); color:var(--c-gold); font-size:18px; pointer-events:none; }
.blog-search input{
  width:100%; padding:14px 48px 14px 20px; border-radius:30px; border:1px solid var(--c-divider);
  font-family:var(--font-body); font-size:15px; background:var(--c-white); transition:border-color .3s, box-shadow .3s;
}
.blog-search input:focus{ outline:none; border-color:var(--c-zaytouni); box-shadow:0 0 0 4px rgba(62,107,135,.12); }
.blog-tabs{ display:flex; justify-content:center; gap:12px; flex-wrap:wrap; margin-bottom:40px; }
.blog-tab{
  padding:9px 22px; border-radius:30px; border:1px solid var(--c-divider); font-family:var(--font-body); font-size:14px;
  font-weight:700; color:var(--c-text); cursor:pointer; background:var(--c-white); transition:.3s var(--ease-out);
}
.blog-tab.is-active, .blog-tab:hover{ background:var(--c-oud); color:var(--c-white); border-color:var(--c-oud); transform:translateY(-2px); }
.blog-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:26px; }
.blog-card{
  background:var(--c-white); border:1px solid var(--c-divider); border-radius:var(--radius); overflow:hidden;
  transition:transform .45s var(--ease-out), box-shadow .45s, border-color .3s, opacity .8s var(--ease-out);
}
.blog-card:hover, .js .blog-card.reveal.is-visible:hover{ transform:translateY(-6px); box-shadow:var(--shadow-md); border-color:rgba(194,162,122,.55); }
.blog-card[hidden]{ display:none; }
.blog-card.is-filtered-in{ animation:hlfFadeUp .5s var(--ease-out) backwards; }
.blog-thumb{ height:180px; }
.blog-card .blog-body{ padding:20px; }
.blog-card .blog-cat{ display:inline-block; background:var(--c-cream-2); color:var(--c-zaytouni); font-size:12px; font-weight:700; padding:3px 12px; border-radius:20px; }
.blog-card h3{ color:var(--c-oud); font-size:17px; margin:10px 0 8px; transition:color .3s; }
.blog-card:hover h3{ color:var(--c-zaytouni); }
.blog-card p{ color:var(--c-text-light); font-size:14px; }
.blog-card .blog-date{ font-size:12px; color:var(--c-text-light); margin-top:10px; display:inline-flex; align-items:center; gap:6px; }
.blog-card .blog-date .hlf-icon{ color:var(--c-gold); }
.blog-empty{ text-align:center; color:var(--c-text-light); grid-column:1/-1; }
.blog-featured{
  position:relative; overflow:hidden;
  background:var(--c-cream-2); border:1px solid var(--c-divider); border-radius:var(--radius);
  padding:28px; margin-bottom:40px; display:flex; align-items:center; gap:16px; flex-wrap:wrap; justify-content:space-between;
}
.blog-featured::before{ content:""; position:absolute; top:0; bottom:0; right:0; width:4px; background:linear-gradient(var(--c-gold),var(--c-zaytouni)); }
.blog-featured .badge{ display:inline-flex; align-items:center; gap:6px; background:var(--c-zaytouni); color:#fff; font-size:12px; padding:4px 12px; border-radius:20px; }
.blog-featured .badge .hlf-icon{ animation:hlfTwinkle 2s ease-in-out infinite; }
@keyframes hlfTwinkle{ 0%,100%{ transform:scale(1) rotate(0); } 50%{ transform:scale(1.25) rotate(15deg); } }
@media (max-width:1000px){ .blog-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:600px){ .blog-grid{ grid-template-columns:1fr; } }

/* =====================================================
   16. استجابة عامة للجوال
===================================================== */
@media (max-width:640px){
  .section{ padding:64px 0; }
  .service-block{ padding:52px 0; }
  .hero{ padding:90px 0 100px; }
  .hero-scale{ font-size:160px; left:-20px; }
  .btn{ padding:12px 24px; }
  .whatsapp-float{ width:52px; height:52px; font-size:26px; bottom:18px; left:18px; }
  .back-to-top{ bottom:18px; right:18px; }
}

/* =====================================================
   17. الإصدار 4: هيرو الصفحات الداخلية (غامق بألوان المكتب)
===================================================== */
.page-hero{
  position:relative; overflow:hidden; isolation:isolate; text-align:center; color:#F3ECDD;
  background:linear-gradient(150deg,var(--c-logo) 0%,var(--c-oud) 55%,#071726 100%);
  padding:80px 0 70px;
}
.page-hero::before{ content:""; position:absolute; inset:-84px; z-index:-1; background:var(--pattern); opacity:.1; animation:hlfDrift 40s linear infinite; }
.page-hero::after{ content:""; position:absolute; right:0; left:0; bottom:0; height:3px; background:linear-gradient(90deg,transparent,var(--c-gold) 20%,var(--c-gold) 80%,transparent); }
.page-hero .container{ position:relative; z-index:1; }
.page-hero h1{ color:#fff; font-size:clamp(30px,4.4vw,46px); margin-bottom:12px; }
.page-hero p{ color:#E2D6C6; max-width:700px; margin:0 auto 26px; font-size:17px; }
.page-hero .gold-divider{ margin-bottom:0; }
.page-hero .hero-kicker{ display:inline-flex; align-items:center; gap:8px; padding:6px 16px; margin-bottom:16px; border:1px solid rgba(220,201,168,.5); border-radius:30px; color:var(--c-gold-light); font-size:14px; font-weight:700; }
.page-hero .post-meta{ display:inline-flex; align-items:center; gap:8px; font-size:15px; margin:0; }
.page-hero .post-meta .hlf-icon{ color:var(--c-gold); }
.page-hero .btn-outline{ border-color:rgba(255,255,255,.8); color:#fff; }
.page-hero .btn-outline:hover{ background:#fff; color:var(--c-oud); }
.page-hero .btn-primary{ background:linear-gradient(135deg,var(--c-gold-light),var(--c-gold)); color:#0B2238; }
.page-hero .contact-card{ background:rgba(255,255,255,.07); border-color:rgba(220,201,168,.35); color:#F3ECDD; }
.page-hero .contact-card h4{ color:var(--c-gold-light); }
.page-hero .contact-card p{ color:#D9CCBC !important; }
.page-hero .contact-card .icon{ background:linear-gradient(135deg,var(--c-gold-light),var(--c-gold)); color:var(--c-oud); }
.page-hero-orbs{ display:none; }

/* صفحة الخدمة */
.service-hero-grid{ text-align:start; }
.service-hero-grid h1{ color:#fff; }
.service-hero-grid p{ color:#E2D6C6; margin-right:0; }
.service-icon-sm{ background:linear-gradient(135deg,var(--c-gold-light),var(--c-gold)); color:var(--c-oud); }
.service-hero-grid .service-icon-lg{ background:rgba(255,255,255,.06); border:1px solid rgba(220,201,168,.45); color:var(--c-gold-light); box-shadow:0 0 0 14px rgba(255,255,255,.03), 0 24px 50px rgba(0,0,0,.3); }

/* الفوتر */
.footer-logo-wrap .hlf-logo--v .hlf-logo__mark{ height:110px; }
.footer-logo-wrap .hlf-logo--v .hlf-logo__name{ font-size:28px; }

/* =====================================================
   18. الإصدار 4: ألوان البطاقات والأيقونات (بدل الأبيض)
===================================================== */
/* ماذا تشمل الخدمة */
.includes-card{ background:linear-gradient(180deg,#fff,var(--c-cream)); border:1px solid var(--c-divider); border-top:3px solid var(--c-gold); border-radius:18px; }
.includes-card:nth-child(3n+2){ border-top-color:var(--c-zaytouni); }
.includes-card:nth-child(3n+3){ border-top-color:var(--c-logo); }
.includes-card .icon{ width:56px; height:56px; border-radius:16px; background:linear-gradient(135deg,var(--c-logo),var(--c-oud)); color:var(--c-gold-light); font-size:26px; box-shadow:0 8px 18px rgba(17,53,85,.2); }
.includes-card:nth-child(3n+2) .icon{ background:linear-gradient(135deg,#4F7E9A,var(--c-zaytouni-d)); color:#fff; }
.includes-card:nth-child(3n+3) .icon{ background:linear-gradient(135deg,#CDAF86,var(--c-gold-d)); color:#fff; }
.includes-card:hover .icon{ transform:rotate(-10deg) scale(1.08); }
/* بطاقات على خلفية غامقة (لماذا هذه الخدمة مهمة) */
.section--dark .includes-card{ background:rgba(255,255,255,.05); border-color:rgba(220,201,168,.3); border-top-color:var(--c-gold); }
.section--dark .includes-card h4{ color:var(--c-gold-light); }
.section--dark .includes-card p{ color:#D9CCBC; }
.section--dark .includes-card .icon{ background:linear-gradient(135deg,var(--c-gold-light),var(--c-gold)); color:var(--c-oud); }

/* مراحل تقديم الخدمة على الخلفية الزيتونية */
.timeline-step .step-num{ background:linear-gradient(135deg,var(--c-logo),var(--c-oud)); box-shadow:0 0 0 6px var(--c-olive-tint); }
.timeline-step:nth-child(even) .step-num{ background:linear-gradient(135deg,#4F7E9A,var(--c-zaytouni-d)); }
.section--cream .timeline-step .step-num{ box-shadow:0 0 0 6px var(--c-cream); }
.timeline-step p{ background:#fff; border-color:transparent; box-shadow:var(--shadow-sm); }

/* الخدمات ذات الصلة */
.related-card{ border-radius:18px; background:linear-gradient(180deg,#fff,var(--c-cream)); }
.related-card__icon{ width:60px; height:60px; background:linear-gradient(135deg,var(--c-logo),var(--c-oud)); color:var(--c-gold-light); font-size:26px; }

/* بطاقات التواصل */
.contact-card{ border-radius:18px; background:linear-gradient(180deg,#fff,var(--c-cream)); border-bottom:3px solid var(--c-gold); }
.contact-card .icon{ width:64px; height:64px; font-size:28px; background:linear-gradient(135deg,var(--c-logo),var(--c-oud)); color:var(--c-gold-light); box-shadow:0 10px 20px rgba(17,53,85,.2); }
.contact-card:nth-child(2) .icon{ background:linear-gradient(135deg,#2BD46A,#1DA851); color:#fff; }
.contact-card:nth-child(3) .icon{ background:linear-gradient(135deg,#4F7E9A,var(--c-zaytouni-d)); color:#fff; }
.contact-card:nth-child(4) .icon{ background:linear-gradient(135deg,#CDAF86,var(--c-gold-d)); color:#fff; }
.contact-card:hover .icon{ transform:scale(1.08) rotate(-6deg); }

/* القيم (على الخلفية الغامقة) */
.section--dark .value-chip{ background:rgba(255,255,255,.05); border-color:rgba(220,201,168,.3); color:#F3ECDD; }
.section--dark .value-chip__icon{ background:linear-gradient(135deg,var(--c-gold-light),var(--c-gold)); color:var(--c-oud); }
.section--dark .value-chip:hover{ background:rgba(255,255,255,.1); border-color:var(--c-gold); color:#fff; }
.value-chip__icon{ animation:hlfBob 4s ease-in-out infinite; }
.value-chip:nth-child(2n) .value-chip__icon{ animation-delay:-2s; }

/* القطاعات (على الخلفية الزيتونية) */
.sector-chip{ background:#fff; border-color:transparent; box-shadow:var(--shadow-sm); }
.sector-chip .hlf-icon{ width:30px; height:30px; padding:6px; border-radius:50%; background:var(--c-zaytouni); color:#fff; box-sizing:border-box; }
.sector-chip:nth-child(3n+2) .hlf-icon{ background:var(--c-logo); color:var(--c-gold-light); }
.sector-chip:nth-child(3n+3) .hlf-icon{ background:var(--c-gold); color:#fff; }

/* الرؤية والرسالة (صفحة من نحن) */
.vm-card{ color:#F6EFE2; }
.vm-card::before{ content:""; position:absolute; inset:0; background:var(--pattern); opacity:.12; }
.vm-card > *{ position:relative; }
.vm-card.vision{ background:linear-gradient(155deg,var(--c-logo),var(--c-oud)); border:none; }
.vm-card.mission{ background:linear-gradient(155deg,#4F7E9A,var(--c-zaytouni-d)); border:none; }
.vm-card h3{ color:#fff; font-size:26px; }
.vm-card p{ color:rgba(255,255,255,.9); }
.vm-card__icon{ background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.3); color:#fff; animation:hlfBob 4s ease-in-out infinite; }

/* المقالات (على الخلفية الزيتونية) */
.article-card{ border:none; box-shadow:var(--shadow-sm); border-radius:18px; }
.article-thumb, .blog-thumb{ background:linear-gradient(150deg,var(--c-logo),var(--c-oud)); position:relative; }
.article-thumb__ph{ color:var(--c-gold-light); opacity:1; }
.blog-card{ border-radius:18px; border-bottom:3px solid var(--c-gold); }
.blog-card .blog-cat{ background:var(--c-zaytouni); color:#fff; }
.blog-featured{ background:linear-gradient(150deg,var(--c-logo),var(--c-oud)); border:none; color:#F3ECDD; }
.blog-featured h3{ color:#fff !important; }
.blog-featured p{ color:#E2D6C6 !important; }
.blog-featured .btn-outline{ border-color:rgba(255,255,255,.8); color:#fff; }
.blog-featured .btn-outline:hover{ background:#fff; color:var(--c-oud); }
.blog-tab.is-active, .blog-tab:hover{ background:var(--c-logo); border-color:var(--c-logo); }

/* النماذج */
.form-card{ border:none; border-top:4px solid var(--c-logo); box-shadow:var(--shadow-md); border-radius:20px; }
.form-section-title .hlf-icon{ width:38px; height:38px; padding:8px; border-radius:12px; background:linear-gradient(135deg,var(--c-logo),var(--c-oud)); color:var(--c-gold-light); box-sizing:border-box; }
.form-field input, .form-field select, .form-field textarea{ background:#fff; }
.form-success{ background:#fff; border-top:4px solid var(--c-zaytouni); box-shadow:var(--shadow-md); }

/* الشركاء */
.partners-grid img{ filter:none; opacity:.9; }

/* أيقونات تتحرك بلطف حتى لا يكون الموقع جامدًا */
.service-icon-sm, .related-card__icon{ animation:hlfBob 4.5s ease-in-out infinite; }
.whatsapp-float{ background:linear-gradient(135deg,#2BD46A,#1DA851); }
.back-to-top{ background:linear-gradient(135deg,var(--c-logo),var(--c-oud)); color:var(--c-gold-light); }
.back-to-top:hover{ background:var(--c-gold); color:var(--c-oud); }

/* المحتوى العام */
.entry-content{ background:#fff; border-radius:20px; box-shadow:var(--shadow-sm); padding:40px; margin-top:-30px; position:relative; z-index:2; }
@media (max-width:640px){ .entry-content{ padding:24px 18px; margin-top:-20px; } }

@media (max-width:640px){
  .hero{ padding:40px 0 56px; }
  .hero-ring--3{ display:none; }
  .marquee__item{ font-size:14px; }
}

/* =====================================================
   الجدعان: هيدر كحلي (يناسب الشعار الرملي)
===================================================== */
.site-header{ background:linear-gradient(90deg,#0B2238,#113555 60%,#0B2238); border-bottom:none; }
.site-header::after{ opacity:.9; }
.site-header.is-scrolled{ box-shadow:0 10px 26px rgba(7,23,38,.35); }
.main-navigation a{ color:#E9E2D4; }
.main-navigation a:hover{ color:#fff; background:rgba(255,255,255,.07); }
.main-navigation .current-menu-item > a{ color:var(--c-gold-light); }
.hc-icon{ background:rgba(255,255,255,.07); color:var(--c-gold-light); border-color:rgba(220,201,168,.3); }
.hc-icon:hover{ background:var(--c-gold); color:var(--c-oud); }
.hc-icon--wa{ color:#4BE08A; }
.menu-toggle{ background:var(--c-gold); color:var(--c-oud); }

/* الشعار */
.hlf-logo{ color:#F3EEE4; }
.hlf-logo__mark{ height:58px; }
.hlf-logo__name{ color:#F3EEE4; font-size:21px; margin:0; }
.hlf-logo__top{ color:var(--c-gold-light); font-size:12px; }
.hlf-logo__en{ color:var(--c-gold); font-size:10px; letter-spacing:1.4px; margin-top:2px; }
.hlf-logo--has-img.hlf-logo--h .hlf-logo__mark{ height:60px; }
.hlf-mark--img img{ display:block; height:100%; width:auto; max-width:260px; object-fit:contain; }
.hlf-mark--emblem{
  display:flex !important; align-items:center; justify-content:center; aspect-ratio:1; height:100%; width:auto;
  border-radius:50%; border:1.5px solid var(--c-gold); color:var(--c-gold-light); font-size:0;
  background:radial-gradient(circle,rgba(220,201,168,.12),transparent 70%);
}
.hlf-mark--emblem .hlf-icon{ width:58%; height:58%; stroke-width:1.4; }
.site-header.is-scrolled .hlf-logo__mark{ height:50px; }
.lang-switch{
  display:inline-flex; align-items:center; gap:6px; height:40px; padding:0 14px; border-radius:30px;
  border:1px solid rgba(220,201,168,.45); color:var(--c-gold-light); font-weight:700; font-size:14px; font-family:var(--font-heading);
  transition:background .25s, color .25s, transform .3s var(--ease-back);
}
.lang-switch .hlf-icon{ font-size:17px; }
.lang-switch:hover{ background:var(--c-gold); color:var(--c-oud); transform:translateY(-2px); }
.lang-switch--mobile{ display:none; }
.lang-switch--footer{ height:34px; font-size:13px; }
.lang-switch--drawer{ height:36px; margin-top:4px; }
@media (max-width:980px){ .lang-switch--mobile{ display:inline-flex; margin-inline-start:auto; height:40px; } .menu-toggle{ margin-inline-start:8px; } }

/* القائمة الجانبية والتحميل بالكحلي */
.nav-drawer{ background:linear-gradient(170deg,#113555,#0B2238); color:#E9E2D4; }
.drawer-logo{ border-color:rgba(220,201,168,.2); }
.drawer-nav a{ border-color:rgba(220,201,168,.18); color:#E9E2D4; }
.drawer-nav a:hover, .drawer-nav .current-menu-item > a{ color:var(--c-gold-light); }
.drawer-close{ background:rgba(255,255,255,.08); color:var(--c-gold-light); }
.drawer-contact{ background:rgba(255,255,255,.06); border:1px solid rgba(220,201,168,.25); }
#hlf-preloader{ background:radial-gradient(circle at 50% 45%, #1B4A72 0%, #113555 45%, #071726 100%); }
.preloader-mark{ height:130px; }
.preloader-name{ color:#F3EEE4; }
.preloader-en{ color:var(--c-gold); }
.preloader-bar{ background:rgba(220,201,168,.2); }
.preloader-bar span{ background:linear-gradient(270deg,var(--c-gold-light),var(--c-gold)); }
.is-assemble.hlf-mark--img, .is-assemble.hlf-mark--emblem{ animation:hlfLogoIn .8s var(--ease-back) .05s backwards; }
@keyframes hlfLogoIn{ from{ opacity:0; transform:scale(.6); filter:blur(8px); } to{ opacity:1; transform:none; filter:none; } }
.js:not(.hlf-seen):not(.is-loaded) .hero .is-assemble{ animation-play-state:paused; }

/* =====================================================
   الهيرو الكحلي
===================================================== */
.hero--dark{ background:radial-gradient(ellipse at 50% 38%, #1B4A72 0%, #113555 40%, #0B2238 75%, #071726 100%); color:#F3EEE4; }
.hero--dark .hero-pattern{ opacity:.13; }
.hero--dark .hero-orb--1{ background:radial-gradient(circle,rgba(220,201,168,.16),transparent 65%); }
.hero--dark .hero-orb--2{ background:radial-gradient(circle,rgba(62,107,135,.35),transparent 65%); }
.hero--dark .hero-logo__glow{ background:radial-gradient(circle,rgba(220,201,168,.18),rgba(220,201,168,0) 65%); }
.hero--dark .hero-ring{ border-color:rgba(220,201,168,.4); }
.hero--dark .hero-ring--2{ border-color:rgba(220,201,168,.2); }
.hero--dark .hero-ring--3{ border-color:rgba(220,201,168,.1); }
.hero--dark .hero-ring--1::before{ background:var(--c-gold-light); }
.hero-logo .hero-mark{ height:100%; }
.hero-logo--img{ height:clamp(130px,22vh,210px); }
.hero-logo--img .hlf-mark--img img{ max-width:min(520px,80vw); }
.hero--dark .hero-name__main{ color:#fff; font-size:clamp(36px,5.6vw,64px); }
.hero--dark .hero-name__top{ color:var(--c-gold-light); margin-top:2px; }
.hero--dark .hero-name__en{ color:var(--c-gold); }
.hero--dark .hero-sep{ color:var(--c-gold); }
.hero--dark .hero-tagline{ color:#F3EEE4; font-size:clamp(20px,2.4vw,28px); max-width:820px; }
.hero--dark .hero-sub{ color:#C9D3DC; }
.hero--dark .hero-spark{ background:var(--c-gold-light); }
.hero--dark .hero-spark:nth-child(3n){ background:#7FA6C2; }
.hero--dark .hero-spark:nth-child(4n){ background:#fff; }
.hero--dark::after{ background:linear-gradient(90deg,transparent,var(--c-gold) 20%,var(--c-gold) 80%,transparent); }
.btn-gold{ box-shadow:0 10px 24px rgba(194,162,122,.25); }
.marquee{ background:linear-gradient(90deg,#071726,#113555,#071726); }
.marquee::before{ background:linear-gradient(270deg,#071726,transparent); }
.marquee::after{ background:linear-gradient(90deg,#071726,transparent); }

/* =====================================================
   مجالات الخدمات القانونية (المجالان الرئيسيان)
===================================================== */
.domains-grid{ display:grid; grid-template-columns:1fr 1fr; gap:26px; }
.domain-card{
  position:relative; overflow:hidden; isolation:isolate; border-radius:24px; padding:42px 38px 36px; color:#EEF2F5;
  transition:transform .4s var(--ease-out), box-shadow .4s, opacity .55s var(--ease-out);
}
.domain-card::before{ content:""; position:absolute; inset:-84px; z-index:-1; background:var(--pattern); opacity:.12; transition:transform 8s linear; }
.domain-card:hover::before{ transform:translate(84px,84px); }
.domain-card--a{ background:linear-gradient(150deg,#1B4A72,#0B2238); }
.domain-card--b{ background:linear-gradient(150deg,#4F7E9A,#2C5470); }
.domain-card:hover, .js .domain-card.reveal.is-visible:hover{ transform:translateY(-8px); box-shadow:0 26px 50px rgba(11,34,56,.3); }
.domain-card__num{ position:absolute; top:18px; inset-inline-end:26px; font-family:var(--font-heading); font-size:64px; font-weight:700; color:rgba(255,255,255,.08); line-height:1; }
.domain-card__icon{ width:70px; height:70px; border-radius:20px; display:flex; align-items:center; justify-content:center; font-size:32px; background:linear-gradient(135deg,var(--c-gold-light),var(--c-gold)); color:var(--c-oud); margin-bottom:22px; box-shadow:0 12px 24px rgba(0,0,0,.25); animation:hlfBob 4.5s ease-in-out infinite; }
.domain-card h3{ color:#fff; font-size:clamp(22px,2.4vw,28px); }
.domain-card p{ color:#D7E0E7; font-size:16.5px; }
.domain-card ul{ display:flex; flex-wrap:wrap; gap:8px; margin-top:18px; }
.domain-card li{ padding:6px 14px; border-radius:30px; background:rgba(255,255,255,.1); border:1px solid rgba(220,201,168,.35); color:var(--c-gold-light); font-size:14px; font-weight:700; }
@media (max-width:860px){ .domains-grid{ grid-template-columns:1fr; } }

/* بطاقات الخدمات بالألوان الجديدة */
.service-card--olive{ --tone1:#4F7E9A; --tone2:#2C5470; --ic:#F3EEE4; }
.service-card--gold{ --tone1:#CDAF86; --tone2:#957852; --ic:#fff; }

/* =====================================================
   الجوائز
===================================================== */
.awards-grid{ display:grid; grid-template-columns:repeat(5,1fr); gap:18px; }
.award-badge{
  position:relative; background:#fff; border-radius:20px; padding:28px 16px 24px; text-align:center; box-shadow:var(--shadow-sm);
  border-bottom:3px solid var(--c-gold); display:flex; flex-direction:column; align-items:center; gap:6px;
  transition:transform .4s var(--ease-out), box-shadow .4s, opacity .55s var(--ease-out);
}
.award-badge:hover, .js .award-badge.reveal.is-visible:hover{ transform:translateY(-6px); box-shadow:var(--shadow-md); }
.award-badge__laurel{ width:62px; height:62px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:28px; background:linear-gradient(135deg,#1B4A72,#0B2238); color:var(--c-gold-light); margin-bottom:8px; box-shadow:0 0 0 6px rgba(194,162,122,.18); transition:transform .6s var(--ease-back); }
.award-badge:hover .award-badge__laurel{ transform:rotateY(360deg); }
.award-badge strong{ font-family:var(--font-heading); font-size:20px; color:var(--c-oud); }
.award-badge > span:not(.award-badge__laurel){ font-size:12.5px; color:var(--c-text-light); }
.award-badge .award-badge__laurel{ font-size:28px; color:var(--c-gold-light); }
@media (max-width:1000px){ .awards-grid{ grid-template-columns:repeat(3,1fr); } }
@media (max-width:560px){ .awards-grid{ grid-template-columns:repeat(2,1fr); } }

/* =====================================================
   فريق العمل
===================================================== */
.team-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
.team-grid--full{ grid-template-columns:repeat(2,1fr); }
.team-card{
  position:relative; background:#fff; border-radius:22px; padding:30px 24px 26px; text-align:center; box-shadow:var(--shadow-sm);
  border-top:4px solid var(--c-logo); display:flex; flex-direction:column; align-items:center;
  transition:transform .4s var(--ease-out), box-shadow .4s, opacity .55s var(--ease-out);
}
.team-card:nth-child(even){ border-top-color:var(--c-gold); }
.team-card:hover, .js .team-card.reveal.is-visible:hover{ transform:translateY(-6px); box-shadow:var(--shadow-md); }
.team-card__photo{ position:relative; width:120px; height:120px; margin-bottom:18px; }
.team-card__photo img{ width:100%; height:100%; object-fit:cover; border-radius:50%; clip-path:none !important; transform:none !important; }
.team-card__initials{
  width:100%; height:100%; border-radius:50%; display:flex; align-items:center; justify-content:center;
  background:linear-gradient(145deg,#1B4A72,#0B2238); color:var(--c-gold-light); font-family:var(--font-heading); font-size:38px; font-weight:700;
}
.team-card__ring{ position:absolute; inset:-8px; border-radius:50%; border:1.5px dashed rgba(194,162,122,.7); animation:hlfRotPlain 22s linear infinite; }
.team-card h3{ font-size:20px; color:var(--c-oud); margin-bottom:4px; }
.team-card__role{ display:inline-block; font-weight:700; font-size:14px; color:var(--c-gold-d); margin-bottom:12px; }
.team-card__tags{ display:flex; flex-wrap:wrap; justify-content:center; gap:6px; margin-bottom:14px; }
.team-card__tags li{ font-size:12.5px; padding:4px 11px; border-radius:20px; background:var(--c-olive-tint); color:var(--c-zaytouni-d); font-weight:700; }
.team-card__bio{ font-size:15px; color:var(--c-text-light); margin:0 0 12px; }
.team-card__edu{ width:100%; text-align:start; background:var(--c-cream); border-radius:14px; padding:14px 16px; margin-bottom:14px; }
.team-card__edu strong{ display:flex; align-items:center; gap:8px; color:var(--c-oud); font-size:15px; margin-bottom:6px; }
.team-card__edu strong .hlf-icon{ color:var(--c-gold); }
.team-card__edu li{ font-size:14px; color:var(--c-text); padding:3px 0; padding-inline-start:16px; position:relative; }
.team-card__edu li::before{ content:""; position:absolute; inset-inline-start:0; top:12px; width:6px; height:6px; background:var(--c-gold); transform:rotate(45deg); }
.team-card__mail{ margin-top:auto; display:inline-flex; align-items:center; gap:8px; font-size:14px; font-weight:700; color:var(--c-logo); padding:8px 14px; border-radius:30px; background:var(--c-olive-tint); transition:background .25s, color .25s; }
.team-card__mail:hover{ background:var(--c-logo); color:#fff; }
@media (max-width:1100px){ .team-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:700px){ .team-grid, .team-grid--full{ grid-template-columns:1fr; } }

/* الفوتر بـ 4 أعمدة */
.footer-cols--4{ grid-template-columns:1fr 1fr .9fr 1.4fr; }
.footer-menu ul{ margin:0; padding:0; }
.footer-menu li{ margin-bottom:12px; }
.footer-bottom{ display:flex; align-items:center; justify-content:center; gap:18px; flex-wrap:wrap; }
.site-footer{ background:linear-gradient(180deg,#0f2c47 0%,#0B2238 55%,#071726 100%); }
@media (max-width:980px){ .footer-cols--4{ grid-template-columns:1fr 1fr; } }
@media (max-width:600px){ .footer-cols--4{ grid-template-columns:1fr; } }

/* الأقسام الغامقة والصفحات الداخلية بالكحلي */
.section--dark{ background:linear-gradient(160deg,#1B4A72 0%,#113555 45%,#071726 100%); }
.page-hero{ background:linear-gradient(150deg,#1B4A72 0%,#113555 50%,#071726 100%); }
.service-cta{ background:linear-gradient(135deg,#0B2238,#1B4A72 60%,#0B2238); background-size:200% 200%; }
.btn-primary{ background:linear-gradient(135deg,#1B4A72,#0B2238); }

/* =====================================================
   الإنجليزية (من اليسار لليمين)
===================================================== */
html[dir="ltr"] body{ direction:ltr; }
html[dir="ltr"] .hlf-icon--arrow-left, html[dir="ltr"] .hlf-icon--chevron-left, html[dir="ltr"] .hlf-icon--chevron-right{ transform:scaleX(-1); }
html[dir="ltr"] .btn:hover .hlf-icon--arrow-left, html[dir="ltr"] .service-card:hover .service-more .hlf-icon{ transform:scaleX(-1) translateX(-5px); }
html[dir="ltr"] .nav-drawer{ right:auto; left:0; transform:translateX(-105%); box-shadow:20px 0 40px rgba(7,23,38,.3); }
html[dir="ltr"].drawer-open .nav-drawer, html[dir="ltr"] .drawer-open .nav-drawer{ transform:none; }
html[dir="ltr"] .drawer-close{ left:auto; right:14px; }
html[dir="ltr"] .drawer-nav li{ transform:translateX(-24px); }
html[dir="ltr"] .drawer-open .drawer-nav li{ transform:none; }
html[dir="ltr"] .marquee__track{ animation-name:hlfMarqueeLtr; }
@keyframes hlfMarqueeLtr{ to{ transform:translateX(-50%); } }
html[dir="ltr"] .marquee__group{ padding-left:0; padding-right:26px; }
html[dir="ltr"] .service-timeline::before{ right:auto; left:23px; }
html[dir="ltr"] .timeline-step:hover p{ transform:translateX(6px); }
html[dir="ltr"] .footer-col h4::after{ right:auto; left:0; }
html[dir="ltr"] .footer-menu a:hover{ transform:translateX(6px); }
html[dir="ltr"] .scroll-progress span{ transform-origin:left; }
html[dir="ltr"] .whatsapp-float{ left:auto; right:24px; }
html[dir="ltr"] .back-to-top{ right:auto; left:24px; }
html[dir="ltr"] .blog-search .hlf-icon{ right:auto; left:18px; }
html[dir="ltr"] .blog-search input{ padding:14px 20px 14px 48px; }
html[dir="ltr"] .blog-featured::before{ right:auto; left:0; }
html[dir="ltr"] .main-navigation a::after{ transform-origin:right; }
html[dir="ltr"] .main-navigation a:hover::after, html[dir="ltr"] .main-navigation .current-menu-item > a::after{ transform-origin:left; }
html[dir="ltr"] .hlf-logo__en, html[dir="ltr"] .preloader-en{ letter-spacing:0; text-transform:none; font-family:var(--font-heading); }
html[dir="ltr"] .hlf-logo__name{ font-size:19px; }
html[dir="ltr"] .hero--dark .hero-name__en{ letter-spacing:0; text-transform:none; font-size:clamp(15px,1.6vw,19px); }
html[dir="ltr"] .hero-name__top{ letter-spacing:4px; text-transform:uppercase; font-size:14px; }
html[dir="ltr"] .main-navigation a{ font-size:15px; }
html[dir="ltr"] h1, html[dir="ltr"] h2, html[dir="ltr"] h3, html[dir="ltr"] h4{ letter-spacing:-.2px; }
html[dir="ltr"] body{ font-size:16.5px; line-height:1.75; }
@media (max-width:640px){ html[dir="ltr"] .whatsapp-float{ right:18px; } html[dir="ltr"] .back-to-top{ left:18px; } }

/* الهيدر: القائمة في سطر واحد دائمًا */
.main-navigation ul{ flex-wrap:nowrap; }
.main-navigation a{ white-space:nowrap; }
@media (max-width:1440px){ .main-navigation a{ padding:8px 10px; } .header-inner{ gap:18px; } }
@media (max-width:1360px){ .header-contact .hc-icon{ display:none; } }
@media (max-width:1240px){ .hlf-logo--h .hlf-logo__en{ display:none; } .main-navigation a{ padding:8px 8px; font-size:14.5px; } }
@media (max-width:1100px){ .main-navigation, .header-contact{ display:none; } .menu-toggle{ display:inline-flex; } .lang-switch--mobile{ display:inline-flex; margin-inline-start:auto; } .menu-toggle{ margin-inline-start:8px; } }
.award-badge strong{ font-family:var(--font-body); font-weight:700; letter-spacing:.3px; }

/* الهيدر على الجوال: الشعار يتقلص ولا يدفع الأزرار خارج الشاشة */
.site-branding{ min-width:0; flex:0 1 auto; }
.hlf-logo{ min-width:0; }
.hlf-logo__text{ min-width:0; }
.hlf-logo--h .hlf-logo__name, .hlf-logo--h .hlf-logo__top{ overflow:hidden; text-overflow:ellipsis; }
.menu-toggle, .lang-switch--mobile{ flex:0 0 auto; }
@media (max-width:640px){
  .hlf-logo--h{ gap:10px; }
  .hlf-logo--h .hlf-logo__mark{ height:42px; }
  .hlf-logo--h .hlf-logo__name{ font-size:16.5px; }
  .hlf-logo--h .hlf-logo__top{ font-size:11px; }
  .hlf-logo--h .hlf-logo__en{ display:none; }
  .lang-switch--mobile{ height:38px; padding:0 10px; }
  .menu-toggle{ width:42px; height:40px; }
}
@media (max-width:380px){ .hlf-logo--h .hlf-logo__top{ display:none; } }
html[dir="ltr"] .hlf-logo__top{ letter-spacing:3px; text-transform:uppercase; font-size:10.5px; }
.hlf-logo--h .hlf-logo__top{ white-space:nowrap; }

/* =====================================================
   تحسينات عامة: الخطوط والمسافات والمحاذاة
===================================================== */
h1, h2, h3, .hero-tagline, .section-title{ text-wrap:balance; }
p, li{ text-wrap:pretty; }
.section{ padding:clamp(64px,8vw,104px) 0; }
.service-block{ padding:clamp(52px,6.5vw,80px) 0; }
.section-title{ font-size:clamp(26px,3.2vw,40px); line-height:1.35; margin-bottom:14px; }
.section-subtitle{ font-size:clamp(15.5px,1.4vw,17.5px); line-height:1.9; max-width:760px; margin-bottom:clamp(32px,4vw,52px); }
.kicker{ font-size:14px; letter-spacing:.2px; }
.gold-divider{ margin-bottom:clamp(26px,3vw,40px); }
.container{ padding:0 clamp(16px,3vw,24px); }

/* الهيرو مع صورة الشعار */
.hero-name--with-logo .hero-name__main{ font-size:clamp(30px,4.4vw,52px); }
.hero-name--with-logo{ margin-top:4px; }
.hero--dark .hero-tagline{ max-width:760px; line-height:1.6; margin-bottom:10px; }
.hero--dark .hero-sub{ max-width:620px; line-height:1.85; }
.hero-logo--img{ margin-bottom:22px; }
.hero-logo--img .hero-ring--2, .hero-logo--img .hero-ring--3{ display:none; }
.hero-logo--img .hero-ring--1{ width:min(560px,92vw); }

/* بطاقات بارتفاع متساوٍ ومحاذاة منتظمة */
.about-card, .domain-card, .reason-card, .includes-card, .team-card{ height:100%; }
.about-card p, .domain-card p{ line-height:1.95; }
.reason-card__text, .reason-card__text p{ line-height:1.85; }
.service-card .service-body{ gap:2px; }
.service-card h3{ font-size:19px; line-height:1.45; margin-bottom:8px; }
.service-card p.service-excerpt{ line-height:1.8; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }

/* صورة الخدمة (إن وُجدت) داخل اللوحة الملونة */
.service-card--img .service-panel{ background:linear-gradient(150deg,rgba(17,53,85,.82),rgba(7,23,38,.9)), var(--svc-img) center/cover no-repeat; }
.service-card--img .service-panel::before{ opacity:.08; }
.service-card--img:hover .service-panel{ background-size:auto, 110%; }

/* الفوتر */
.footer-col h4{ font-size:18px; margin-bottom:18px; }
.footer-menu a, .footer-contact li{ font-size:15px; }
.footer-contact li{ align-items:flex-start; line-height:1.7; }
.footer-contact .fi{ margin-top:2px; }

/* =====================================================
   الجوال
===================================================== */
@media (max-width:640px){
  body{ font-size:16px; }
  .hlf-mark--img img{ max-width:calc(100vw - 170px); }
  .hlf-logo--has-img.hlf-logo--h .hlf-logo__mark{ height:40px; }

  /* الهيرو */
  .hero{ padding:34px 0 48px; min-height:auto; }
  .hero-logo{ height:120px; margin-bottom:18px; }
  .hero-logo--img{ height:auto; max-height:110px; }
  .hero-logo--img .hlf-mark--img img{ max-width:82vw; max-height:110px; }
  .hero-ring--2, .hero-ring--3{ display:none; }
  .hero--dark .hero-name__main{ font-size:32px; }
  .hero--dark .hero-tagline{ font-size:19px; }
  .hero--dark .hero-sub{ font-size:15px; margin-bottom:22px; }
  .hero .btn-group{ width:100%; gap:10px; }
  .hero .btn-group .btn{ flex:1 1 140px; padding:12px 16px; font-size:15px; }
  .hero-sep{ margin:12px 0 8px; }

  /* الأقسام */
  .about-card, .domain-card{ padding:28px 22px 26px; border-radius:20px; }
  .about-card h3{ font-size:22px; }
  .about-card__icon{ width:54px; height:54px; font-size:26px; margin-bottom:14px; }
  .domain-card__icon{ width:58px; height:58px; font-size:26px; }
  .domain-card__num{ font-size:46px; }

  /* الخدمات: صفوف مدمجة بدل البطاقات الطويلة */
  .services-grid{ grid-template-columns:1fr; gap:14px; }
  .service-card{ flex-direction:row; align-items:stretch; border-radius:18px; }
  .service-panel{ flex:0 0 96px; height:auto; min-height:120px; }
  .service-panel__num, .service-panel__ring{ display:none; }
  .service-panel__icon{ width:58px; height:58px; font-size:28px; }
  .service-card .service-body{ text-align:start; padding:16px 16px 14px; }
  .service-card h3{ font-size:17px; margin-bottom:4px; }
  .service-card p.service-excerpt{ font-size:14px; -webkit-line-clamp:2; margin-bottom:8px; }
  .service-more{ justify-content:flex-start; border-top:none; padding-top:0; font-size:14px; }

  /* لماذا نحن */
  .reasons-grid{ gap:14px; }
  .reason-card{ padding:24px 20px 22px; }
  .reason-card__icon{ width:50px; height:50px; font-size:22px; margin-bottom:12px; }

  /* الجوائز: الخامسة بعرض كامل */
  .awards-grid{ gap:12px; }
  .award-badge{ padding:20px 12px 18px; }
  .award-badge:last-child:nth-child(odd){ grid-column:1 / -1; }
  .award-badge strong{ font-size:17px; }

  /* الفريق: سحب أفقي */
  .team-grid:not(.team-grid--full){
    display:flex; overflow-x:auto; scroll-snap-type:x mandatory; gap:14px; padding:4px 4px 16px;
    margin:0 calc(-1 * clamp(16px,3vw,24px)); padding-inline:clamp(16px,3vw,24px); scrollbar-width:none;
  }
  .team-grid:not(.team-grid--full)::-webkit-scrollbar{ display:none; }
  .team-grid:not(.team-grid--full) .team-card{ flex:0 0 78%; scroll-snap-align:center; height:auto; }
  .team-card{ padding:24px 18px 22px; }
  .team-card__photo{ width:96px; height:96px; }
  .team-card__initials{ font-size:30px; }

  /* الفوتر: عمودان للروابط */
  .footer-cols--4{ grid-template-columns:1fr 1fr; gap:26px 18px; }
  .footer-cols--4 .footer-col:nth-child(n+3){ grid-column:1 / -1; }
  .footer-logo-wrap{ margin-bottom:32px; }
  .footer-logo-wrap .hlf-logo--v .hlf-logo__mark{ height:80px; }
  .footer-logo-wrap .hlf-mark--img img{ max-width:70vw; }
  .site-footer{ padding-top:44px; }
  .footer-bottom{ flex-direction:column; gap:10px; font-size:12.5px; }

  /* الدعوة للتواصل */
  .service-cta{ padding:52px 0; }
  .service-cta .btn-group{ gap:10px; }

  /* صفحة الخدمة */
  .service-hero-grid{ gap:22px; }
  .service-hero-grid .service-icon-lg{ width:120px; height:120px; font-size:56px; border-radius:30px; }
  .includes-grid{ gap:12px; }
  .includes-card{ padding:20px 18px; }
  .timeline-step{ gap:14px; margin-bottom:18px; }
  .timeline-step .step-num{ flex-basis:40px; width:40px; height:40px; font-size:16px; }
  html[dir="rtl"] .service-timeline::before{ right:19px; }
  html[dir="ltr"] .service-timeline::before{ left:19px; }
  .page-hero{ padding:52px 0 46px; }
  .form-card{ padding:24px 16px; }
}
@media (max-width:640px){ .whatsapp-float{ width:50px; height:50px; font-size:25px; } }