/* layout/footer.css — فوتر، هویت حقوقی و نمادها */
.site-foot{padding-block:44px;background:var(--navy-950)}
.site-foot .wrap{display:block}
.site-foot .lockup svg{inline-size:32px;block-size:32px}
.site-foot .lockup .wm b{font-size:15px}
.site-foot nav{display:flex;gap:22px;font-size:13px}
.site-foot nav a{color:#8DA2C4;text-decoration:none;transition:color var(--dur-fast)}
.site-foot nav a:hover{color:#fff}
.site-foot p{font-size:12px;color:#66799C}
.site-foot{padding-block:clamp(52px,7vw,84px) 30px;background:var(--navy-950);border-block-start:1px solid var(--line)}
.foot-grid{display:grid;grid-template-columns:1.5fr .85fr .85fr 1.25fr;gap:clamp(26px,3.4vw,54px)}
@media(max-width:980px){
.foot-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
.foot-grid{grid-template-columns:1fr}
}
.foot-grid h4{font-family:var(--font-display);font-size:13px;font-weight:800;letter-spacing:1px;color:#fff;
  margin-block-end:18px}
.foot-about p{margin-block-start:18px;font-size:13px;line-height:2.15;color:#8DA2C4;max-inline-size:330px;text-wrap:pretty}
.foot-col{display:flex;flex-direction:column;gap:12px}
.foot-col a{font-size:13px;color:#8DA2C4;text-decoration:none;inline-size:fit-content;transition:color var(--dur-fast)}
.foot-col a:hover{color:var(--accent-soft)}
.foot-brands{display:flex;flex-direction:column;gap:11px}
.foot-brands a{--f-c:var(--brand-modir-soft);display:flex;align-items:center;gap:11px;padding:12px 14px;border-radius:14px;
  border:1px solid var(--line);text-decoration:none;color:#C6D5EA;font-size:13px;
  transition:border-color var(--dur-fast),background var(--dur-fast)}
.foot-brands a.ravan{--f-c:var(--brand-ravan-soft)}
.foot-brands a i{inline-size:8px;block-size:8px;border-radius:50%;background:var(--f-c);box-shadow:0 0 12px var(--f-c)}
.foot-brands a svg{inline-size:14px;block-size:14px;margin-inline-start:auto;opacity:.6}
.foot-brands a:hover{border-color:var(--f-c);background:color-mix(in oklab,var(--f-c) 8%,transparent)}
.foot-contact{display:flex;flex-direction:column;gap:13px}
.foot-contact a,.foot-contact span{display:flex;align-items:flex-start;gap:11px;font-size:13px;color:#8DA2C4;
  text-decoration:none;line-height:1.95}
.foot-contact svg{inline-size:16px;block-size:16px;flex:none;margin-block-start:3px;opacity:.7}
.foot-contact a:hover{color:var(--accent-soft)}
.socials{display:flex;gap:9px;margin-block-start:20px}
.socials a{inline-size:38px;block-size:38px;border-radius:12px;border:1px solid var(--line);display:grid;place-items:center;
  color:#8DA2C4;transition:border-color var(--dur-fast),color var(--dur-fast),transform var(--dur-fast) var(--ease-out)}
.socials a svg{inline-size:17px;block-size:17px}
.socials a:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}
.foot-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
  margin-block-start:clamp(34px,4vw,54px);padding-block-start:26px;border-block-start:1px solid var(--line)}
.foot-bottom p{font-size:12px;color:#66799C}
.foot-bottom .legal{display:flex;gap:18px}
.foot-bottom .legal a{font-size:12px;color:#66799C;text-decoration:none}
.foot-bottom .legal a:hover{color:#A6BBDC}
.enamad{inline-size:74px;block-size:88px;border-radius:12px;border:1px dashed var(--line-strong);
  display:grid;place-items:center;text-align:center;font-size:10px;line-height:1.8;color:#5C6E90;padding:8px}
@media (max-width:820px){
.site-foot{padding-block-end:clamp(86px,18vw,110px)}
}
.foot-id{margin-block-start:clamp(28px,3.4vw,42px);padding-block-start:clamp(20px,2.6vw,28px);
  border-block-start:1px solid var(--line-strong)}
.fi-name{font-family:var(--font-display);font-size:13.5px;font-weight:800;color:#C9D8EE}
.fi-l{list-style:none;display:flex;flex-wrap:wrap;gap:10px 30px;margin-block-start:12px}
.fi-l li{display:flex;align-items:baseline;gap:7px}
.fi-l span{font-size:11px;color:#66799C}
.fi-l b{font-size:12.5px;font-weight:700;color:#A6BBDC}
.fi-ad{margin-block-start:10px;font-size:12px;line-height:2;color:#66799C;max-inline-size:70ch}
.badges{display:flex;gap:10px}
.badge{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;
  inline-size:82px;block-size:92px;border-radius:12px;text-align:center;text-decoration:none;
  border:1px solid var(--line-strong);background:rgba(255,255,255,.03);
  font-size:9.5px;line-height:1.5;color:#8FA5C4;
  transition:color var(--dur-fast),border-color var(--dur-fast),background-color var(--dur-fast)}
.badge:hover{color:#fff;border-color:var(--accent);background:rgba(255,255,255,.06)}
.badge svg{inline-size:24px;block-size:24px;color:var(--accent)}
@media (max-width:560px){
.fi-l{gap:9px 20px}
.badge{inline-size:74px;block-size:84px}
}
