/* ================================================= */
/*   VELAR FOOTER — تصميم جديد كامل                    */
/* ================================================= */

:root{
  --vf-bg:#0d1117;
  --vf-text:#e5e7eb;
  --vf-muted:rgba(229,231,235,.55);
  --vf-border:rgba(255,255,255,.08);
  --vf-blue:#3b82f6;
}

/* الحاوية الرئيسية للفوتر */
footer{
  background:var(--vf-bg) !important;
  color:var(--vf-text) !important;
}

footer .max-w-7xl{
  max-width:1280px;
}

/* ================================================= */
/*   بيانات التواصل (العنوان / الهاتف / الإيميل)        */
/* ================================================= */

footer .flex.items-center.gap-4{
  gap:14px !important;
  margin-bottom:4px;
}

footer .w-10.h-10.rounded-full{
  background:rgba(255,255,255,.06) !important;
  border:1px solid var(--vf-border);
  transition:background .2s ease;
}

footer .w-10.h-10.rounded-full svg{
  color:var(--vf-blue) !important;
  width:17px !important;
  height:17px !important;
}

footer .flex.items-center.gap-4 p{
  font-family:"Cairo",system-ui,sans-serif;
  font-size:13.5px;
  color:var(--vf-text) !important;
  line-height:1.6;
}

footer .flex.items-center.gap-4 p span.font-semibold{
  color:var(--vf-muted) !important;
  font-weight:500 !important;
}

footer .flex.items-center.gap-4 a{
  color:var(--vf-text) !important;
  text-decoration:none !important;
  direction:ltr;
  unicode-bidi:embed;
}

footer .flex.items-center.gap-4 a:hover{
  color:var(--vf-blue) !important;
}

/* ================================================= */
/*   عناوين الأعمدة (الأقسام / الصفحات)                 */
/* ================================================= */

footer h3.font-bold.text-lg{
  font-family:"Cairo",system-ui,sans-serif !important;
  font-size:11.5px !important;
  font-weight:800 !important;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--vf-muted) !important;
  margin-bottom:18px !important;
}

footer ul.space-y-3{
  gap:14px !important;
}

footer ul.space-y-3 li a{
  font-family:"Cairo",system-ui,sans-serif !important;
  font-size:14px !important;
  font-weight:500 !important;
  color:var(--vf-text) !important;
  text-decoration:none !important;
  transition:color .15s ease, padding-right .15s ease;
}

footer ul.space-y-3 li a:hover{
  color:var(--vf-blue) !important;
  padding-right:4px;
}

/* ================================================= */
/*   أيقونات السوشيال ميديا                            */
/* ================================================= */

footer a[href*="facebook"],
footer a[href*="instagram"],
footer a[href*="tiktok"]{
  background:rgba(255,255,255,.06) !important;
  border:1px solid var(--vf-border);
  color:var(--vf-text) !important;
  transition:all .2s ease !important;
}

footer a[href*="facebook"]:hover,
footer a[href*="instagram"]:hover,
footer a[href*="tiktok"]:hover{
  background:var(--vf-blue) !important;
  border-color:var(--vf-blue) !important;
  color:#fff !important;
  opacity:1 !important;
  transform:translateY(-2px);
}

/* ================================================= */
/*   نسخة الموبايل — القوائم القابلة للطي (Accordion)   */
/* ================================================= */

footer .border-t.border-\[\#E2E2E2\]{
  border-color:var(--vf-border) !important;
}

footer .border-t.border-\[\#E2E2E2\] button h3{
  font-family:"Cairo",system-ui,sans-serif !important;
  font-size:14.5px !important;
  font-weight:700 !important;
  color:var(--vf-text) !important;
}

footer .border-t.border-\[\#E2E2E2\] button svg{
  color:var(--vf-muted) !important;
}

/* ================================================= */
/*   شريط "الحقوق محفوظة" السفلي                       */
/* ================================================= */

footer .border-t.bg-skin-primary.text-skin-a11y.py-8{
  background:#000000 !important;
  border-top:1px solid var(--vf-border) !important;
  padding-top:16px !important;
  padding-bottom:16px !important;
}

footer .border-t.bg-skin-primary.text-skin-a11y.py-8 > p{
  display:none !important;
}

footer .border-t.bg-skin-primary.text-skin-a11y.py-8::after{
  content:"VELAR © 2026 — جميع الحقوق محفوظة";
  display:block;
  text-align:center;
  font-family:"Cairo",system-ui,sans-serif;
  font-size:12px;
  font-weight:500;
  color:var(--vf-muted);
}

@media (max-width:1024px){
  footer .border-t.bg-skin-primary.text-skin-a11y.py-8{
    padding-bottom:16px !important;
  }
}

/* ================================================= */
/*   مسافات عامة                                       */
/* ================================================= */

@media (max-width:1024px){
  footer .max-w-7xl{
    padding-top:32px !important;
    padding-bottom:24px !important;
  }
}

.flex.flex-col.gap-6.mt-6{
  align-items:center !important;
}

.flex.flex-col.gap-6.mt-6 .flex.flex-wrap.gap-3{
  justify-content:center !important;
}

footer a[href*="wa.me"]{
  background:rgba(255,255,255,.06) !important;
  border:1px solid rgba(255,255,255,.08);
  color:#e5e7eb !important;
  transition:all .2s ease !important;
}

footer a[href*="wa.me"]:hover{
  background:#25D366 !important;
  border-color:#25D366 !important;
  color:#fff !important;
  opacity:1 !important;
  transform:translateY(-2px);
}

.velar-guarantee{
  border-top:none !important;
  border-bottom:none !important;
  box-shadow:none !important;
}

.velar-why{
  border-top:none !important;
  box-shadow:none !important;
}