/* ==========================================================================
   Faris Group — footer
   Self-contained: the builder markup was replaced with .fg-footer, so nothing
   here fights the theme. Works for LTR and RTL pages alike.
   ========================================================================== */

.fg-footer{
  --fg-bg:#141d2a;
  --fg-bg-bottom:#0f1721;
  --fg-text:#a7b1bf;
  --fg-strong:#ffffff;
  --fg-accent:#4ee9fe;
  --fg-rule:rgba(255,255,255,.09);

  background:var(--fg-bg);
  color:var(--fg-text);
  font-family:"Jost",-apple-system,"Segoe UI",Tahoma,Arial,sans-serif;
  font-size:15px;
  line-height:1.8;
  margin:0;
  padding:0;
  clear:both;
  position:relative;
  z-index:1;
}
.fg-footer *{ box-sizing:border-box; }

/* ---------- layout ---------- */
.fg-inner{
  max-width:1220px;
  width:90%;
  margin:0 auto;
  padding:70px 0 56px;
  display:grid;
  grid-template-columns:1.15fr 1.25fr 1fr 1.35fr;
  gap:44px 52px;
  align-items:start;
}
.fg-col{ min-width:0; }

/* ---------- brand ---------- */
.fg-logo{
  display:block;
  width:200px;
  max-width:100%;
  height:auto;
  margin:0 0 26px;
}
.fg-social{ display:flex; gap:10px; }
.fg-soc{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  border:1px solid var(--fg-rule);
  border-radius:50%;
  color:var(--fg-strong);
  text-decoration:none;
  transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;
}
.fg-soc i{ font-size:17px; line-height:1; }
.fg-soc:hover{
  background:var(--fg-accent);
  border-color:var(--fg-accent);
  color:#0d1520;
  transform:translateY(-2px);
}

/* ---------- headings ---------- */
.fg-h{
  margin:0 0 22px;
  padding:0 0 12px;
  font-size:13px;
  line-height:1.4;
  font-weight:600;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--fg-strong);
  position:relative;
}
.fg-h::after{
  content:"";
  position:absolute;
  inset-inline-start:0;
  bottom:0;
  width:30px;
  height:2px;
  border-radius:2px;
  background:var(--fg-accent);
}

/* ---------- lists ---------- */
.fg-addr,
.fg-contact{ margin:0; padding:0; list-style:none; }
.fg-addr li{
  margin:0 0 10px;
  color:var(--fg-text);
  font-size:15px;
  line-height:1.7;
}
.fg-addr li:last-child{ margin-bottom:0; }

.fg-contact li{
  display:flex;
  align-items:center;
  gap:12px;
  margin:0 0 11px;
}
.fg-contact li:last-child{ margin-bottom:0; }
.fg-contact i{
  flex:0 0 18px;
  font-size:15px;
  line-height:1;
  color:var(--fg-accent);
  text-align:center;
}
.fg-contact a{
  color:#c4cedb;
  text-decoration:none;
  font-size:15px;
  transition:color .18s ease;
  overflow-wrap:anywhere;
  /* phone numbers and e-mails stay readable inside the RTL pages */
  direction:ltr;
  unicode-bidi:isolate;
  text-align:start;
}
.fg-contact a:hover{ color:var(--fg-accent); }

/* ---------- hours + privacy ---------- */
.fg-hours{
  margin:0 0 20px;
  color:var(--fg-text);
  font-size:15px;
  line-height:1.9;
}
/* the address + hours copy is Latin text; keep its reading order intact on
   the Arabic pages while it stays aligned with the RTL column */
.fg-hours,
.fg-addr li{ direction:ltr; unicode-bidi:isolate; }
[dir="rtl"] .fg-hours,
[dir="rtl"] .fg-addr li{ text-align:right; }
@media (max-width:640px){
  [dir="rtl"] .fg-hours,
  [dir="rtl"] .fg-addr li{ text-align:center; }
}
.fg-privacy{
  display:inline-block;
  font-size:14px;
  color:var(--fg-text);
  text-decoration:none;
  border-bottom:1px solid rgba(255,255,255,.22);
  padding-bottom:1px;
  transition:color .18s ease,border-color .18s ease;
}
.fg-privacy:hover{ color:var(--fg-accent); border-bottom-color:var(--fg-accent); }

/* ---------- bottom bar ---------- */
.fg-bottom{
  background:var(--fg-bg-bottom);
  border-top:1px solid var(--fg-rule);
  padding:20px 5%;
  text-align:center;
}
.fg-bottom p{
  margin:0;
  font-size:13px;
  line-height:1.7;
  color:#7b8695;
  direction:ltr;
  unicode-bidi:isolate;
}
.fg-bottom a{
  color:#9aa5b3;
  text-decoration:none;
  border-bottom:1px solid transparent;
  transition:color .18s ease,border-color .18s ease;
}
.fg-bottom a:hover{ color:var(--fg-accent); border-bottom-color:var(--fg-accent); }

/* ---------- responsive ---------- */
@media (max-width:1100px){
  .fg-inner{ grid-template-columns:1fr 1fr; gap:40px; padding:58px 0 46px; }
}
@media (max-width:640px){
  .fg-inner{
    grid-template-columns:1fr;
    gap:34px;
    text-align:center;
    padding:48px 0 40px;
  }
  .fg-logo{ margin-inline:auto; }
  .fg-social{ justify-content:center; }
  .fg-h::after{ inset-inline-start:50%; transform:translateX(-50%); }
  .fg-contact li{ justify-content:center; }
}
