/* TOGOPEPTIDE — Footer glow-up · Layer 9 · Cluster 04
   Builds on the existing site-footer markup. Adds:
   payment-row, trust-row, sitemap-row, mobile-accordion polish. */

/* ── Payment method icons ────────────────────────────── */
.footer-payment{
  margin:24px 0 0;padding:18px 0 0;
  border-top:1px solid rgba(255,255,255,0.06);
  display:flex;flex-wrap:wrap;gap:14px 22px;align-items:center;justify-content:center;
}
.footer-payment__label{
  font-size:11px;text-transform:uppercase;letter-spacing:0.1em;
  color:var(--color-text-muted, #8c8c92);font-weight:600;
}
.footer-payment__methods{
  display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;
}
.footer-payment__method{
  height:28px;padding:6px 12px;
  background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);
  border-radius:6px;
  display:inline-flex;align-items:center;gap:6px;
  font-size:11.5px;font-weight:600;color:var(--color-text-soft, #d6d6d9);
  letter-spacing:0.02em;
  transition:border-color 160ms ease, background 160ms ease;
}
.footer-payment__method:hover{
  border-color:rgba(255,255,255,0.16);background:rgba(255,255,255,0.06);
}
.footer-payment__method svg{flex-shrink:0;color:var(--color-accent, #e01b1b)}
.footer-payment__method--ideal{color:#cb2d80}
.footer-payment__method--mollie{color:#28d9a1}
.footer-payment__method--ssl svg{color:#22c55e}

/* ── Trust signal row (Trustpilot placeholder + lab-test badge) ── */
.footer-trust{
  margin:18px 0 0;padding:18px 0;
  border-top:1px solid rgba(255,255,255,0.06);
  border-bottom:1px solid rgba(255,255,255,0.06);
  display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:center;
  text-align:center;
}
.footer-trust__item{
  display:inline-flex;align-items:center;gap:10px;
  font-size:12.5px;color:var(--color-text-soft, #d6d6d9);
}
.footer-trust__item strong{color:#fff;font-weight:600}
.footer-trust__item svg{flex-shrink:0;color:var(--color-accent, #e01b1b);opacity:0.85}
.footer-trust__stars{
  display:inline-flex;gap:2px;color:#ffd166;font-size:13px;letter-spacing:0;
}

/* ── Cookie-preferences link in legal block ──────────── */
.footer-cookies-link{
  background:transparent;border:0;padding:0;margin:0;
  color:inherit;font:inherit;text-decoration:underline;text-underline-offset:2px;
  cursor:pointer;
  transition:color 140ms ease;
}
.footer-cookies-link:hover{color:#fff}

/* The footer logo image has no class on the <img>, so global responsive image
   rules can expand the SVG to full container width. Keep the brand mark fixed. */
.site-footer__logo img{
  width:48px !important;
  height:48px !important;
  max-width:48px !important;
  aspect-ratio:1 / 1 !important;
}

/* ── Live-stats line (orders shipped / compounds active) ── */
.footer-stats{
  margin-top:16px;
  font-size:12px;color:var(--color-text-muted, #8c8c92);
  text-align:center;line-height:1.6;
}
.footer-stats strong{color:#fff;font-weight:600;font-variant-numeric:tabular-nums}
.footer-stats__sep{margin:0 8px;opacity:0.4}

/* ── Made-with-care signature ────────────────────────── */
.footer-signature{
  margin-top:14px;font-size:11px;color:#666;text-align:center;
  letter-spacing:0.04em;
}
.footer-signature__heart{color:#e01b1b}

/* ── Last-updated line (content freshness signal) ────── */
.footer-updated{
  margin:18px 0 0;
  font-size:11px;color:#5a5a5f;text-align:center;
  letter-spacing:0.04em;
  font-variant-numeric:tabular-nums;
}
.footer-updated time{color:#7d7d85;font-weight:500}

/* ── Newsletter form polish (small refinements) ──────── */
.newsletter-form .newsletter-form__input:focus{
  border-color:var(--color-accent, #e01b1b) !important;
  box-shadow:0 0 0 3px rgba(224,27,27,0.15) !important;
}
.newsletter-form__success{
  display:none;font-size:12.5px;color:var(--color-success-on-weak, #4ce39d);
  margin-top:8px;padding:8px 12px;
  background:var(--color-success-weak, rgba(46,194,126,0.12));
  border-radius:8px;line-height:1.4;
}
.newsletter-form.is-submitted .newsletter-form__success{display:block}
.newsletter-form.is-submitted .newsletter-form__input,
.newsletter-form.is-submitted .newsletter-form__submit{opacity:0.5;pointer-events:none}

/* ── Mobile-footer accordion polish ──────────────────── */
@media (max-width:899px){
  .site-footer__heading{cursor:pointer}
  .site-footer__chevron{
    transition:transform 200ms cubic-bezier(0.22,1,0.36,1);
  }
  [data-footer-group][data-open="false"] .site-footer__chevron{
    transform:rotate(-90deg);
  }
  [data-footer-group][data-open="false"] .site-footer__links,
  [data-footer-group][data-open="false"] .newsletter-form,
  [data-footer-group][data-open="false"] .site-footer__newsletter-lead,
  [data-footer-group][data-open="false"] .site-footer__newsletter-note{
    display:none;
  }

  .footer-trust,
  .footer-stats,
  .footer-signature,
  .footer-updated{
    display:none;
  }

  .footer-payment{
    margin-top:14px;
    padding-top:14px;
    gap:10px;
  }

  .footer-payment__methods{
    gap:8px;
  }

  .footer-payment__method{
    height:26px;
    padding:5px 9px;
    font-size:10.5px;
  }
}