/* Footer Main Layout */
.footer {
  background-color: #f2e9e4;
}

/* 移动端首页和商品列表页隐藏 footer */
@media (max-width: 959px) {
  body[data-page-type="index"] .footer,
  body[data-page-type="collection"] .footer {
    display: none;
  }

  /* 移动端隐藏整个 footer-group section */
  [class*="footer-group"] {
    display: none !important;
  }
}

/* 移动端隐藏导航菜单、邮件订阅、App下载按钮 */
@media (max-width: 959px) {
  .footer__information-group,
  .footer__email-subscribe,
  .footer__app-download {
    display: none !important;
  }
}

/* PC端使用Grid布局，让左侧两列可以共享高度 */
@media (min-width: 960px) {
  .footer__inner {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
    grid-template-rows: auto auto 1fr;
    gap: 40px 60px;
    align-items: start;
  }

  /* 第一个information-group：导航菜单区域 - 占据第1行第1列 */
  .footer__inner > .footer__information-group:nth-child(1) {
    grid-column: 1;
    grid-row: 1;
  }

  /* contact-group：邮件订阅等联系区域 - 占据第1-2行第2列，占满宽度 */
  .footer__inner > .footer__group:not(.footer__information-group):not(.footer__additional-group) {
    grid-column: 2;
    grid-row: 1 / span 2;
    width: 100%;
  }

  /* additional-group：International Sites区域 - 占据第2行第1列 */
  .footer__additional-group {
    grid-column: 1;
    grid-row: 2;
  }

  /* 最后一个information-group：版权信息 - 独占最后一行 */
  .footer__inner > .footer__information-group:nth-child(4) {
    grid-column: 1 / -1;
    grid-row: 3;
  }
}

/* 中屏布局调整 */
@media (min-width: 960px) and (max-width: 1199px) {
  .footer__inner {
    gap: 30px 40px;
  }
}

@media (max-width: 959px) {
  .footer__inner {
    display: flex;
    flex-direction: column;
    gap: 30px;
  }
}

/* Footer Group - Container for blocks */
.footer__group {
  display: flex;
  flex-shrink: 0;
}

.footer__group.footer__information-group {
  width: 100%;
  gap: 48px;
  flex: 1;
}

@media (max-width: 959px) {
  .footer__group {
    width: 100% !important;
    flex-shrink: 1;
  }

  /* 移动端 information-group 垂直布局，防止溢出 */
  .footer__group.footer__information-group {
    flex-direction: column;
    gap: 0;
  }
}

/* Navigation Titles */
.footer__navigation-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 700;
  font-size: var(--body2-font-size);
  font-size: 16px;
  color: #c68635;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(var(--color-text), 0.2);
  padding-bottom: 16px;
}

.footer__navigation-title .icon__arrow,
.footer__navigation-title .icon__minus {
  display: none;
}

@media (max-width: 959px) {
  .footer__navigation-title {
    padding-block: 15px;
    margin-bottom: 0;
    border-bottom: 1px solid rgba(var(--color-text), 0.1);
  }

  .footer__navigation-title .icon__arrow {
    display: inline;
  }

  .footer__navigation-title .icon__minus {
    display: none;
  }
}

/* Navigation Items */
.footer__navigation {
  position: relative;
  min-width: 160px;
  border-top: 1px solid #4c2b00;
  padding-top: 42px;
}

@media (max-width: 959px) {
  /* 移动端取消最小宽度限制，防止溢出 */
  .footer__navigation {
    min-width: 0;
    width: 100%;
    padding-top: 0;
    border-top: none;
  }
}

.footer__navigation-item {
  line-height: 2;
}

.footer__navigation-item a {
  display: inline-block;
  font-size: var(--body4-font-size);
  color: rgba(76,43,0, 0.8);
  text-decoration: none;
  transition: color 0.2s ease;
  position: relative;
}

/* hover 下划线动画效果 */
/* .footer__navigation-item a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 1px;
  background-color: rgb(var(--color-text));
  transition: width 0.3s ease;
} */

.footer__navigation-item a:hover {
  color: #c68635;
  font-weight: 600;
}

.footer__navigation-item a:hover::after {
  width: 100%;
  background-color: #c68635;
}

@media (max-width: 959px) {
  .footer__navigation-content {
    height: 0;
    overflow: hidden;
    opacity: 0;
    transition: all 0.3s ease;
  }

  .footer__navigation[open] .footer__navigation-content {
    height: auto;
    opacity: 1;
    padding-bottom: 15px;
  }

  .footer__navigation[open] .footer__navigation-title .icon__arrow {
    display: none;
  }

  .footer__navigation[open] .footer__navigation-title .icon__minus {
    display: inline;
  }
}

