/* ============================================================================
   BK Footer — dark olive ground, cream type, hairline structure
   ========================================================================== */

.bk-footer {
  background-color: rgb(var(--color-background));
  color: rgb(var(--color-foreground));
  padding-block: clamp(3.5rem, 7vw, 6rem) var(--bk-space-12);
}
.bk-footer a { color: rgb(var(--color-foreground)); text-decoration: none; }
.bk-footer a:hover { color: var(--bk-brass-light); text-decoration: underline; text-underline-offset: 3px; }

/* ---- Top: brand + columns ------------------------------------------------- */
.bk-footer__top {
  display: grid;
  gap: var(--bk-space-16) var(--bk-space-12);
  padding-bottom: var(--bk-space-16);
}

.bk-footer__wordmark { gap: 0.1em; }
.bk-footer__wordmark .bk-deva { font-size: 1.25rem; color: rgb(var(--color-foreground)); }
.bk-footer__wordmark-latin {
  font-family: var(--bk-font-body);
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: rgb(var(--color-foreground));
}
.bk-footer__line {
  font-family: var(--bk-font-display);
  font-style: italic;
  font-size: 1.25rem;
  color: rgba(var(--color-foreground), 0.85);
  margin: var(--bk-space-4) 0 0;
  max-width: 24ch;
}

/* atelier list */
.bk-footer__news { margin-top: var(--bk-space-8); max-width: 22rem; }
.bk-footer__news .bk-eyebrow { color: rgba(var(--color-foreground), 0.6); }
.bk-footer__news-field {
  display: flex;
  align-items: center;
  gap: var(--bk-space-3);
  margin-top: var(--bk-space-3);
  border-bottom: 1px solid rgba(var(--color-foreground), 0.32);
}
.bk-footer__news-field input {
  flex: 1;
  background: transparent;
  border: 0;
  color: rgb(var(--color-foreground));
  font-family: var(--bk-font-body);
  font-size: var(--bk-fs-body);
  padding: 0.65rem 0;
}
.bk-footer__news-field input::placeholder { color: rgba(var(--color-foreground), 0.5); }
.bk-footer__news-field input:focus { outline: none; }
.bk-footer__news-field button {
  background: none; border: 0; cursor: pointer;
  color: rgb(var(--color-foreground));
  display: inline-flex; padding: 0.25rem;
  transition: color var(--bk-dur-fast) var(--bk-ease), transform var(--bk-dur-fast) var(--bk-ease);
}
.bk-footer__news-field button:hover { color: var(--bk-brass-light); transform: translateX(3px); }
.bk-footer__news-note { font-family: var(--bk-font-body); font-size: var(--bk-fs-caption); color: rgba(var(--color-foreground), 0.55); margin: var(--bk-space-3) 0 0; }
.bk-footer__news-ok { font-family: var(--bk-font-display); font-style: italic; color: rgba(var(--color-foreground), 0.9); margin-top: var(--bk-space-3); }

/* columns */
.bk-footer__cols { display: grid; grid-template-columns: 1fr; gap: var(--bk-space-8); }
.bk-footer__col .bk-eyebrow { color: rgba(var(--color-foreground), 0.6); display: block; margin-bottom: var(--bk-space-4); }
.bk-footer__col ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--bk-space-3); }
.bk-footer__col a { font-family: var(--bk-font-body); font-size: var(--bk-fs-body); }

/* ---- Trust line ----------------------------------------------------------- */
.bk-footer__trust {
  list-style: none; margin: 0; padding: var(--bk-space-8) 0;
  display: flex; flex-wrap: wrap; gap: var(--bk-space-2) var(--bk-space-4);
  font-family: var(--bk-font-body);
  font-size: var(--bk-fs-eyebrow);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(var(--color-foreground), 0.62);
  border-top: 1px solid rgba(var(--color-foreground), 0.18);
}
.bk-footer__trust li:not(:last-child)::after { content: "·"; margin-left: var(--bk-space-4); color: var(--bk-brass); }

/* ---- Bottom bar ----------------------------------------------------------- */
.bk-footer__bottom {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
  gap: var(--bk-space-3);
  padding-top: var(--bk-space-6);
  border-top: 1px solid rgba(var(--color-foreground), 0.18);
}
.bk-footer__copy {
  font-family: var(--bk-font-body);
  font-size: var(--bk-fs-caption);
  color: rgba(var(--color-foreground), 0.55);
  margin: 0;
}

/* ============================================================================
   RESPONSIVE
   ========================================================================== */
@media screen and (min-width: 750px) {
  .bk-footer__cols { grid-template-columns: repeat(3, 1fr); }
}
@media screen and (min-width: 990px) {
  .bk-footer__top { grid-template-columns: 1.5fr 2fr; }
}