/* ท้ายเว็บ สามแถวนอน · ต้นฉบับ HTML อยู่ที่ src/partials/footer.html */
.foot{--c-strong:#fff;background:var(--navy-2);color:rgba(255,255,255,.78);padding-block:40px 26px;font-size:1rem}
.foot-nav a,.foot-links a,.foot-bottom a,.foot-wa,.foot .brand{color:inherit;text-decoration:none;transition:color .18s}
.foot .brand b{color:#fff}
.foot .brand small{color:rgba(255,255,255,.6)}
.foot .brand img{background:#fff;border-radius:10px;padding:4px;width:46px;height:46px}
.foot-row{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-bottom:24px}
.foot-nav{display:flex;flex-wrap:wrap;gap:0 22px;justify-content:center}
.foot-nav a{padding:11px 0}
.foot-social{display:flex;gap:10px}
.foot-social a{width:46px;height:46px;border-radius:13px;background:#fff;display:grid;place-items:center;transition:transform .2s}
.foot-social svg{width:24px;height:24px;display:block}
.foot-mid{display:flex;align-items:center;justify-content:space-between;gap:14px 24px;flex-wrap:wrap;
  padding-block:16px;margin-bottom:18px;border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}
.foot-links{display:flex;flex-wrap:wrap;gap:0 18px}
.foot-links a{padding:10px 0;color:rgba(255,255,255,.62)}
.foot-call{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.foot-wa{color:rgba(255,255,255,.62);padding:10px 0}
.foot-tel{font-family:var(--f-head);font-size:1.5rem;font-weight:700;color:#fff;text-decoration:none;line-height:1.2;padding-block:8px}
.foot-bottom{display:flex;justify-content:space-between;gap:8px 26px;flex-wrap:wrap;font-size:.95rem;color:rgba(255,255,255,.55)}
@media (hover:hover) and (pointer:fine){
  .foot-nav a:hover,.foot-links a:hover,.foot-bottom a:hover,.foot-wa:hover{color:#fff}
  .foot-social a:hover{transform:translateY(-2px)}
}
@media (max-width:560px){
  .foot-row{flex-direction:column;align-items:flex-start;gap:16px}
  .foot-nav{justify-content:flex-start;gap:0 18px}
  .foot-mid{flex-direction:column;align-items:flex-start;gap:10px}
  .foot-bottom{flex-direction:column;gap:6px}
}