/* v76: Footer fit width + notice line break + about/sitemap support. Footer only. */

/* 保留 v72/v75 背景，不改色；只讓玻璃大底剛好包住內容，不留右側大片空白 */
.footer-v62-main{
  width:fit-content!important;
  max-width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  grid-template-columns:230px 420px 145px 345px!important;
  gap:28px!important;
  padding:26px 28px 28px!important;
  overflow:hidden!important;
}

.footer-v62-info{width:345px!important; max-width:345px!important; min-width:0!important;}
.footer-v65-company-info{max-width:345px!important;}
.footer-v65-company-info li{max-width:345px!important;}

/* 預約提醒：在 LINE 前斷行，寬度貼近公司資訊欄，不再出框 */
.footer-v66-appointment{
  display:block!important;
  box-sizing:border-box!important;
  width:318px!important;
  max-width:100%!important;
  margin-top:12px!important;
  padding:10px 14px!important;
  border-radius:14px!important;
  line-height:1.7!important;
  white-space:normal!important;
  word-break:keep-all!important;
  overflow-wrap:normal!important;
  background:rgba(255,255,255,.145)!important;
  border:1px solid rgba(255,255,255,.30)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16), 0 10px 20px rgba(0,0,0,.10)!important;
}

/* 地圖小圖示維持小巧，不影響地址行寬 */
.footer-map-icon{
  display:inline-block!important;
  margin-left:6px!important;
  font-size:.9em!important;
  vertical-align:.02em!important;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.3));
}

/* 服務項目維持白色 */
.footer-v62-service-grid a,
.footer-v62-service-grid li:nth-child(3n+1) a,
.footer-v62-service-grid li:nth-child(3n+2) a,
.footer-v62-service-grid li:nth-child(3n) a{
  color:#ffffff!important;
  font-weight:500!important;
  text-shadow:0 1px 2px rgba(0,0,0,.50), 0 0 10px rgba(255,255,255,.12)!important;
}

/* 關於我們／網站地圖頁面補充樣式 */
.hl3c-info-wide-card{
  grid-column:1 / -1;
}
.hl3c-sitemap-list{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px 18px;
  margin:0;
  padding:0;
  list-style:none;
}
.hl3c-sitemap-list a{
  display:block;
  padding:12px 14px;
  border-radius:14px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(17,24,39,.08);
  color:#1d4ed8;
  text-decoration:none;
  font-weight:700;
}
.hl3c-sitemap-list a:hover{
  background:#fff;
  transform:translateY(-1px);
}
.hl3c-info-card .hl3c-mini-list{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:12px;
}
.hl3c-info-card .hl3c-mini-list span{
  display:inline-flex;
  padding:7px 11px;
  border-radius:999px;
  background:rgba(30,107,255,.08);
  border:1px solid rgba(30,107,255,.14);
  color:#1f2937;
  font-weight:700;
}

@media (max-width: 1180px){
  .footer-v62-main{
    width:auto!important;
    grid-template-columns:1fr 1.45fr!important;
  }
  .footer-v62-info{width:auto!important; max-width:100%!important;}
  .footer-v66-appointment{width:100%!important;}
  .hl3c-sitemap-list{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media (max-width: 760px){
  .footer-v62-main{grid-template-columns:1fr!important; width:auto!important;}
  .footer-v62-info{width:auto!important; max-width:100%!important;}
  .footer-v66-appointment{width:100%!important;}
  .hl3c-sitemap-list{grid-template-columns:1fr;}
}