/**
 * 手機版 Footer 聯絡資訊樣式
 *
 * 手機版排版：
 * 第一列：地址
 * 第二列：營業時間
 * 第三列：電話 + 統編（橫向排列）
 *
 * @package mytheme
 */

.footer-bottom p {
}

@media (max-width: 1024px) {
  .footer-bottom p {
    font-size: 20px;
  }
}

@media (max-width: 768px) {
  .footer-logo-section .footer-contact ul {
    display: flex;
    flex-direction: column;
    column-gap: 20px;
    text-align: center;
    margin-top: 0;
    width: 100%;
    justify-items: stretch;
    align-items: flex-start;
  }

  .footer-logo-section .footer-contact li {
    font-size: 24px;
    font-weight: 300;
    letter-spacing: 1px;
    margin-bottom: var(--spacing-sm);
  }

  /* 第一列：地址（獨佔一行） */
  .footer-logo-section .footer-contact .footer-address {
    grid-column: 1 / -1;
    text-align: left;
  }

  /* 第二列：營業時間（獨佔一行） */
  .footer-logo-section .footer-contact .footer-hours {
    grid-column: 1 / -1;
    text-align: left;
  }

  /* 第三列：電話（左側） */
  .footer-logo-section .footer-contact .footer-phone {
    grid-column: 1;
    text-align: left;
  }

  /* 第三列：信箱（右側） */
  .footer-logo-section .footer-contact .footer-tax {
    grid-column: 2;
    text-align: right;
  }
}

@media (max-width: 480px) {
  .footer-bottom p {
    font-size: 8px !important;
    margin: 6px auto;
  }

  .footer-logo-section .footer-contact li {
    font-size: 12px;
  }

  .footer-logo-section .footer-contact a {
    font-size: 12px;
  }
}