/* === Footer (ASL-like) === */
:root{
  --navy:#05103A;
  --ink:#e7ecff;
  --muted:#b7c2e6;
  --accent:#ffb367;
  --line:rgba(255,255,255,.08);
}

.ft{
  background:#071a36; /* داكن قريب من الصورة */
  color:var(--ink);
  padding-top: 44px;
}

.ft-container{
  width:min(1200px,92%);
  margin-inline:auto;
  display:grid;
  grid-template-columns: 1.1fr .8fr .9fr 1fr; /* Brand | Nav | Services | Office */
  gap: clamp(18px, 3vw, 36px);
  align-items:start;
}

/* عمود البراند */
.ft-logo img{
  display:block;
  width:auto; height:56px; object-fit:contain;
  filter: drop-shadow(0 6px 18px rgba(0,0,0,.25));
  margin-bottom: 12px;
}
.ft-about{
  margin: 6px 0 0;
  line-height: 1.9;
  color: var(--ink);
  max-width: 56ch;
}

/* عناوين الأعمدة */
.ft-head{
  margin: 6px 0 12px;
  color: var(--accent);
  font-size: clamp(18px, 2.2vw, 22px);
  font-weight: 800;
}

/* روابط/قوائم */
.ft-links{
  list-style:none; padding:0; margin:0;
  display:grid; gap:10px;
}
.ft-links li{
  display:flex; align-items:flex-start; gap:8px;
  line-height:1.6;
}
.ft-links a{
  color:var(--ink); text-decoration:none;
  border-bottom: 1px solid transparent;
  transition: color .2s ease, border-color .2s ease, transform .2s ease;
}
.ft-links a:hover{
  color:#fff; border-color: var(--accent); transform: translateX(2px);
}

/* نقطة مربعة نحاسية مثل الصورة */
.ft-bullet{
  width:10px; height:10px; margin-top:.45em;
  border:2px solid var(--accent);
  display:inline-block; border-radius:2px;
}

/* بلوكات المكتب */
.ft-sub{
  color: var(--accent);
  font-weight: 800;
  margin: 8px 0 4px;
}
.ft-address{ font-style: normal; color: var(--ink); }
.ft-contact{
  color:#fff; text-decoration:none; border-bottom:1px dashed var(--accent);
}
.ft-block + .ft-block{ margin-top: 10px; }

.ft-empty{
  color:var(--muted);
  background: rgba(255,255,255,.04);
  border:1px solid var(--line);
  border-radius:10px; padding:10px;
}

/* الحد السفلي */
.ft-bottom{
  margin-top: 30px;
  border-top:1px solid var(--line);
  text-align:center;
  padding: 14px 10px 18px;
  color: var(--muted);
  font-size: 14px;
}

/* Responsive */
@media (max-width: 1020px){
  .ft-container{
    grid-template-columns: 1fr 1fr;
  }
  .ft-brand{ grid-column: 1 / -1; }
}
@media (max-width: 640px){
  .ft-container{ grid-template-columns: 1fr; }
}

/* RTL محاذاة بسيطة */
[dir="rtl"] .ft-links a:hover{ transform: translateX(-2px); }