/* ============================================================
   USDT Casinos — footer.css
   ============================================================ */

.site-footer {
  background:
    radial-gradient(800px 400px at 90% -20%, rgba(38, 161, 123, .16), transparent 60%),
    linear-gradient(170deg, var(--ink-900), #050F0C);
  color: var(--text-inv-soft);
  border-top: 1px solid rgba(38, 161, 123, .22);
  padding: clamp(44px, 6vw, 72px) 0 0;
  margin-top: auto;
}
.footer-grid {
  display: grid; gap: 40px;
  grid-template-columns: 1.4fr 1fr 1fr 1fr;
}
.footer-brand__text { margin-top: 16px; font-size: 14.5px; max-width: 320px; }
.footer-brand__badges { display: flex; gap: 10px; margin-top: 18px; }
.footer-col__title {
  font-family: var(--font-head); font-size: 13px; font-weight: 700;
  letter-spacing: .12em; text-transform: uppercase; color: #4CD9AE; margin-bottom: 16px;
}
.footer-col ul { list-style: none; padding: 0; margin: 0; }
.footer-col li { margin: 0; }
.footer-col li + li { margin-top: 9px; }
.footer-col a { color: var(--text-inv-soft); font-size: 14.5px; transition: color .15s ease, padding-left .15s ease; }
.footer-col a:hover { color: #7FE0BC; padding-left: 4px; }

.footer-info {
  margin-top: 44px; padding: 22px 0;
  border-top: 1px solid rgba(38, 161, 123, .16);
  display: flex; flex-wrap: wrap; gap: 14px 28px; align-items: center;
}
.footer-info__title {
  font-family: var(--font-head); font-size: 12px; font-weight: 700;
  letter-spacing: .12em; text-transform: uppercase; color: #4CD9AE; margin-right: 6px;
}
.footer-info a { color: var(--text-inv-soft); font-size: 13.5px; text-decoration: underline; text-decoration-color: rgba(126,224,188,.3); text-underline-offset: 3px; }
.footer-info a:hover { color: #7FE0BC; }

.footer-legal {
  margin-top: 8px; padding: 22px 0 26px;
  border-top: 1px solid rgba(38, 161, 123, .16);
  display: flex; gap: 18px; align-items: flex-start;
}
.footer-legal__age {
  flex: 0 0 auto; width: 46px; height: 46px; border-radius: 50%;
  display: grid; place-items: center;
  border: 2px solid var(--canada); color: #FF6B7C;
  font-family: var(--font-head); font-weight: 700; font-size: 14px;
  background: rgba(216, 6, 33, .12);
}
.footer-legal p { font-size: 13px; line-height: 1.6; }
.footer-legal a { color: #7FE0BC; text-decoration: underline; text-underline-offset: 3px; }

.footer-bottom {
  border-top: 1px solid rgba(38, 161, 123, .16);
  padding: 18px 0 22px;
  display: flex; flex-wrap: wrap; gap: 8px 24px; justify-content: space-between; align-items: center;
  font-size: 13px; color: #7E9A8F;
}
.footer-bottom a { color: #A8C9BD; text-decoration: underline; text-underline-offset: 3px; }
.footer-bottom a:hover { color: #7FE0BC; }

@media (max-width: 900px) {
  .footer-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 560px) {
  .footer-grid { grid-template-columns: 1fr; gap: 30px; }
  .footer-legal { flex-direction: row; }
}