/* --- این تغییر بین این دو خط اعمال شده: public footer v2 --- */

.public-footer{
  margin-top: var(--space-6);
  padding: var(--space-5) 0;

  /* جدا از محتوا، ولی یکپارچه با تم */
  background:
    radial-gradient(1200px 260px at 50% 0%,
      rgba(226, 180, 0, 0.12),
      rgba(226, 180, 0, 0.00) 58%),
    linear-gradient(180deg,
      rgba(31,31,31,0.04),
      rgba(31,31,31,0.00) 90%);

  border-top: 1px solid rgba(0,0,0,0.06);
  box-shadow: 0 -18px 42px rgba(0,0,0,0.06);
}

.public-footer .container{
  max-width: 1100px;
}

/* یک کارت مرکزی برای عمق و نظم */
.public-footer__card{
  background: rgba(255,255,255,0.72);
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 22px;

  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);

  box-shadow:
    0 18px 50px rgba(0,0,0,0.08),
    inset 0 1px 0 rgba(255,255,255,0.55);

  padding: clamp(14px, 2.4vw, 20px);
}

.public-footer .spread{
  align-items: flex-start;
  gap: var(--space-5);
}

.public-footer .h2{
  margin: 0 0 6px 0;
}

.public-footer__desc{
  color: var(--text-muted);
  line-height: 1.85;
  max-width: 60ch;
}

/* لینک‌ها به جای «پخش و پلا» شدن، یک گرید مرتب */
.public-footer__links .row{
  justify-content: flex-end;
  gap: 10px;
}

.public-footer__links .btn{
  height: 42px;
  padding: 0 14px;
  border-radius: 999px;
  border-color: rgba(0,0,0,0.10);
  background: rgba(255,255,255,0.55);
  box-shadow: 0 10px 22px rgba(0,0,0,0.06);
}

.public-footer__links .btn:hover{
  background: rgba(255,255,255,0.72);
}

.public-footer__meta{
  margin-top: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--space-3);
}

.public-footer__meta .pill{
  background: rgba(255,255,255,0.55);
  border-color: rgba(0,0,0,0.10);
  box-shadow: 0 10px 22px rgba(0,0,0,0.06);
}

.public-footer__brand{
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

/* موبایل: مرتب، فشرده، بدون هدر دادن عرض */
@media (max-width: 640px){
  .public-footer{
    padding: var(--space-4) 0;
  }

  .public-footer .spread{
    flex-direction: column;
    align-items: stretch;
  }

  .public-footer__links .row{
    justify-content: flex-start;
  }

  .public-footer__links .btn{
    flex: 1 1 auto;
  }

  .public-footer__meta{
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}

/* fallback اگر blur پشتیبانی نشود */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){
  .public-footer__card{
    background: rgba(255,255,255,0.95);
  }
}

/* --- پایان تغییر --- */
/* -----------------------------
   Legal / Long-form content
   Scope: terms.php + privacy.php
----------------------------- */

.legal{
  /* کارتِ متن: عمق + آرامش */
  background: rgba(255,255,255,0.70);
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 22px;

  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);

  box-shadow:
    0 18px 50px rgba(0,0,0,0.08),
    inset 0 1px 0 rgba(255,255,255,0.55);

  padding: clamp(16px, 3vw, 26px);
}

/* تیترها: واضح، با فاصله مناسب */
.legal .h1{
  margin-bottom: 10px;
}

.legal .h2{
  margin-top: 18px;
  margin-bottom: 8px;
}

/* متن: خوانا، نفس‌دار، بدون شلوغی */
.legal p{
  margin: 0;
  line-height: 1.95;
  color: rgba(0,0,0,0.82);
}

/* فاصله‌گذاری بین پاراگراف‌ها */
.legal p + p{
  margin-top: 12px;
}

/* لیست‌ها اگر استفاده شد */
.legal ul,
.legal ol{
  margin: 10px 0 0 0;
  padding-right: 18px;
  line-height: 1.9;
  color: rgba(0,0,0,0.80);
}

.legal li + li{
  margin-top: 8px;
}

/* جداکننده تمیز */
.legal hr{
  border: 0;
  height: 1px;
  background: rgba(0,0,0,0.08);
  margin: 16px 0;
}

/* متن کم‌رنگ/توضیحی */
.legal .muted{
  color: var(--text-muted);
}

/* موبایل: متن کمتر فشرده شود */
@media (max-width: 640px){
  .legal{
    border-radius: 20px;
    padding: 16px;
  }
  .legal p{
    line-height: 2.05;
  }
}