/* Shared guide footer — keep this file loaded after each guide's inline styles. */
@font-face {
  font-family: "GuideFooterDonoun";
  src: url("/fonts/Donoun/Donoun-Medium.ttf") format("truetype");
  font-display: swap;
}
.footer {
  padding: 30px 0 36px !important;
  border-top: 1px solid #111 !important;
  background: #f0ece4 !important;
  background-image: none !important;
  color: #555552;
}

.footer > .container,
.footer > .footer-container {
  width: min(1200px, calc(100% - 48px)) !important;
  max-width: none !important;
  margin-inline: auto !important;
}

.footer-inner,
.footer-in {
  display: grid !important;
  grid-template-columns: minmax(280px, 1fr) minmax(360px, 1.35fr) minmax(310px, 1fr) !important;
  gap: 24px !important;
  align-items: center !important;
  color: #555552;
}

.footer-brand {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 0;
  color: #555552 !important;
  font-size: 24px !important;
  font-family: "GuideFooterDonoun", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
}

.footer-logo,
.footer-brand > img {
  width: 74px !important;
  height: auto !important;
  flex: 0 0 auto !important;
}

.footer-copy,
.footer-inner > :nth-child(2),
.footer-in > :nth-child(2) {
  color: #555552 !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
  text-align: center !important;
}

.footer-copy strong,
.footer-inner > :nth-child(2) strong,
.footer-in > :nth-child(2) strong {
  color: #555552 !important;
  font-size: 21px !important;
  font-family: "GuideFooterDonoun", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif !important;
  font-weight: 900 !important;
}

.footer-links {
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 18px !important;
  min-width: 0;
  color: #8b6f47 !important;
  white-space: nowrap !important;
}

.footer-links a {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  gap: 7px !important;
  color: #8b6f47 !important;
  font-size: 19px !important;
  font-family: "GuideFooterDonoun", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

.footer-links a:hover,
.footer-links a:focus-visible {
  color: #6f5736 !important;
}

.footer-link-icon,
.footer-links svg {
  width: 26px !important;
  height: 26px !important;
  flex: 0 0 auto !important;
}

@media (max-width: 1120px) {
  .footer-inner,
  .footer-in {
    grid-template-columns: 1fr !important;
    align-items: start !important;
  }

  .footer-copy,
  .footer-inner > :nth-child(2),
  .footer-in > :nth-child(2) {
    text-align: left !important;
  }

  .footer-links {
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
  }
}

@media (max-width: 760px) {
  .footer > .container,
  .footer > .footer-container {
    width: calc(100% - 32px) !important;
  }
}