/* ==========================================================================
   bdBasket storefront footer: "minimal centred" (option 2), 2026-10-16.
   White, everything centred: logo, tagline, one link row, social, contact,
   one legal line. Not scoped to html.mv2: the footer markup itself was
   replaced, so this applies on every screen size.
   ========================================================================== */

.bbf {
  --bbf-ink: #0F172A;
  --bbf-text: #475569;
  --bbf-muted: #64748B;
  --bbf-line: #E5E7EB;
  background: #FFFFFF;
  border-top: 1px solid var(--bbf-line);
  color: var(--bbf-text);
  text-align: center;
  margin-top: 40px;
}
.bbf a { color: var(--bbf-text); text-decoration: none; transition: color .15s; }
.bbf a:hover { color: var(--bbf-ink); }

.bbf-inner {
  max-width: 960px;
  margin: 0 auto;
  padding: 48px 24px 28px;
  display: flex; flex-direction: column; align-items: center;
}
.bbf-logo { display: inline-flex; }
.bbf-logo img { height: 44px; width: auto; display: block; }
.bbf-tagline {
  margin: 14px 0 0; max-width: 520px;
  font-size: 15px; line-height: 1.6; color: var(--bbf-muted);
}

.bbf-links {
  margin-top: 26px;
  display: flex; flex-wrap: wrap; justify-content: center;
  gap: 10px 32px;
}
.bbf-links a { font-size: 14px; font-weight: 500; }

.bbf-social { margin-top: 24px; display: flex; justify-content: center; gap: 10px; }
.bbf-social a {
  width: 40px; height: 40px; border-radius: 20px;
  border: 1px solid var(--bbf-line); background: #FFFFFF;
  color: var(--bbf-ink);
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 18px;
  transition: border-color .15s, background .15s;
}
.bbf-social a:hover { border-color: #CBD5E1; background: #F8FAFC; color: var(--bbf-ink); }

.bbf-contact {
  margin-top: 22px;
  display: flex; flex-wrap: wrap; justify-content: center; align-items: center;
  gap: 8px 20px;
  font-size: 14px;
}
.bbf .bbf-wa { color: #128C3E; font-weight: 600; }
.bbf .bbf-wa:hover { color: #0E6E31; }

.bbf-bottom {
  border-top: 1px solid var(--bbf-line);
  padding: 18px 24px 22px;
  display: flex; flex-wrap: wrap; justify-content: center; align-items: center;
  gap: 8px 20px;
  font-size: 13px; color: var(--bbf-muted);
}
.bbf-bottom a { color: #334155; }

/* Dot separators between items on wider screens. */
.bbf-contact > * + *::before,
.bbf-bottom > * + *::before {
  content: "";
  display: inline-block;
  width: 4px; height: 4px; border-radius: 2px;
  background: #CBD5E1;
  vertical-align: middle;
  margin: 0 20px 0 0;
  position: relative; top: -1px;
}
.bbf-contact, .bbf-bottom { column-gap: 0; }
.bbf-contact > * + *, .bbf-bottom > * + * { margin-left: 20px; }

/* Phones: links wrap with comfortable tap spacing; contact + legal stack. */
@media (max-width: 767px) {
  .bbf { margin-top: 28px; }
  .bbf-inner { padding: 36px 20px 22px; }
  .bbf-logo img { height: 40px; }
  .bbf-tagline { max-width: 300px; font-size: 14px; }
  .bbf-links { gap: 2px 22px; }
  .bbf-links a { min-height: 40px; display: inline-flex; align-items: center; }
  .bbf-contact, .bbf-bottom { flex-direction: column; gap: 10px; }
  .bbf-bottom { gap: 6px; font-size: 12.5px; line-height: 1.5; padding: 18px 20px 22px; }
  .bbf-contact > * + *, .bbf-bottom > * + * { margin-left: 0; }
  .bbf-contact > * + *::before, .bbf-bottom > * + *::before { display: none; }
  .bbf-contact a { min-height: 32px; display: inline-flex; align-items: center; }
}