/* ฟุตเตอร์กลาง — เขียนสไตล์เองทั้งหมด ไม่พึ่ง .footer-grid ของธีมเดิม
   (ของเดิมตั้ง grid ไว้ 5 คอลัมน์ พอเหลือ 3 คอลัมน์เลยยืดผิดตำแหน่ง) */
footer.site-footer{
  display:block !important;   /* ธีมเดิมตั้ง footer เป็น grid ทำให้แถบล่างไปกองขวา */
  --gold:#d4af37; --gold-soft:#f0c76a;
  border-top:1px solid rgba(212,175,55,.28);
  padding:clamp(34px,4vw,64px) clamp(18px,5vw,72px) 26px;
  background:linear-gradient(180deg,rgba(20,17,9,.6),rgba(8,7,6,.92));
}
footer.site-footer .footer-grid{
  display:grid !important;
  grid-template-columns:minmax(300px,1.6fr) repeat(3,minmax(120px,.6fr)) minmax(220px,1fr) !important;
  gap:clamp(18px,1.8vw,32px);
  max-width:1540px;margin:0 auto;align-items:start;
}
footer.site-footer .footer-brand img{width:min(320px,72%);height:auto}
footer.site-footer p{color:#c9bda0;line-height:1.75;margin:12px 0 0;max-width:56ch}
footer.site-footer .footer-note{color:#8e8574;font-size:.86rem}
footer.site-footer h3{color:var(--gold-soft);font-size:1rem;margin:0 0 14px;letter-spacing:normal}
footer.site-footer .footer-links{display:flex;flex-direction:column;gap:10px}
footer.site-footer .footer-links a{color:#e8dcc0;text-decoration:none;font-size:.94rem;width:fit-content}
footer.site-footer .footer-links a:hover{color:var(--gold-soft)}
footer.site-footer .footer-contact{
  border:1px solid rgba(212,175,55,.22);border-radius:16px;padding:18px 20px;background:rgba(212,175,55,.05);
}
footer.site-footer .footer-contact-button{
  display:block;margin-top:14px;padding:12px 18px;border-radius:12px;text-align:center;white-space:nowrap;
  background:linear-gradient(135deg,var(--gold-soft),var(--gold));color:#1a1405;font-weight:800;text-decoration:none;
}
footer.site-footer .footer-contact-button:hover{filter:brightness(1.07)}
footer.site-footer .footer-bottom{
  width:100%;
  display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;
  max-width:1240px;margin:clamp(26px,3vw,44px) auto 0;padding-top:20px;
  border-top:1px solid rgba(212,175,55,.16);color:#9d937f;font-size:.86rem;text-align:center;
}
footer.site-footer .responsible-mark{display:inline-flex;align-items:center;gap:8px}
footer.site-footer .responsible-mark b{
  display:grid;place-items:center;width:34px;height:34px;border-radius:50%;
  border:1px solid rgba(212,175,55,.5);color:var(--gold-soft);font-size:.78rem;
}
footer.site-footer .footer-bottom p{margin:0;color:#9d937f}

@media (min-width:901px) and (max-width:1180px){
  footer.site-footer .footer-grid{
    grid-template-columns:minmax(260px,1.35fr) repeat(3,minmax(105px,.6fr)) !important;
  }
  footer.site-footer .footer-brand-column{grid-row:span 2}
  footer.site-footer .footer-contact{grid-column:2 / -1}
}

@media (max-width:900px){
  /* Keep the three navigation groups on one row while the brand and contact stay full width. */
  footer.site-footer .footer-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    grid-auto-flow:row !important;grid-auto-rows:auto !important;
    gap:26px 8px !important;
    justify-items:stretch !important;justify-content:center !important;text-align:center;
  }
  footer.site-footer .footer-grid > *{
    grid-row:auto !important;justify-self:stretch !important;
    width:100% !important;max-width:none;margin-inline:0 !important;
  }
  footer.site-footer .footer-brand-column,
  footer.site-footer .footer-contact{
    grid-column:1 / -1 !important;justify-self:center !important;
    max-width:420px;margin-inline:auto !important;
  }
  footer.site-footer h3{text-align:center}
  footer.site-footer h3::after{left:50% !important;transform:translateX(-50%)}   /* ขีดใต้หัวข้อให้อยู่กลาง */
  footer.site-footer p{max-width:60ch}
  footer.site-footer .footer-links{
    grid-column:auto !important;grid-row:auto !important;
    position:static !important;align-items:center;gap:8px !important;
    padding-inline:4px !important;border-left:0 !important;
    transform:none !important;translate:none !important;
  }          /* เมนูจัดกลางบนมือถือ */
  footer.site-footer .footer-links h3{
    margin-bottom:10px;font-size:.84rem;white-space:nowrap;
  }
  footer.site-footer .footer-links a{
    position:static !important;width:auto;min-height:30px;height:auto !important;
    margin:0 !important;display:flex;align-items:center;justify-content:center;
    transform:none !important;translate:none !important;animation:none !important;
    font-size:clamp(.68rem,2.8vw,.78rem) !important;line-height:1.42 !important;
    text-align:center;overflow-wrap:anywhere;
  }
  footer.site-footer .footer-contact{width:min(420px,100%)}
  footer.site-footer .footer-brand img{width:min(280px,80%)}
}

/* ── หัวเว็บ: ปุ่มสมาชิก + แฮมเบอร์เกอร์ บนจอเล็ก ─────────────────────────── */
header #ufaHeadBox{display:flex;align-items:center;gap:8px;justify-self:end;min-width:0}
header #memberSlot{display:inline-flex;align-items:center;min-width:0}
@media (max-width:900px){
  /* คอลัมน์ที่ 3 คือกล่องปุ่มสมาชิก+เมนู (ธีมตั้งไว้ 3 คอลัมน์: โลโก้ | nav | ปุ่มเมนู) */
  header{grid-template-columns:minmax(0,1fr) 0 auto !important}
  header > #ufaHeadBox{grid-column:3 !important}
  header .logo img{max-width:min(150px,42vw);height:auto}
  header #memberSlot .ufa-pill{padding:3px 6px 3px 4px;gap:5px;font-size:.86rem}
  header #memberSlot .ufa-pill i.ava{width:24px;height:24px;font-size:13px}
  header #memberSlot .ufa-refresh{width:22px;height:22px}
}
@media (max-width:400px){
  header #memberSlot .ufa-pill i.ava{display:none}      /* จอเล็กมาก ตัดไอคอนออกให้เหลือยอดเงิน */
  header .logo img{max-width:min(124px,38vw)}
}

/* ── เมนูท้ายเว็บ: เดิมตัวบางและจางเกินไปบนพื้นดำ ── */
.site-footer .footer-links a{font-size:.98rem;font-weight:500;color:#f0e6cd;letter-spacing:normal}
.site-footer .footer-links a:hover{color:#ffdf9a}
.site-footer h3,.site-footer .footer-col-title{font-weight:700;letter-spacing:normal}
.site-footer p{color:#d6cbb2;font-weight:400}
.site-footer .footer-bottom p{color:#b6ab93}