/* =====================================================================
   hakolawood — site footer (Step 3)
   wp-content/themes/hakolawood-child/assets/css/footer.css
   Linen grounding band #ECE5DA, ink/charcoal text. Coral hover #C0463F.
   ===================================================================== */

.hw-foot{
  background:#ECE5DA;
  color:#4A4744;
  font-family:'Manrope',system-ui,'Helvetica Neue',Helvetica,Arial,sans-serif;
  padding:84px 0 0;
  -webkit-font-smoothing:antialiased;
}
.hw-foot *{box-sizing:border-box;}
.hw-foot__inner{
  width:1200px;max-width:100%;margin:0 auto;padding:0 24px;
}

/* ---- link columns ---- */
.hw-foot__cols{
  display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1fr;gap:48px;padding:56px 0;
}
.hw-foot__logo{display:flex;align-items:center;gap:13px;}
.hw-foot__logo img{display:block;width:28px;height:40px;}
.hw-foot__word{font-family:'Montserrat',sans-serif;font-size:22px;font-weight:300;letter-spacing:0.17em;color:#1C1B1A;}
.hw-foot__tag{margin:20px 0 0;font-size:16px;line-height:1.6;color:#8A847E;max-width:300px;}
.hw-foot__social{display:flex;gap:14px;margin-top:22px;}
.hw-foot__icon{display:flex;color:#8A847E;transition:color .18s ease;}
.hw-foot__icon:hover{color:#C0463F;}

.hw-foot__head{
  margin:0 0 18px;font-size:13px;letter-spacing:0.14em;text-transform:uppercase;
  color:#8A847E;font-weight:500;
}
.hw-foot__links{display:flex;flex-direction:column;gap:12px;}
.hw-foot__link{font-size:16px;color:#4A4744;text-decoration:none;transition:color .18s ease;}
.hw-foot__link:hover{color:#C0463F;}
/* not-yet-live line: muted, non-clickable, with a small "Soon" badge */
.hw-foot__link--soon,
.hw-foot__link--soon:hover{display:inline-flex;align-items:center;gap:8px;color:#8A847E;cursor:default;}
/* plain, not-yet-live label: muted, no link, no badge */
.hw-foot__link--muted,
.hw-foot__link--muted:hover{color:#8A847E;cursor:default;}
/* same "Coming soon" label as the home configurator-band pills (.hw-pill-soon) */
.hw-foot__soon{
  font-size:10px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;
  color:#C0463F;background:#F3E5E1;border-radius:6px;padding:4px 8px;white-space:nowrap;
}

/* ---- bottom bar ---- */
.hw-foot__bottom{
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  padding:26px 0 36px;border-top:1px solid #E4DFD9;
}
.hw-foot__copy{font-size:13px;color:#8A847E;}
.hw-foot__bottom-right{display:flex;align-items:center;gap:20px;}
/* "Cookie settings" consent-withdrawal link. It must be a <button> (Complianz
   binds to button.cmplz-manage-consent), so strip the button chrome + the
   theme's global button hover shadow, matching the copyright text. */
.hw-foot__cookie{
  font-family:inherit; font-size:13px; color:#8A847E;
  background:none; border:0; padding:0; cursor:pointer;
  transition:color .18s ease;
}
.hw-foot__cookie:hover,
.hw-foot__cookie:focus,
.hw-foot__cookie:active{ color:#C0463F; background:none; border-color:transparent; box-shadow:none; }

/* Paytrail payment logo: toned to ink/dark and kept small to fit the band */

/* back-to-top */
.hw-foot__top{
  display:inline-flex;align-items:center;gap:7px;
  background:none;border:0;cursor:pointer;
  font-family:inherit;font-size:13px;font-weight:600;letter-spacing:0.04em;
  text-transform:uppercase;color:#8A847E;padding:6px 4px;
  transition:color .18s ease;
}
/* This is a plain text link, but it's a <button>, so the theme's global button
   styles turn it into a filled coral button on hover (background + drop-shadow).
   Neutralise those so hover is just the text going coral. */
.hw-foot__top:hover,
.hw-foot__top:focus,
.hw-foot__top:active{ color:#C0463F; background:none; border-color:transparent; box-shadow:none; }

/* =====================================================================
   Responsive
   ===================================================================== */
@media (max-width:1024px){
  .hw-foot__cols{grid-template-columns:1fr 1fr 1fr;gap:40px 32px;}
  .hw-foot__brand{grid-column:1 / -1;}
}
@media (max-width:768px){
  .hw-foot{padding-top:56px;}
  .hw-foot__cols{grid-template-columns:1fr 1fr;gap:36px 24px;}
}
@media (max-width:520px){
  .hw-foot__cols{grid-template-columns:1fr;}
  .hw-foot__bottom{flex-direction:column;align-items:flex-start;gap:18px;}
}