/* Region Selector */
.footer__region-selector {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.footer__region-current {
  display: flex;
  align-items: center;
  gap: 12px;
}

.footer__region-label {
  font-size: var(--body2-font-size, 16px);
  font-weight: 700;
  font-size: 16px;
  color: #c68635;
  text-transform: uppercase;
}

.footer__region-flag {
  width: 33px;
  height: 33px;
  border-radius: 50%;
  object-fit: cover;
}

/* 国旗 emoji（通过 localization API 动态生成） */
.footer__region-flag-emoji {
  font-size: 28px;
  line-height: 1;
  color: #c68635;
  margin-top: -6px;
}

/* 当前国家名称 */
.footer__region-country-name {
  font-size: var(--body2-font-size);
  font-weight: 700;
  color: #c68635;
  text-transform: uppercase;
}

.footer__region-international {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.footer__region-international-label {
  font-size: var(--body2-font-size, 16px);
  font-weight: 700;
  color: #c68635;
  text-transform: uppercase;
  font-size: 16px;
}

.footer__region-flags {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: center;
}

.footer__region-flag-link {
  display: block;
  transition: transform 0.2s ease;
}

.footer__region-flag-link:hover {
  transform: scale(1.1);
}

.footer__region-flags .footer__region-flag {
  width: 41px;
  height: 41px;
}

/* Payment Section */
.footer__payment-wrapper {
  gap: 16px;
}

.footer__payment-title {
  font-size: var(--body2-font-size, 16px);
  font-weight: 700;
  color: #c68635;
  font-size: 16px;  
  margin-bottom: 12px;
}

.footer__payment-icons {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.footer__payment-icons > svg,
.footer__payment-icons > img {
  height: 36px;
  width: auto;
}

.footer__payment-card {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 36px;
  background: white;
  border-radius: 4px;
}

.footer__payment-card img {
  max-width: 80%;
  max-height: 80%;
  object-fit: contain;
}

/* Subscribe Section */
.footer__email-subscribe {
  display: flex;
  flex-direction: column;
  gap: 16px;
  border-top: 1px solid #4c2b00;
  padding-top: 42px;
}

.footer__email-subscribe-title {
  font-weight: 700;
  font-size: var(--body2-font-size);
  font-size: 16px;
  color: #c68635;
  line-height: 1.4;
}

.footer__email-subscribe-button {
  background: #0e0e0e;
  border-radius: 10px;
}
.footer__email-subscribe-button:hover {
  background: #333333 !important;
}

.footer__email-subscribe .field {
  margin-block-end: 0;
  background: #fff;
  border-radius: 10px;
}

.footer__email-subscribe .field::after {
  border-radius: 10px;
}

.footer__email-subscribe form {
  width: 100%;
}

/* 邮件订阅表单：输入框 + 按钮并排布局 */
.footer__email-subscribe-form {
  display: flex;
  gap: 10px;
  align-items: stretch;
}

.footer__email-subscribe-form .field {
  flex: 1;
  min-width: 0;
}

.footer__email-subscribe .button {
  flex-shrink: 0;
  border-radius: 10px;
  white-space: nowrap;
  color: #ffffff;
}

@media (max-width: 959px) {
  .footer__email-subscribe-form {
    flex-direction: column;
  }

  .footer__email-subscribe .button {
    width: 100%;
  }
}

/* App Download Buttons */
.footer__app-download {
  display: flex;
  gap: 4px;
}

.footer__app-download-icon svg {
  width: 100%;
  height: 100%;
}

.footer__app-download-text {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.footer__app-download-label {
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
}

.footer__app-download-store {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
}

/* Social Media */
.footer__social-media {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.footer__social-media-title {
  font-weight: 700;
  font-size: var(--body2-font-size);
  font-size: 16px;
  color: #c68635;
}

.footer__social-media-content {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: center;
}

.footer__social-media-content li {
  list-style: none;
}

.footer__social-media-content a {
  display: flex;
  align-items: center;
  justify-content: center;
  transition:
    opacity 0.2s ease,
    transform 0.2s ease;
}

.footer__social-media-content a:hover {
  opacity: 0.8;
  transform: scale(1.1);
}

.footer__social-media-content svg,
.footer__social-media-content img {
  width: 40px;
  height: 40px;
  object-fit: contain;
}

.footer__social-icon {
  color: rgb(var(--color-text));
  opacity: 0.7;
  transition:
    opacity 0.2s ease,
    color 0.2s ease;
}

.footer__social-media-content a:hover .footer__social-icon {
  opacity: 1;
  color: #c68635;
}

/* Trust Badges / Security Certification */
.footer__trust-badges {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.footer__trust-badges-title {
  font-size: var(--body2-font-size);
  font-weight: 700;
  color: #c68635;
  margin: 0;
  font-size: 16px;
}

.footer__trust-badges-list {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  align-items: center;
}

.footer__trust-badge {
  display: flex;
  align-items: center;
  justify-content: center;
}

.footer__trust-badge img {
  max-height: 100px;
  width: auto;
  object-fit: contain;
}

/* Copyright */
.footer__copyright {
  text-align: center;
  font-size: var(--body4-font-size);
  color: rgba(76, 43, 0, 0.5);
  line-height: 2;
  padding-top: 30px;
  border-top: 1px solid rgba(var(--color-text), 0.1);
  width: 100%;
}

/* Custom Text */
.footer__custom-text-title {
  padding-block-end: 15px;
  font-weight: bold;
  color: rgb(var(--color-primary-button-background));
}

@media (max-width: 959px) {
  .footer__custom-text-title {
    padding-block-start: 15px;
  }
}

/* Image */
.footer__image img {
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  vertical-align: bottom;
}

/* Localization Form */
.footer__localization-form form {
  display: contents;
}

.footer__localization-form form select {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 959px) {
  .footer__localization-form .localization__selector {
    width: 100%;
  }

  /* 移动端隐藏 Follow us */
  .footer__social-media {
    display: none;
  }
}

/* Tips Card */
.footer .tips-card {
  margin-block: 10px;
}