/** Shopify CDN: Minification failed

Line 15:28 Unexpected "*"

**/
/* ============================================================
 * Nobre Cosméticos — Rodapé e páginas institucionais (Fase 10)
 * ------------------------------------------------------------
 * Polish de MARCA sobre o rodapé NATIVO do Horizon (footer +
 * footer-utilities: marca, menus, newsletter, redes sociais,
 * pagamentos, copyright, políticas) e o formulário de contacto.
 * Asset global (após base.css e nobre-*.css) → sem avisos
 * ValidScopedCSSClass. CSS-only: NÃO altera markup, menus,
 * localização, newsletter nem contact form. Sem !important;
 * tokens --nobre-*/--color-*/--style-*.
 *
 * Sumário:
 *   1. Redes sociais
 *   2. Ícones de pagamento
 *   3. Copyright e políticas
 *   4. Formulário de contacto
 *   5. Foco acessível e movimento reduzido
 * ============================================================ */

/* 1. Redes sociais ------------------------------------------ */
.social-icons__icon-wrapper {
  transition: color var(--animation-speed) var(--animation-easing);
}

@media (hover: hover) {
  .social-icons__icon-wrapper:hover {
    color: var(--nobre-brand, var(--color-primary));
  }
}

.social-icons__icon-wrapper:focus-visible {
  outline: var(--nobre-focus-width, 2px) solid var(--nobre-brand, var(--color-primary));
  outline-offset: 2px;
  border-radius: var(--border-radius-sm);
}

/* 2. Ícones de pagamento ------------------------------------ */
.payment-icons__list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap-2xs);
  align-items: center;
}

.payment-icons__item {
  height: auto;
}

/* 3. Copyright e políticas ---------------------------------- */
.footer-utilities__text,
.policy-list-trigger {
  color: var(--color-foreground-muted, rgb(var(--color-foreground-rgb) / 0.7));
}

.policy-list-trigger:hover {
  color: var(--color-foreground);
}

.policy-list-trigger:focus-visible {
  outline: var(--nobre-focus-width, 2px) solid var(--nobre-brand, var(--color-primary));
  outline-offset: 2px;
  border-radius: var(--border-radius-sm);
}

/* 4. Formulário de contacto --------------------------------- */
.contact-form__input {
  min-block-size: var(--minimum-touch-target, 44px);
  box-sizing: border-box;
}

.contact-form__input--textarea {
  min-block-size: 8rem;
}

.contact-form__input:focus-visible {
  outline: none;
  border-color: var(--nobre-brand, var(--color-primary));
  box-shadow: 0 0 0 3px rgb(var(--nobre-brand-rgb, 176 52 95) / 0.18);
}

.contact-form__error {
  color: var(--color-error, #8b0000);
}

.contact-form__success {
  color: var(--nobre-success, #2e7d4f);
}

/* 5. Foco acessível e movimento reduzido -------------------- */
footer a:focus-visible {
  outline: var(--nobre-focus-width, 2px) solid var(--nobre-brand, var(--color-primary));
  outline-offset: 2px;
  border-radius: var(--border-radius-sm);
}

@media (prefers-reduced-motion: reduce) {
  .social-icons__icon-wrapper {
    transition: none;
  }
}