/* ==========================================================================
   smartprix theme · footer.css
   页脚：logo + 社交图标 + 国家链接 + 4 列链接 + 版权行
   来源：us.smartprix.com index.3b4ef80b.css（规格 02 §2.10）
   依赖 tokens.css + base.css
   ========================================================================== */

footer{
  background:var(--sp-header-bg);
  color:#fff;
  font-size:.9286rem;
}
.way-item-initial footer,
.way-item-loading footer,
.sm-mobile-app footer{display:none}

.sm-footer{
  max-width:var(--main-width);
  margin:0 auto;
  padding:var(--mv) var(--ph);
}
.sm-footer a{color:var(--sp-nav-text)}
.sm-footer a:hover{color:var(--sp-footer-link-hover);text-decoration:underline}

/* ---------- 左列：logo / 社交 / 国家 ---------- */
.sm-footer .logo{
  display:block;
  margin:calc(-1 * var(--mv)) 0 20px 0;
  width:var(--sp-logo-w);height:var(--sp-logo-h);
}
.sm-footer .logo>img{width:100%;height:100%;object-fit:contain;object-position:left}

.sm-footer-social{
  display:grid;
  grid-template-columns:repeat(4,auto);
  justify-content:space-between;
  grid-gap:20px 0;
}
.sm-footer-social a{display:flex;color:var(--sp-nav-text)}
.sm-footer-social a:hover{color:var(--sp-footer-link-hover)}
.sm-footer-social .icon{--s:32px}

.sm-footer-countries{
  margin-top:28px;
  padding-top:20px;
  border-top:1px solid var(--sp-footer-divider);
  display:flex;flex-direction:column;gap:4px;
}

/* ---------- 右侧 4 列链接 ---------- */
.sm-footer-nav,
.sm-footer-top{display:flex;justify-content:space-between}
.sm-footer-top>div:first-child{width:210px}
.sm-footer-nav{flex:1;margin-left:110px}
.sm-footer-nav>div{display:grid;grid-auto-rows:min-content;grid-gap:4px}
.sm-footer-nav h3{margin-bottom:6px;font-size:20px;font-weight:700;line-height:30px;color:#fff}

/* ---------- 版权行 ---------- */
.sm-footer-c{
  padding-top:16px;
  margin-top:16px;
  border-top:1px solid var(--sp-footer-divider);
  display:flex;
}
.sm-footer-copy{flex:1}
.sm-footer-legal{display:flex;align-items:center}
.sm-footer-legal>span{margin:0 10px}

/* ==========================================================================
   断点（规格 02 §6）
   ========================================================================== */
@media (max-width:750px){
  footer{margin-top:var(--mv)}
  sm-dap+footer{margin-top:0}
  .sm-footer{padding-top:16px;padding-bottom:12px}
  .sm-footer-nav,
  .sm-footer .logo{display:none}
  .sm-footer-top>div:first-child{width:100%}
  .sm-footer-social{grid-template-columns:repeat(8,auto)}
  .sm-footer-social a{padding:8px;margin:-8px}
  .sm-footer-social .icon{--s:24px}
  .sm-footer-countries{flex-direction:row;gap:20px;margin-top:16px;padding-top:16px}
  .sm-footer-c{flex-direction:column;gap:6px}
}

@media (min-width:750px) and (max-width:960px){
  .sm-footer-nav>div:nth-child(3){display:none}
}