/* ==========================================================================
   ICRUSH — footer (brown scheme-3 like the reference site)
   Reference: bg rgb(131 83 43), border rgb(150 109 75), white text.
   Social / phone / address are intentionally not rendered (client requirement);
   only one e-mail placeholder remains.
   ========================================================================== */

.ic-footer {
  --ic-footer-block-gap: 3rem;
  background: rgb(var(--ic-footer-bg));
  color: rgb(var(--ic-footer-text));
  border-block-start: 1px solid rgb(var(--ic-footer-border));
  padding-block: var(--ic-section-spacing);
  font-size: var(--ic-text-base);
}

.ic-footer a {
  color: inherit;
}

.ic-footer .link-faded {
  color: rgb(var(--ic-footer-text) / .95);
}

.ic-footer .link-faded:hover {
  color: rgb(var(--ic-footer-text));
}

.ic-footer__inner {
  display: grid;
  row-gap: min(var(--ic-section-spacing), 3rem);
}

.footer__block-list {
  display: grid;
  justify-content: start;
  align-items: start;
  gap: min(var(--ic-section-spacing), 2.5rem);
}

.footer__col {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.footer__col > .h6 {
  font-size: var(--ic-text-h6);
  letter-spacing: var(--ic-heading-letter-spacing);
}

@media screen and (min-width: 700px) {
  .footer__col {
    gap: 1.25rem;
  }
}

.footer__links {
  display: grid;
  gap: .625rem;
}

@media screen and (min-width: 700px) {
  .footer__block-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 3rem;
  }

  .footer__block {
    flex: auto;
  }

  .footer__block--links {
    flex-grow: 0;
    max-width: 14rem;
  }

  .footer__block--newsletter {
    flex-basis: 14rem;
    max-width: 18rem;
  }
}

@media screen and (min-width: 1150px) {
  .footer__block-list {
    column-gap: 3.75rem;
  }
}

@media screen and (min-width: 1400px) {
  .footer__block-list {
    column-gap: 5rem;
  }
}

/* Newsletter */
.footer__newsletter {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.footer__newsletter-title {
  font-family: var(--ic-font-heading);
  font-weight: 700;
  font-size: var(--ic-text-h6);
  letter-spacing: var(--ic-heading-letter-spacing);
  line-height: 1.7;
}

.footer__newsletter-text {
  color: rgb(var(--ic-footer-text) / .95);
  line-height: 1.65;
}

.footer__newsletter-form {
  display: grid;
  gap: 1rem;
}

.footer__newsletter-form .input {
  background: transparent;
  border-color: rgb(var(--ic-footer-border));
  color: rgb(var(--ic-footer-text));
}

.footer__newsletter-form .input::placeholder {
  color: rgb(var(--ic-footer-text) / .6);
}

.footer__newsletter-form .button {
  --ic-btn-bg: 255 255 255;
  --ic-btn-text: 28 28 28;
  background: rgb(var(--ic-footer-text));
  color: rgb(var(--ic-footer-bg));
  border-color: rgb(var(--ic-footer-text));
  align-self: start;
}

.footer__newsletter-note,
.footer__newsletter .ic-form-success,
.footer__newsletter .ic-form-error {
  font-size: var(--ic-text-sm);
  line-height: 1.5;
}

.footer__newsletter .ic-form-success {
  color: #dfe9d8;
}

.footer__newsletter .ic-form-error {
  color: #ffe1e1;
}

.footer__email {
  margin-block-start: 1.25rem;
  font-size: var(--ic-text-base);
  color: rgb(var(--ic-footer-text) / .8);
}

.footer__email a {
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* Bottom row */
.footer__aside {
  display: grid;
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
  text-align: center;
  padding-block-start: min(var(--ic-section-spacing), 2rem);
}

.footer__copyright {
  font-family: var(--ic-font-heading);
  font-weight: 700;
  font-size: .75rem;
  letter-spacing: .1em;
  color: rgb(var(--ic-footer-text) / .95);
}

.payment-methods {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: .375rem;
  max-width: 30rem;
}

.payment-methods svg {
  width: 38px;
  height: 24px;
  display: block;
}

@media screen and (min-width: 1000px) {
  .footer__aside {
    grid-auto-flow: column;
    justify-content: space-between;
    text-align: start;
  }

  .payment-methods {
    justify-content: flex-end;
  }
}