/* Footer — Bizmet Legal (scoped) */
.site-footer{
  /* design tokens (scoped to footer only) */
  --ft-bg:#0b3170;
  --ft-bg-2:#0a2a62;
  --ft-text:#e8f1ff;
  --ft-muted:#b9c6e8;
  --ft-accent:#ff9546;
  --ft-link:#eaf1ff;
  --ft-card:#0e3a84;
  --ft-stroke:rgba(255,255,255,.12);
  --ft-radius:14px;

  position: relative;
  color: var(--ft-text);
  background: linear-gradient(359deg, #1b61d5, #002e7f);
  padding-top: 32px;
  overflow: hidden;
}

.site-footer a{ color: var(--ft-link); text-decoration: none; }
.site-footer a:hover{ text-decoration: underline; }

/* soft wave bg */
.site-footer .footer-bg-waves{
  position:absolute; inset: -120px -40px auto -40px; height:220px;
  background:
    radial-gradient(60% 80% at 0% 0%, rgba(255,255,255,.06), transparent 70%),
    radial-gradient(60% 80% at 100% 0%, rgba(255,255,255,.06), transparent 70%);
  pointer-events:none;
}



/* TOP */
.site-footer .footer-top{
  display:grid;
  grid-template-columns: 1.2fr 1fr 1fr 1fr 1.2fr;
  gap: 28px;
  align-items:start;
}

.site-footer .f-brand .brand-logo img{ display:block; }
.site-footer .f-brand .brand-text{ color: var(--ft-muted); margin:10px 0 14px; max-width: 240px; }
.site-footer .f-brand .brand-card{
  background: var(--ft-card);
  border: 1px solid var(--ft-stroke);
  color:#fff;
  border-radius: var(--ft-radius);
  padding: 12px 14px;
  box-shadow: 0 12px 24px rgba(0,0,0,.12) inset, 0 6px 18px rgba(0,0,0,.12);
  max-width: 240px;
  font-size: .95rem;
}

.site-footer .f-col h4,
.site-footer .f-newsletter h4{
  margin: 6px 0 12px;
  font-size: 1rem;
  color: #fff;
}
.site-footer .f-col ul{ list-style:none; margin:0; padding:0; display:grid; gap:8px; }
.site-footer .f-col li a{ color: var(--ft-text); opacity:.95; }
.site-footer .f-col li a:hover{ opacity:1; text-decoration: underline; }

/* Newsletter */
.site-footer .f-newsletter .nl-form{
  background: rgba(255,255,255,.05);
  border: 1px solid var(--ft-stroke);
  border-radius: var(--ft-radius);
  padding: 12px;
}
.site-footer .f-newsletter input{
  width:100%;
  border:1px solid var(--ft-stroke);
  background:#fff;
  color:#0f1c3d;
  border-radius: 10px;
  padding: 10px 12px;
  outline:none;
}
.site-footer .f-newsletter input:focus{ box-shadow: 0 0 0 3px rgba(255,255,255,.15); }
.site-footer .f-newsletter button{
  display:block; width:100%;
  margin-top:10px;
  background: var(--ft-accent);
  color:#1a1a1a;
  font-weight:700;
  border:none;
  border-radius: 10px;
  padding: 10px 12px;
  cursor:pointer;
}
.site-footer .f-newsletter button:hover{ filter: brightness(.98); }
.site-footer .f-newsletter .nl-note{
  margin-top:8px; font-size:.85rem; color: var(--ft-muted);
}
.site-footer .f-newsletter .nl-note a{ color:#fff; }

/* MID */
.site-footer .footer-mid{
  margin-top: 22px;
  padding-top: 14px;
  border-top: 1px solid var(--ft-stroke);
  display:grid;
  grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); /* allow shrink */
  align-items:center;
  gap: 18px;
  overflow:hidden;
}
.site-footer .footer-mid > *{ min-width:0; }

.site-footer .footer-mid .promises{
  text-align:right; color: var(--ft-muted); font-size:.95rem;
}
.site-footer .footer-mid .promises i{ margin-right:6px; color:#7ed957; }

.site-footer .socials,
.site-footer .trust-badges{
  display:flex; gap:10px; align-items:center; list-style:none; margin:0; padding:0;
  flex-wrap:wrap; /* wrap on small screens */
}
.site-footer .socials a{
  width:36px; height:36px; display:grid; place-items:center;
  border-radius: 999px; background: rgba(255,255,255,.08);
  border: 1px solid var(--ft-stroke);
}
.site-footer .socials a:hover{ background: rgba(255,255,255,.12); }

.site-footer .trust-badges li span{
  display:inline-flex; align-items:center; justify-content:center;
  height:32px; padding: 0 12px; border-radius: 999px;
  border:1px solid var(--ft-stroke); color:var(--ft-text);
  background: rgba(255,255,255,.06);
  font-size:.9rem;
}

/* BOTTOM */
.site-footer .footer-bottom{
  margin-top: 22px;
  background: rgba(0,0,0,.12);
  border-top: 1px solid var(--ft-stroke);
}
.site-footer .footer-bottom p{
  margin:0; padding: 10px 0; color: var(--ft-muted); font-size:.92rem;
}

/* ACCESSIBILITY (scoped) */
.site-footer .sr-only{
  position:absolute!important; height:1px;width:1px; overflow:hidden; clip:rect(1px,1px,1px,1px);
  white-space:nowrap; border:0; padding:0; margin:-1px;
}

/* RESPONSIVE */
@media (max-width: 1100px){
  .site-footer .footer-top{
    grid-template-columns: 1.2fr 1fr 1fr 1.2fr;
  }
  .site-footer .f-newsletter{ grid-column: span 2; }
}
@media (max-width: 900px){
  .site-footer .footer-top{
    grid-template-columns: 1fr 1fr;
  }
  .site-footer .f-brand{ order: -1; }
  .site-footer .f-newsletter{ order: 3; }

  .site-footer .footer-mid{
    grid-template-columns: 1fr;
    text-align:center;
    padding-left:12px;
    padding-right:12px;
  }
  .site-footer .footer-mid .promises{ text-align:center; }
  .site-footer .socials{ justify-content:center; }
  .site-footer .trust-badges{ justify-content:center; flex-wrap:wrap; }
  .site-footer .footer-mid { display: flex; flex-direction: column; }
}
/* Hide the middle footer block on mobile (optional; keep if you asked for this) */
@media (max-width: 900px){
    .site-footer .footer-mid { display: flex; flex-direction: column; }
}

@media (max-width: 520px){
  .site-footer .f-brand .brand-card{ max-width:100%; }
  .site-footer .socials a{ width:34px; height:34px; }
  .site-footer .trust-badges li span{ height:30px; padding: 0 10px; font-size:.85rem; }
  .site-footer .footer-mid { display: flex; flex-direction: column; }
}

.site-footer .socials i{ font-size:16px; line-height:1; color: var(--ft-link); }

.site-footer {
    background: linear-gradient(0deg, #2f7dff, var(--ft-bg-2));
}

@media (max-width: 900px) {
    .footer-mid {
        display: flex;
        flex-direction: column;
    }
}
