/* Estilos customizados complementares ao Tailwind CSS */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap');

:root {
  --primary: #f43f5e;
  --primary-light: #fff1f2;
  --primary-dark: #be123c;
  --secondary: #0ea5e9;
  --secondary-light: #f0f9ff;
  --accent-pink: #fda4af;
  --accent-blue: #93c5fd;
  --accent-gold: #f59e0b;
}

html, body {
  overflow-x: hidden;
  max-width: 100vw;
}

body {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  -webkit-font-smoothing: antialiased;
  background-color: #f8fafc;
  color: #1e293b;
}

/* Scrollbar suave */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 9999px;
}
::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

/* Efeito Glassmorphism */
.glass-panel {
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(226, 232, 240, 0.8);
}

/* Animações suaves */
.fade-in {
  animation: fadeIn 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Badges de prioridade do enxoval */
.badge-essential {
  background-color: #fee2e2;
  color: #b91c1c;
  border: 1px solid #fca5a5;
}

.badge-recommended {
  background-color: #fef3c7;
  color: #b45309;
  border: 1px solid #fde68a;
}

.badge-optional {
  background-color: #e0f2fe;
  color: #0369a1;
  border: 1px solid #bae6fd;
}

/* Selos e cores oficiais das 4 lojas */
.store-badge-mercadolivre {
  background-color: #ffe600;
  color: #2d3277;
  font-weight: 800;
}
.store-badge-amazon {
  background-color: #232f3e;
  color: #ff9900;
  font-weight: 800;
}
.store-badge-shopee {
  background-color: #ee4d2d;
  color: #ffffff;
  font-weight: 800;
}
.store-badge-shein {
  background-color: #000000;
  color: #ffffff;
  font-weight: 800;
}

/* Botões das marcas */
.btn-mercadolivre {
  background-color: #ffe600;
  color: #2d3277;
  font-weight: 700;
}
.btn-mercadolivre:hover {
  background-color: #ebd300;
}

.btn-amazon {
  background-color: #232f3e;
  color: #ff9900;
  font-weight: 700;
}
.btn-amazon:hover {
  background-color: #131921;
}

.btn-shopee {
  background-color: #ee4d2d;
  color: #ffffff;
  font-weight: 700;
}
.btn-shopee:hover {
  background-color: #d73211;
}

.btn-shein {
  background-color: #000000;
  color: #ffffff;
  font-weight: 700;
}
.btn-shein:hover {
  background-color: #222222;
}

/* Estilos de impressão para checklist */
@media print {
  body {
    background-color: #ffffff;
  }
  .no-print {
    display: none !important;
  }
  .print-only {
    display: block !important;
  }
}