/*
  NURYA — Footer
  Visual restyle only. Reuses the theme's existing --color-background /
  --color-foreground custom properties, which every rule in
  section-footer.css and the Dawn list-menu/list-social/list-payment
  components already consume — repointing them to the NURYA dark palette
  re-themes borders, links and icons for free, with no HTML, no block
  structure, and no payment logic touched. Selectors are scoped to
  `footer.footer` (tag + class) so specificity wins over the shared
  `.color-background-1` rule regardless of stylesheet load order.
*/

footer.footer {
  --color-background: 11, 11, 13;
  --color-foreground: 246, 241, 231;
  background-color: rgb(var(--color-background));
  color: rgba(var(--color-foreground), 0.75);
  /* Guarantees a continuous black transition from #nurya-closing regardless
     of the "Top margin" value set in the Theme Editor — that setting
     targets the plain .footer selector (lower specificity), so this rule
     always wins and the gap can never silently reappear. */
  margin-top: 0;
}

footer.footer .footer-block__brand-info .footer-block__heading {
  font-size: clamp(1.6rem, 1.2rem + 1.2vw, 2rem);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  opacity: 0.85;
  color: rgb(246, 241, 231);
}

footer.footer .footer-block__brand-info .rte {
  font-style: italic;
  opacity: 0.7;
}

footer.footer .footer-block--menu .footer-block__heading {
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-size: 1.4rem;
  opacity: 0.55;
}

footer.footer .footer-block__details-content .list-menu__item--link {
  text-transform: uppercase;
  font-size: 1.3rem;
  letter-spacing: 0.06em;
}

footer.footer .footer-block__details-content .list-menu__item--link:hover,
footer.footer .copyright__content a:hover {
  color: rgb(198, 161, 91);
}

footer.footer .list-social__link {
  color: rgb(246, 241, 231);
}

footer.footer .list-social__link:hover {
  color: rgb(198, 161, 91);
}

/* Payment marks stay present but recede — small, low-contrast, never
   competing with the brand block above them. */
footer.footer .list-payment__item {
  padding: 0.4rem 0.6rem;
  opacity: 0.55;
  filter: grayscale(1);
  transition: opacity 300ms ease, filter 300ms ease;
}

footer.footer .list-payment__item:hover {
  opacity: 0.85;
  filter: grayscale(0.4);
}

footer.footer .list-payment__item svg,
footer.footer .list-payment__item img {
  max-height: 1.8rem;
  width: auto;
}

footer.footer .footer__copyright {
  opacity: 0.5;
  font-size: 1.1rem;
  letter-spacing: 0.02em;
}

footer.footer .nurya-footer__utility {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.4rem 1.6rem;
  margin: 0 0 1.5rem;
  padding: 0;
  list-style: none;
}

footer.footer .nurya-footer__utility a {
  font-size: 1.1rem;
  letter-spacing: 0.04em;
  color: rgba(246, 241, 231, 0.55);
  text-decoration: none;
}

footer.footer .nurya-footer__utility a:hover {
  color: rgb(198, 161, 91);
  text-decoration: underline;
  text-underline-offset: 0.2rem;
}