/* ============================================================================
 * themes/kgtwbeef/footer.css — kgtwbeef 主題 footer 層完整抽取
 * ============================================================================
 *
 * 用途：
 *   完整承接舊 kgtwbeef.css 的 footer 相關段落內容（含 footer-area 反白覆寫 +
 *   舊版 footer-top + 新版 footerBg/footer），作為 kgtwbeef 主題對
 *   common/footer.css 的覆寫與補充層。
 *
 * 抽取策略（按 dgfactor 模式 — 完整段落抽取）：
 *   舊 kgtwbeef.css 已凍結停用（css.blade.php 改用 themeCssUrls 模組化載入，不再直接載入舊單檔），其 footer 段落
 *   SHALL 完整抽到本檔。本檔載入順序在 common/footer.css 之後。
 *
 * 抽取來源：public/web/css/kgtwbeef.css
 *   - line 1678-1705：.footer-area 內 .theme-bg / .black-bg 反白覆寫（深底白字）
 *   - line 3344-3494：.footer-top-inner / .footer-about / .footer-logo /
 *                     .footer-brief / .footer-social / .footer-title /
 *                     .footer-menu / .footer-message / .footer-payment /
 *                     .footer-social-2（舊版 footer-top 完整段落）
 *   - line 5159-5422：.footerBg / .footer / .footerLogo / .footerInfoBox /
 *                     .footerInfo / .footerSocial / .copyRight 新版 footer
 *                     區塊（kgtwbeef 主要顯示版本）
 *
 * 跳過範圍：
 *   - 散落於共用 RWD 區塊中的零星 .footer-top-inner padding 微調
 *     （如 line 3004），保留於舊單檔托底
 *   - kgtwbeef.css 無浮動按鈕（btn-Line / btn-Fb / btn-Phone），不抽
 *
 * Cascade 提醒（volvo 教訓）：
 *   common/footer.css 已含同樣選擇器，kgtwbeef 在後載入，重複規則由 kgtwbeef
 *   勝出。若視覺位置仍不一致，需檢視 common 對應屬性是否有 kgtwbeef 沒設的
 *   滲透屬性（margin / padding / display）。
 *
 * 載入順序：
 *   common/footer.css -> themes/kgtwbeef/footer.css（本檔）-> 其他
 *
 * 詳細規格：openspec/specs/web-theme-css/spec.md（Requirement R.FUNC.1 / R.FUNC.8）
 * 變更記錄：openspec/changes/issue518-web-theme-css-modularization/（task 9.4）
 * ============================================================================
 */

/* ============================================================================
 * 區段 1：.footer-area 深底反白覆寫（line 1678-1705）
 * ============================================================================ */

/* ============================================================================
 * 區段 2：舊版 footer-top / footer-menu / footer-payment 等（line 3344-3494）
 * ============================================================================ */

.footer-social li a {
  border: 1px solid rgb(153, 153, 153);
  border-radius: 50%;
  color: #999;
  display: block;
  height: 30px;
  text-align: center;
  width: 30px;
}

.footer-social li a i {
  line-height: 28px;
}

.copyright-text p {
  line-height: 1;
  margin: 0;
}

.copyright-text p a {
  color: #999999;
}

.copyright-text p a:hover {
  color: #ff7f00;
}

/* ============================================================================
 * 區段 3：新版 footerBg / footer / footerInfo / copyRight（line 5159-5422）
 * ============================================================================ */

.footerBg {
  background-color: #ffffff;
  background-image: url("../../../img/kgtwbeef/bg/bgFooter.png");
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 40px;
  position: relative;
}

.contactBox {
  background: rgba(255, 255, 255, 0.3725490196);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border: 1px solid #E8380C;
  padding: 15px 20px;
  border-radius: 20px;
  height: 100%;
}

.mapBox .mapText {
  margin-top: 20px;
  color: #E8380C;
}

.mapBox .mapText h1 {
  color: #E8380C;
  margin: 0 0 20px;
  font-size: 25px;
  line-height: 45px;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .mapBox .mapText h1 {
    font-size: 18px;
    line-height: 32px;
    margin: 0 0 12px;
  }
}

.mapBox .mapText p {
  color: #E8380C;
  font-size: 16px;
}

.footerInfo p {
  color: #c3996b;
  font-size: 16px;
  margin-right: 12px;
}

.footerInfo::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -10px;
  transform: translateY(-50%);
  width: 1px;
  height: 20px;
  background: #c3996b;
}

.footerLink a {
  color: #c3996b;
  font-size: 16px;
  margin-right: 10px;
}

/* 購物車懸浮鈕：品牌棕色（結構沿用 common，僅覆寫品牌色） */
.function-btns-block .btn-Cart {
  background: #c3996b;
}

.function-btns-block .btn-Cart:hover {
  background: #a87f54;
}

/* 卡吉 footer 只放單一購物車鈕時，不沿用客服堆疊的半隱藏定位 */
.function-btns-area--cart-only .function-btns-block {
  bottom: 20px;
}