/* =====================================================================
   BX3 FOOTER — kolom menu + ikon sosmed di latar krem, baris putih di bawah (gaya CHAGEE)
   ===================================================================== */

.bx3.bx3-foot{display:block;background:var(--bx3-cream);color:var(--bx3-ink-soft);line-height:1.4}
.bx3 .bx3-foot__top{position:relative;display:flex;justify-content:space-between;align-items:flex-start;gap:40px;padding:clamp(40px,3.4vw,64px) var(--bx3-wrap-x) clamp(72px,7vw,130px)}
.bx3 .bx3-foot__cols{display:flex;flex-wrap:wrap;gap:28px clamp(32px,5.2vw,100px)}
.bx3 a.bx3-foot__head[href]{display:inline-block;font-size:var(--bx3-fs-sm);font-weight:700;line-height:1.4;text-transform:uppercase;color:var(--bx3-ink);transition:color var(--bx3-t) var(--bx3-ease)}
.bx3 .bx3-foot__cols ul{margin-top:10px}
.bx3 .bx3-foot__cols li{font-size:var(--bx3-fs-xs);line-height:2.3}
.bx3 .bx3-foot__cols li a[href]{text-transform:uppercase;transition:color var(--bx3-t) var(--bx3-ease)}
.bx3.bx3-foot a[href]:is(:hover,:focus-visible),.bx3.bx3-foot a[href][aria-current="page"]{color:var(--bx3-orange)}

/* Ikon sosmed: bulat */
.bx3 .bx3-foot__social{display:flex;gap:16px;flex:none}
.bx3 a.bx3-foot__icon[href]{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background-color:rgba(100,59,34,.42);color:var(--bx3-white);transition:background-color var(--bx3-t) var(--bx3-ease)}
.bx3.bx3-foot a.bx3-foot__icon[href]:is(:hover,:focus-visible){background-color:var(--bx3-choc);color:var(--bx3-white)}

.bx3 a.bx3-totop[href]{position:absolute;right:var(--bx3-wrap-x);bottom:24px;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background-color:rgba(100,59,34,.08);color:var(--bx3-ink);transition:background-color var(--bx3-t) var(--bx3-ease),color var(--bx3-t) var(--bx3-ease)}
.bx3.bx3-foot a.bx3-totop[href]:is(:hover,:focus-visible){background-color:var(--bx3-choc);color:var(--bx3-white)}

/* Baris bawah */
.bx3 .bx3-foot__bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:22px var(--bx3-wrap-x);background:var(--bx3-white);font-size:var(--bx3-fs-xs);line-height:1.4}
.bx3 .bx3-foot__region{display:inline-flex;align-items:center;gap:8px}
.bx3 .bx3-foot__legal{justify-self:end;display:flex;gap:10px;text-transform:uppercase}

@media (max-width:767px){
  .bx3 .bx3-foot__top{flex-direction:column}
  .bx3 .bx3-foot__cols{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .bx3 .bx3-foot__bar{grid-template-columns:1fr;justify-items:start}
  .bx3 .bx3-foot__legal{justify-self:start}
}