/**
 * 微笑動漫 Child Theme — Footer 樣式
 * v1.4.0 (2026-05-27)
 *
 * 對應 footer.php v1.4.0
 * 變更：
 *  - 移除 .footer-cta-btn、.footer-aux 相關樣式
 *  - 社群圖示 hover 加入品牌色（依 social-{key} 區分）
 *  - 圖示列在大量項目時自動換行
 */

/* ─────────── Logo ─────────── */
.footer-logo-img{
  height:38px;
  width:auto;
  vertical-align:middle;
  display:inline-block;
}

/* ─────────── 5 欄佈局 ─────────── */
.site-footer .footer-top{
  display:grid;
  grid-template-columns:1.6fr repeat(4, 1fr);
  gap:36px 28px;
  padding:48px 0 28px;
}
@media (max-width:1024px){
  .site-footer .footer-top{
    grid-template-columns:1fr 1fr;
    gap:32px 24px;
  }
  .site-footer .footer-brand{grid-column:1 / -1;}
}
@media (max-width:600px){
  .site-footer .footer-top{grid-template-columns:1fr 1fr;}
}

/* ─────────── 社群圖示列 ─────────── */
.site-footer .social-links{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
  max-width:380px;
}
.site-footer .footer-social-btn{
  width:36px;
  height:36px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.06);
  color:var(--text-muted, #aab0c4);
  font-size:15px;
  text-decoration:none;
  transition:background .2s ease, color .2s ease, transform .2s ease;
}
.site-footer .footer-social-btn:hover{
  transform:translateY(-2px);
  color:#fff;
}
.site-footer .footer-social-placeholder{
  opacity:.35;
  cursor:not-allowed;
}
.site-footer .footer-social-placeholder:hover{
  transform:none;
  color:var(--text-muted, #aab0c4);
}

/* 各平台品牌色 hover */
.site-footer .social-discord:hover       {background:#5865F2;}
.site-footer .social-facebook_page:hover,
.site-footer .social-facebook_group:hover,
.site-footer .social-facebook_user:hover {background:#1877F2;}
.site-footer .social-x_twitter:hover     {background:#000;}
.site-footer .social-instagram:hover     {background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);}
.site-footer .social-youtube:hover       {background:#FF0000;}
.site-footer .social-threads:hover       {background:#000;}
.site-footer .social-line:hover          {background:#06C755;}
.site-footer .social-plurk:hover         {background:#FF574D;}
.site-footer .social-vocus:hover         {background:#16B8A4;}
.site-footer .social-reddit:hover        {background:#FF4500;}
.site-footer .social-linkedin:hover      {background:#0A66C2;}
.site-footer .social-linkgoods:hover     {background:#FF6B35;}
.site-footer .social-rss:hover           {background:#F26522;}