/* ═══════════════════════════════════════════
   ایران‌متره — Header Styles v1.0
   Design System: Navy + Gold · RTL · Vazirmatn
   ═══════════════════════════════════════════ */

/* ── توکن‌های رنگ ── */
:root {
  --im-navy-deep:    #091E3F;
  --im-navy-primary: #0D2D5E;
  --im-navy-mid:     #163A72;
  --im-navy-light:   #1E4D8C;
  --im-gold:         #C8A84B;
  --im-gold-light:   #E8C96A;
  --im-off-white:    #F4F6F9;
  --im-muted:        #8A9BB0;
  --im-white:        #FFFFFF;

  /* فاصله */
  --im-sp-xs:  4px;
  --im-sp-sm:  8px;
  --im-sp-md:  16px;
  --im-sp-lg:  24px;
  --im-sp-xl:  32px;

  /* شعاع */
  --im-radius-btn:  10px;
  --im-radius-card: 14px;
  --im-radius-drop: 14px;

  /* سایه */
  --im-shadow-md: 0 8px 28px rgba(13,45,94,.12);
  --im-shadow-lg: 0 20px 60px rgba(13,45,94,.15);

  /* ارتفاع هدر */
  --im-topbar-h: 36px;
  --im-nav-h:    72px;
  --im-header-h: calc(var(--im-topbar-h) + var(--im-nav-h));
}

/* ── ریست پایه ── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

.im-footer {
  background: #091E3F;
  font-family: 'Vazirmatn', sans-serif;
  direction: rtl;
  margin-top: 80px;
  border-top: 1px solid rgba(200,168,75,.12);
}
.im-footer__main { padding: 56px 0 40px; }
.im-footer__inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
  display: grid;
  grid-template-columns: 1.6fr 1fr 1fr 1.2fr;
  gap: 48px;
}
.im-footer__logo {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  margin-bottom: 16px;
}
.im-footer__logo img {
  width: 36px; height: 36px;
  object-fit: contain;
  filter: brightness(0) invert(1);
}
.im-footer__logo-text { font-size: 20px; font-weight: 800; color: #FFFFFF; }
.im-footer__logo-accent { color: #C8A84B; }
.im-footer__desc { font-size: 13px; line-height: 1.8; color: #8A9BB0; margin-bottom: 20px; }
.im-footer__social { display: flex; gap: 8px; }
.im-footer__social-link {
  display: flex; align-items: center; justify-content: center;
  width: 36px; height: 36px;
  border-radius: 9px;
  border: 1px solid rgba(255,255,255,.1);
  color: #8A9BB0;
  text-decoration: none;
  transition: color .2s, border-color .2s, background .2s;
}
.im-footer__social-link:hover {
  color: #C8A84B;
  border-color: rgba(200,168,75,.4);
  background: rgba(200,168,75,.07);
}
.im-footer__col-title {
  font-size: 13px; font-weight: 700;
  color: #C8A84B;
  margin-bottom: 16px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(200,168,75,.15);
}
.im-footer__links { list-style: none; display: flex; flex-direction: column; gap: 10px; }
.im-footer__links a {
  font-size: 13px; color: #8A9BB0;
  text-decoration: none;
  transition: color .18s, padding-right .18s;
  display: inline-block;
}
.im-footer__links a:hover { color: #FFFFFF; padding-right: 4px; }
.im-footer__contact { list-style: none; display: flex; flex-direction: column; gap: 12px; }
.im-footer__contact li { display: flex; align-items: center; gap: 8px; font-size: 13px; color: #8A9BB0; }
.im-footer__contact svg { color: #C8A84B; flex-shrink: 0; }
.im-footer__contact a { color: #8A9BB0; text-decoration: none; transition: color .18s; }
.im-footer__contact a:hover { color: #FFFFFF; }
.im-footer__bottom { border-top: 1px solid rgba(255,255,255,.06); padding: 16px 0; }
.im-footer__bottom-inner {
  max-width: 1200px; margin: 0 auto; padding: 0 24px;
  display: flex; align-items: center; justify-content: space-between;
  font-size: 12px; color: rgba(138,155,176,.6);
}
.im-footer__bottom-cta { color: #C8A84B; text-decoration: none; font-weight: 600; font-size: 12px; transition: color .18s; }
.im-footer__bottom-cta:hover { color: #E8C96A; }
@media (max-width: 900px) {
  .im-footer__inner { grid-template-columns: 1fr 1fr; gap: 32px; }
  .im-footer__col--brand { grid-column: 1 / -1; }
}
@media (max-width: 560px) {
  .im-footer__inner { grid-template-columns: 1fr; gap: 28px; }
  .im-footer__bottom-inner { flex-direction: column; gap: 8px; text-align: center; }
}