/* ============================================================
   FOOTER.CSS — LUMIÈRE Hanoi Seasons Garden · The Bloom LDP
   Footer riêng (#colophon.site-footer), thay footer 4 cột mặc định
   của Astra. Nằm ngoài <main class="mcxl-page">, nên có reset màu
   link riêng thay vì dựa vào .mcxl-page a{color:inherit}.
============================================================ */

.site-footer{
  background: var(--c-ink);
  overflow-x: hidden;
}
.site-footer a{
  color: inherit;
  text-decoration: none;
}

/* Tự chứa max-width/padding-inline (không dùng .container của base.css) vì
   footer.php hiển thị trên MỌI trang, còn base.css chỉ enqueue ở trang chủ. */
.site-footer__inner{
  width: 100%;
  max-width: var(--container);
  margin-inline: auto;
  padding-inline: var(--gutter-mobile);
  padding-block: var(--sp-6) var(--sp-5);
}
@media (min-width: 768px){
  .site-footer__inner{ padding-inline: var(--gutter-desktop); }
}
@media (min-width: 1024px){
  .site-footer__inner{ padding-block: 96px 56px; }
}

/* ---------- ROW 1 & 2 — lưới thông tin 4 cột ---------- */
.site-footer__cols{
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--sp-4) var(--sp-3);
}
.site-footer__cols--business{
  margin-top: var(--sp-5);
  padding-top: var(--sp-5);
  border-top: 1px solid var(--c-border-dark);
}
@media (min-width: 768px){
  .site-footer__cols{ grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1024px){
  .site-footer__cols{ grid-template-columns: repeat(4, 1fr); gap: var(--sp-4); }
}

.site-footer__col{ min-width: 0; }

.site-footer__label{
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--c-accent);
  margin: 0 0 10px;
}
.site-footer__value{
  font-family: var(--font-body);
  font-size: 14.5px;
  line-height: 1.65;
  color: rgba(245,243,236,.86); /* trắng ngà — var(--c-cream) trên nền tối */
  margin: 0;
}
.site-footer__link{
  transition: color .2s var(--ease);
}
.site-footer__link:hover{
  color: var(--c-accent);
  text-decoration: underline;
}

/* ---------- ROW 3 — menu liên kết ngang ---------- */
.site-footer__nav{
  margin-top: var(--sp-5);
}
.site-footer__nav-list{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 28px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.site-footer__nav-list a{
  font-family: var(--font-body);
  font-size: 13.5px;
  font-weight: 500;
  color: rgba(245,243,236,.86);
  white-space: nowrap;
  transition: color .2s var(--ease);
}
.site-footer__nav-list a:hover{
  color: var(--c-accent);
  text-decoration: underline;
}

/* ---------- ROW 4 — đường kẻ ---------- */
.site-footer__divider{
  border: none;
  border-top: 1px solid var(--c-border-dark);
  margin: var(--sp-5) 0 var(--sp-3);
}

/* ---------- ROW 5 — disclaimer pháp lý ---------- */
.site-footer__disclaimer p{
  font-family: var(--font-body);
  font-size: 12px;
  line-height: 1.75;
  color: rgba(245,243,236,.5);
  margin: 0 0 12px;
}
.site-footer__disclaimer p:last-child{ margin-bottom: 0; }