/* =========================================================================
   FAISAL PREMIUM 2026 — Premium Fintech Footer (modernized)
   Glassmorphism accents, premium spacing, soft shadows, smooth icon hover.
   Preserves all footer content, links, menus and legal text. RTL-safe.
   ========================================================================= */

.footer{
  position:relative;
  background:
    radial-gradient(80% 120% at 100% 0%, rgba(201,168,124,.07), transparent 55%),
    radial-gradient(60% 100% at 0% 0%, rgba(0,104,55,.12), transparent 55%),
    linear-gradient(180deg, var(--dark-green,#0D2518) 0%, var(--dark,#061410) 100%);
  overflow:hidden;
}
/* subtle top hairline accent */
.footer::before{
  content:"";position:absolute;inset-inline:0;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(201,168,124,.45),transparent);
}

.footer-grid{padding-block:clamp(2.75rem,5vw,4rem) 2.5rem}

/* Section headings */
.footer h5{letter-spacing:.2px}

/* Brand column */
.footer__logo img{box-shadow:0 10px 28px rgba(0,0,0,.3)}
.footer__brand{letter-spacing:-.01em}

/* Social buttons — REAL full-color brand logo icons (PNG), reduced size.
   Scoped to .footer__social-link so Elementor globals can't override.
   Transparent button so each authentic brand mark reads on its own. */
.footer__social{display:flex;gap:.6rem;margin:1.25rem 0 .25rem;flex-wrap:wrap;align-items:center}
.footer__social-link{
  position:relative;width:40px;height:40px;border-radius:10px;
  display:inline-flex;align-items:center;justify-content:center;
  background:transparent;border:0;padding:0;line-height:0;
  transition:transform .3s cubic-bezier(.34,1.56,.64,1),filter .3s ease;
}
/* Real brand logo image fills the button (reduced footprint). */
.footer__social-link .footer__social-img{
  width:100%;height:100%;object-fit:contain;display:block;
  filter:drop-shadow(0 4px 10px rgba(0,0,0,.3));
  transition:filter .3s ease,transform .3s ease;
}
/* Premium hover: lift + scale + stronger drop shadow. */
.footer__social-link:hover{transform:translateY(-6px) scale(1.08)}
.footer__social-link:hover .footer__social-img{filter:drop-shadow(0 10px 18px rgba(0,0,0,.45))}
.footer__social-link:focus-visible{outline:2px solid var(--gold,#C9A84C);outline-offset:3px;border-radius:10px}
@media(max-width:560px){
  .footer__social-link{width:36px;height:36px}
  .footer__social{gap:.55rem}
}

/* Contact list — card-like glass rows */
.footer__contact{display:flex;flex-direction:column;gap:.55rem}
.footer__contact li{
  display:flex;align-items:center;gap:.65rem;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(201,168,124,.12);
  border-radius:12px;padding:.6rem .8rem;
  transition:border-color .3s ease,background .3s ease,transform .3s ease;
}
.footer__contact li:hover{
  background:rgba(201,168,124,.08);
  border-color:rgba(201,168,124,.28);
  transform:translateX(-3px);
}
[dir="ltr"] .footer__contact li:hover{transform:translateX(3px)}
.footer__contact .faisal-ico{color:var(--gold,#C9A84C);flex:0 0 auto}
.footer__contact a,.footer__contact span{line-height:1.4}

/* Quick links / resources — refined hover with sliding marker */
.footer .menu{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.15rem}
.footer .menu li{margin:0}
.footer .menu li a{
  display:inline-flex;align-items:center;gap:.5rem;
  padding:.4rem .2rem;border-radius:8px;
  transition:color .25s ease,padding-inline-start .25s ease;
}
.footer .menu li a::before{
  content:"";width:5px;height:5px;border-radius:50%;
  background:var(--gold,#C9A84C);opacity:0;transform:scale(.4);
  transition:opacity .25s ease,transform .25s ease;
}
.footer .menu li a:hover{color:var(--gold,#C9A84C);padding-inline-start:.55rem}
.footer .menu li a:hover::before{opacity:.85;transform:scale(1)}

/* App store badges */
.footer__stores a{transition:transform .25s ease,box-shadow .25s ease;border-radius:10px;display:inline-flex}
.footer__stores a:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(0,0,0,.4)}

/* Bottom bar */
.footer__bottom{
  border-top:1px solid rgba(201,168,124,.15);
  display:flex;flex-direction:column;gap:.4rem;align-items:center;
}
.footer__disclaimer{display:block;font-size:.78rem;opacity:.65;max-width:54rem;margin-inline:auto;line-height:1.7}

/* Back-to-top — premium gold pill */
.back-to-top .faisal-ico{color:#fff}
.back-to-top:hover .faisal-ico{transform:translateY(-2px)}

@media (prefers-reduced-motion:reduce){
  .footer__social-link,.footer__contact li,.footer .menu li a,.footer__stores a{transition:none!important}
}

/* Footer company description — premium readable RTL typography */
.footer__brand-sub{font-size:1rem;font-weight:800;color:var(--gold,#C9A84C);margin-bottom:.9rem;line-height:1.5}
.footer__desc{margin:0 0 1.3rem}
.footer__desc p{
  margin:0 0 .85rem;color:rgba(255,255,255,.72);
  font-size:.9rem;line-height:2;text-align:justify;
  direction:rtl;letter-spacing:0;
}
.footer__desc p:last-child{margin-bottom:0}
@media(max-width:600px){.footer__desc p{font-size:.86rem;line-height:1.95;text-align:right}}