/* =============================================
   FOOTER
============================================= */
.footer { background: var(--bg2); padding: 70px 5.5% 38px; border-top: 1px solid var(--line); }
.footer-wrap { max-width: 1380px; margin: 0 auto; }
.footer-top { display: grid; grid-template-columns: 2.2fr 1fr 1fr; gap: 58px; padding-bottom: 58px; border-bottom: 1px solid var(--line); margin-bottom: 34px; }
html[dir="rtl"] .footer-top { direction: rtl; }

.f-logo-wrap { text-decoration: none; display: inline-flex; flex-direction: column; line-height: 1.2; margin-bottom: 16px; }
.f-logo-main { font-family: 'Orbitron', sans-serif; font-size: 1.05rem; font-weight: 900; letter-spacing: 0.13em; color: var(--text); }
.f-logo-main em { font-style: normal; color: var(--blue); text-shadow: 0 0 12px rgba(0,200,255,0.8); }
.f-logo-sub { font-family: 'Orbitron', sans-serif; font-size: 0.44rem; font-weight: 500; letter-spacing: 0.38em; color: var(--sub); }

.f-desc { font-size: 0.87rem; color: var(--sub); line-height: 1.75; max-width: 330px; margin-bottom: 26px; }
html[dir="rtl"] .f-desc { text-align: right; }

.f-contact { margin-bottom: 22px; }
.f-phone {
    display: inline-flex; align-items: center; gap: 8px;
    color: var(--sub); font-size: 0.85rem;
    text-decoration: none; transition: color 0.3s ease;
}
.f-phone:hover { color: var(--blue); }
.f-phone svg { color: var(--blue); flex-shrink: 0; }
html[dir="rtl"] .f-phone { flex-direction: row-reverse; }

.f-social { display: flex; gap: 10px; }
html[dir="rtl"] .f-social { justify-content: flex-end; }
.f-soc-a { width: 38px; height: 38px; border-radius: 7px; background: var(--card); border: 1px solid var(--line); display: flex; align-items: center; justify-content: center; color: var(--sub); text-decoration: none; transition: all 0.3s ease; }
.f-soc-a:hover { border-color: rgba(0,200,255,0.35); color: var(--blue); box-shadow: 0 0 14px rgba(0,200,255,0.18); }

.f-col-title { font-size: 0.73rem; font-weight: 600; letter-spacing: 0.22em; text-transform: uppercase; color: var(--text); margin-bottom: 22px; }
html[lang="ar"] .f-col-title { letter-spacing: 0; font-size: 0.82rem; text-align: right; }
.f-links { list-style: none; display: flex; flex-direction: column; gap: 12px; }
html[dir="rtl"] .f-links { text-align: right; }
.f-links a { font-size: 0.87rem; color: var(--sub); text-decoration: none; transition: color 0.3s ease; }
.f-links a:hover { color: var(--blue); }

.footer-bottom { display: flex; align-items: center; justify-content: space-between; }
html[dir="rtl"] .footer-bottom { flex-direction: row-reverse; }
.f-copy { font-size: 0.8rem; color: var(--muted); }
.f-bot-links { display: flex; gap: 26px; list-style: none; }
html[dir="rtl"] .f-bot-links { flex-direction: row-reverse; }
.f-bot-links a { font-size: 0.8rem; color: var(--muted); text-decoration: none; transition: color 0.3s ease; }
.f-bot-links a:hover { color: var(--blue); }