/* ===== Local fonts (لوکال) ===== */
@font-face{
  font-family:'IRANSans';
  src:url('../storage/fonts/IRANSans.woff2') format('woff2'),
      url('../storage/fonts/IRANSans.woff') format('woff');
  font-display:swap;
}
@font-face{
  font-family:'Vazir';
  src:url('../storage/fonts/Vazir.woff2') format('woff2'),
      url('../storage/fonts/Vazir.woff') format('woff');
  font-display:swap;
}

.ms-footer1, .ms-footer1 *{ box-sizing:border-box; }
.ms-footer1{
  /* فقط تصویر پس‌زمینه؛ بدون گرادیانت */
  background: var(--msf-bg) no-repeat top center / cover;
  position:relative;
  overflow:hidden;
  max-width:100%;
  /* رنگ‌بندی متن */
  --text:#f0f3ff;
  --muted:#cbd2ff;
  --chip:#1b3fff;
  font-family:'IRANSans','Vazir',Tahoma,Arial,sans-serif;
  color:var(--text);
  padding: clamp(32px,5vw,40px) clamp(16px,4vw,24px) 20px;
}

/* CTA بالا */
.ms-footer1__topcta{
  display:flex; justify-content:center; margin-bottom: clamp(18px,3.5vw,28px);
}
.ms-footer1__cta{
  width:min(1120px, 100%);
  background:#fff;
  border-radius:16px;
  padding: clamp(12px,1.6vw,16px);
  display:grid; align-items:center;
  grid-template-columns: 1fr auto;
  gap: clamp(10px,1.5vw,14px);
  box-shadow: 0 12px 36px rgba(0,0,0,.2);
}
.ms-footer1__cta-title{
  display:flex; align-items:center; gap:10px;
  color:#0d1b3d; font-weight:900; font-size: clamp(16px,2.2vw,24px);
}
.ms-footer1__cta-title i{ color:#4f65ff; }
.ms-footer1__cta-controls{ display:flex; gap:10px; }
.ms-footer1__input{
  width:min(420px, 58vw);
  height:48px; border-radius:12px; border:0;
  background:#eef1ff; color:#0d1b3d;
  padding: 0 14px; outline:none;
}
.ms-footer1__btn{
  height:48px; padding:0 18px; border:0; border-radius:12px;
  background:#0d63ff; color:#fff; font-weight:800; cursor:pointer;
  transition:.15s ease transform, .2s ease box-shadow;
}
.ms-footer1__btn:hover{ transform: translateY(-1px); box-shadow:0 8px 18px rgba(0,0,0,.2); }
.sr-only{ position:absolute !important; clip:rect(1px,1px,1px,1px); width:1px; height:1px; overflow:hidden; }

/* گرید ستون‌ها */
.ms-footer1__grid{
  max-width:1280px; margin:0 auto;
  display:grid; gap: clamp(18px,3vw,28px);
  grid-template-columns: 1.2fr 1fr 1fr 0.9fr;
  align-items:start;
}
@media (max-width:1100px){
  .ms-footer1__grid{ grid-template-columns: 1fr 1fr; }
}
@media (max-width:720px){
  .ms-footer1__grid{ grid-template-columns: 1fr; }
}

/* ستون برند/توضیح و شبکه‌ها */
.ms-footer1__brand-title{
  font-weight:900; font-size: clamp(20px,2.2vw,26px); margin:0 0 6px;
}
.ms-footer1__brand-text{
  color:var(--muted); margin:0 0 14px; line-height:2;
  max-width: 52ch;
}
.ms-footer1__socials{ display:flex; gap:10px; }
.ms-footer1__socials a{
  width:42px; height:42px; border-radius:12px; display:grid; place-items:center;
  background:#2536b5; color:#fff; text-decoration:none;
  transition:.2s ease transform, .2s ease background;
}
.ms-footer1__socials a:hover{ transform: translateY(-2px); background:#1e2a92; }

/* عناوین ستون‌ها و لیست سرویس‌ها */
.ms-footer1__col-title{
  font-weight:900; margin:0 0 10px; font-size: clamp(16px,2vw,18px);
}
.ms-footer1__list{
  list-style:none; margin:0; padding:0; display:grid; gap:8px;
}
.ms-footer1__list li{ display:flex; align-items:center; gap:10px; color:#e6e8ff; }
.ms-footer1__list i{ color:#b8c0ff; }

/* اطلاعات تماس */
.ms-footer1__contactlist{
  list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:10px;
}
.ms-footer1__contactlist li{ display:flex; gap:10px; align-items:flex-start; }
.ms-footer1__contactlist i{
  flex:0 0 36px; width:36px; height:36px; border-radius:10px;
  display:grid; place-items:center; background:#2a3bce; color:#fff;
}
.ms-footer1__contactlist a{ color:#fff; text-decoration:none; border-bottom:1px dashed #9fb0ff33; }
.ms-footer1__contactlist a:hover{ border-bottom-color:#fff; }

/* eNAMAD */
.ms-footer1__enamad{
  background:#ffffff12; border:1px solid #ffffff2a; border-radius:14px;
  padding:10px; width:max-content; box-shadow: inset 0 0 0 1px #ffffff17;
}

/* نوار پایینی */
.ms-footer1__bottom{
  max-width:1280px; margin: 18px auto 0; padding-top: 14px;
  border-top: 1px solid #ffffff2b; text-align:center; color:#e7ecffcc;
  font-size: 13px;
}

/* —— موبایل ≤ 720px: CTA مرتب و تمام‌عرض ——————————— */
@media (max-width: 720px){
  .ms-footer1{ overflow-x:hidden; }
  .ms-footer1__topcta{ padding-inline: 4px; }
  .ms-footer1__cta{
    grid-template-columns: 1fr;    /* تیتر بالا، کنترل‌ها زیرش */
    gap: 10px;
    border-radius: 14px;
  }
  .ms-footer1__cta-title{
    justify-content:center;
    text-align:center;
    font-size: 18px;
  }
  .ms-footer1__cta-controls{
    flex-wrap: wrap;
    justify-content: center;
  }
  .ms-footer1__input{
    width: 100%;
    min-height: 46px;
    text-align: right;
  }
  .ms-footer1__btn{
    width: 100%;
    min-height: 46px;
  }
}

/* دارک‌مود (در صورت سیستم تیره) */
@media (prefers-color-scheme: dark){
  .ms-footer1__cta{ background:#0b0f1e; }
  .ms-footer1__cta-title{ color:#e9edff; }
  .ms-footer1__input{ background:#111732; color:#fff; }
}