/* ===== Footer (مشابه تصویر) ===== */
#site-footer{
  --navy:#0b1b35;
  --gold:#d9b36b;
  --gold-2:#b79254;
  --cream:#efe5d0;
  --white:#ffffff;

  background: linear-gradient(135deg, var(--gold) 0%, var(--gold-2) 70%);
  padding: 48px 0;
  position: relative;
  overflow: hidden;
}

/* تزئین گوشه‌ها برای حس تصویر */
#site-footer::before,
#site-footer::after{
  content:"";
  position:absolute;
  width:320px; height:320px; border-radius:50%;
  background: var(--navy);
  opacity:.9; filter: drop-shadow(0 8px 24px rgba(0,0,0,.16));
}
#site-footer::before{ top:-200px; left:-160px; }
#site-footer::after { bottom:-210px; right:-140px; }

/* جعبه اصلی فوتر */
.footer-box{
  position: relative;
  z-index: 2;
}

/* لیست ردیف‌ها: دو ستون (کپسول متن + ستون آیکن‌ها) */
.footer-list{
  list-style:none; margin:0; padding:0;
  display:grid; gap:18px;
  /* هر آیتم خودش گرید دو ستونه می‌شود */
}
.footer-item{
  display:grid; grid-template-columns: 1fr auto; align-items:center;
  position: relative;
}



/* کپسول سرمه‌ای */
.pill{
  background: var(--navy);
  color: var(--white);
  border-radius: 28px;
  padding: 14px 22px;
  margin-inline-end: 20px; /* فاصله از ستون آیکن‌ها */
  box-shadow: 0 10px 20px rgba(0,0,0,.15);
  text-align: right;
  line-height: 1.9;
  font-size: 0.98rem;
  white-space: normal;             /* متن‌های طولانی چندخطی شوند */
  overflow-wrap: anywhere;         /* بشکنه و بیرون نزنه */
}
.pill a{ color: var(--white); text-decoration:none; }
.pill a:hover{ text-decoration: underline; }

/* آیکن دایره‌ای با حاشیه طلایی برجسته */
.icon-badge{
  width: 58px; height: 58px;
  border-radius: 50%;
  background: var(--white);
  display:grid; place-items:center;
  position: relative;
  box-shadow: 0 8px 16px rgba(0,0,0,.18);
  z-index: 1;
}
.icon-badge::before{
  content:"";
  position:absolute; inset:-8px;
  border-radius:50%;
  background: radial-gradient(circle, var(--gold) 60%, var(--gold-2) 100%);
  z-index:-1; filter: drop-shadow(0 4px 10px rgba(0,0,0,.18));
}
.icon-badge i{
  font-size: 1.35rem;
  color: var(--navy);
}


/* ریسپانسیو */
@media (max-width: 992px){
  .footer-list::before{ right: 36px; }
  .icon-badge{ width:54px; height:54px; }
  .pill{ padding: 12px 18px; font-size: .95rem; }
}
@media (max-width: 576px){
  #site-footer{ padding: 40px 0; }
  .footer-item{ grid-template-columns: 1fr 56px; }
  .footer-list::before{ right: 34px; }
  .pill{ margin-inline-end: 16px; }
  /* در موبایل، اگر خیلی تنگ شد می‌تونی خط را حذف کنی: */
  /* .footer-list::before, .footer-item::after{ display:none; } */
}