/* =====================================================
   嘉怡物業管理有限公司
   V25.3 Footer Premium 統一版
   請在所有頁面的 css/style.css 之後載入此檔案
   ===================================================== */

html body footer.site-footer.premium-footer {
  margin: 0 !important;
  padding: 52px 0 24px !important;
  background: #062331 !important;
  color: #ffffff !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
}

html body footer.site-footer.premium-footer .container {
  width: min(1120px, calc(100% - 40px)) !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

html body footer.site-footer.premium-footer .footer-grid {
  display: grid !important;
  grid-template-columns: 1.25fr 0.9fr 0.85fr !important;
  align-items: start !important;
  gap: 48px !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body footer.site-footer.premium-footer .footer-brand,
html body footer.site-footer.premium-footer .footer-contact,
html body footer.site-footer.premium-footer .footer-links {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 9px !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body footer.site-footer.premium-footer .footer-brand strong {
  display: block !important;
  margin: 0 !important;
  color: #ffffff !important;
  font-size: 19px !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
}

html body footer.site-footer.premium-footer .footer-brand span {
  display: block !important;
  margin: 0 !important;
  color: #b9d9e4 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.55 !important;
}

html body footer.site-footer.premium-footer a {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  color: #d9e9ee !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.65 !important;
  text-decoration: none !important;
  white-space: normal !important;
  transition: color 0.2s ease !important;
}

html body footer.site-footer.premium-footer a:hover,
html body footer.site-footer.premium-footer a:focus-visible {
  color: #e7c98f !important;
  text-decoration: none !important;
}

html body footer.site-footer.premium-footer .footer-contact a {
  overflow-wrap: anywhere !important;
}

html body footer.site-footer.premium-footer .footer-links {
  align-items: flex-end !important;
  text-align: right !important;
}

html body footer.site-footer.premium-footer .footer-bottom {
  width: min(1120px, calc(100% - 40px)) !important;
  margin: 32px auto 0 !important;
  padding: 22px 0 0 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.13) !important;
  color: #9fc3cf !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;
  text-align: center !important;
}

/* 平板 */
@media (max-width: 800px) {
  html body footer.site-footer.premium-footer {
    padding: 42px 0 22px !important;
  }

  html body footer.site-footer.premium-footer .footer-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 30px !important;
  }

  html body footer.site-footer.premium-footer .footer-links {
    grid-column: 1 / -1 !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 10px 22px !important;
    text-align: left !important;
  }
}

/* 手機 */
@media (max-width: 560px) {
  html body footer.site-footer.premium-footer {
    padding: 36px 0 20px !important;
  }

  html body footer.site-footer.premium-footer .container,
  html body footer.site-footer.premium-footer .footer-bottom {
    width: calc(100% - 28px) !important;
  }

  html body footer.site-footer.premium-footer .footer-grid {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  html body footer.site-footer.premium-footer .footer-links {
    grid-column: auto !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 8px !important;
  }

  html body footer.site-footer.premium-footer .footer-bottom {
    margin-top: 26px !important;
    padding-top: 18px !important;
    text-align: left !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body footer.site-footer.premium-footer a {
    transition: none !important;
  }
}