/* Mercado Livre Theme Override */
/* Cores oficiais: Amarelo #FFE600, Azul #3483FA, Azul Escuro #2968C8, Verde #00A650 */

/* Botões primários - Amarelo Mercado Livre */
.bg-carrefour-blue,
button.bg-carrefour-blue,
.btn-primary {
  background-color: #FFE600 !important;
  color: #2D3277 !important;
  font-weight: 600;
}

.bg-carrefour-blue:hover,
button.bg-carrefour-blue:hover,
.btn-primary:hover {
  background-color: #FFD700 !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(255, 230, 0, 0.4) !important;
}

/* Botões secundários - Azul */
.btn-secondary,
.bg-blue-600 {
  background-color: #3483FA !important;
  color: white !important;
}

.btn-secondary:hover,
.bg-blue-600:hover {
  background-color: #2968C8 !important;
}

/* Links e textos */
.text-carrefour-blue,
a.text-carrefour-blue {
  color: #3483FA !important;
}

.text-carrefour-blue:hover,
a.text-carrefour-blue:hover {
  color: #2968C8 !important;
}

/* Bordas */
.border-carrefour-blue {
  border-color: #3483FA !important;
}

.border-carrefour-blue:hover,
.focus\:border-carrefour-blue:focus {
  border-color: #2968C8 !important;
}

/* Gradientes - usar azul escuro */
.from-carrefour-blue {
  --tw-gradient-from: #3483FA !important;
}

.to-primary-dark {
  --tw-gradient-to: #2968C8 !important;
}

.bg-gradient-to-r.from-carrefour-blue.to-primary-dark {
  background-image: linear-gradient(to right, #3483FA, #2968C8) !important;
}

/* Progress bar - Amarelo */
.bg-carrefour-blue.h-2,
.progress-bar {
  background-color: #FFE600 !important;
}

/* Badges e alertas de sucesso */
.bg-green-500,
.badge-success {
  background-color: #00A650 !important;
}

/* Headers com azul escuro */
.header-primary {
  background: linear-gradient(135deg, #3483FA 0%, #2968C8 100%);
}

/* Focus rings */
.focus\:ring-carrefour-blue:focus {
  --tw-ring-color: #3483FA !important;
}

/* Backgrounds secundários */
.bg-carrefour-blue\/10 {
  background-color: rgba(255, 230, 0, 0.1) !important;
}

.bg-carrefour-blue\/20 {
  background-color: rgba(255, 230, 0, 0.2) !important;
}

/* Hover states para botões azuis */
.hover\:bg-blue-700:hover {
  background-color: #2968C8 !important;
}

.hover\:bg-primary-dark:hover {
  background-color: #2968C8 !important;
}

/* Cards com borda amarela */
.card-highlight {
  border: 2px solid #FFE600;
  box-shadow: 0 4px 12px rgba(255, 230, 0, 0.2);
}

/* Titles e headings */
h1, h2, h3 {
  color: #2D3277;
}

/* Estado disabled */
button:disabled,
.btn-primary:disabled {
  background-color: #e5e7eb !important;
  color: #9ca3af !important;
  cursor: not-allowed;
  transform: none !important;
}