/* Rodapé Luxe: estilos locais do componente. */
footer[data-footer-template="luxe"] {
  --component-footer-accent: var(--footer-accent, var(--theme-footer-accent, var(--theme-accent)));
  --component-footer-accent-text: var(--footer-accent-text, var(--theme-footer-text));
  --component-footer-gradient-mid: var(--footer-gradient-mid, color-mix(in srgb, var(--theme-footer-background) 65%, var(--theme-surface)));
  --component-footer-card-bg: var(--footer-card-bg, color-mix(in srgb, var(--theme-footer-text) 8%, transparent));
  --component-footer-card-border: var(--footer-card-border, color-mix(in srgb, var(--theme-footer-accent) 30%, transparent));
}

body footer:where([data-footer-template="luxe"]) .text-gray-600 {
  color: color-mix(in srgb, var(--theme-footer-text) 78%, transparent) !important;
}

body footer:where([data-footer-template="luxe"]) {
  background: linear-gradient(to right bottom,
      var(--theme-footer-background),
      var(--component-footer-gradient-mid),
      var(--theme-footer-background));
  color: var(--theme-footer-text) !important;
}

body footer:where([data-footer-template="luxe"]) .text-luxe-gold {
  color: var(--component-footer-accent) !important;
}

body footer:where([data-footer-template="luxe"]) [class*="text-luxe-gold/"] {
  color: color-mix(in srgb, var(--component-footer-accent) 70%, transparent) !important;
}

body footer:where([data-footer-template="luxe"]) :is(.text-white, .text-gray-300, .text-gray-400, .text-gray-500) {
  color: var(--theme-footer-text) !important;
}

body footer:where([data-footer-template="luxe"]) :is(.border-gray-700, .border-luxe-gold\/30) {
  border-color: color-mix(in srgb, var(--theme-footer-text) 18%, transparent) !important;
}

body footer:where([data-footer-template="luxe"]) .bg-gradient-to-r {
  background: var(--component-footer-card-bg);
  border-color: var(--component-footer-card-border);
}

body footer:where([data-footer-template="luxe"]) :is(button[type="submit"], .bg-luxe-gold) {
  background-color: var(--component-footer-accent) !important;
  color: var(--component-footer-accent-text) !important;
}

body footer:where([data-footer-template="luxe"]) :is(.hover\:bg-yellow-600:hover, .hover\:bg-luxe-gold:hover) {
  background-color: var(--component-footer-accent) !important;
}

body footer:where([data-footer-template="luxe"]) :is(button[type="submit"], .bg-luxe-gold) :is(i, .text-white) {
  color: inherit !important;
}