/* Basic Tailwind CSS - This will be replaced with proper Tailwind build */
@tailwind base;
@tailwind components;
@tailwind utilities;

/* Custom styles */
.gradient-bg {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.card-hover {
  transition: all 0.3s ease;
}

.card-hover:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.centered-content {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  align-content: center !important;
  justify-items: center !important;
  justify-content: center !important;
  vertical-align: middle !important;
}

.centered-content-horizontal {
  display: flex;
  flex-direction: row;
  justify-items: center;
  justify-content: center;
  align-items: center;
  align-content: center;
  vertical-align: middle;
}

.left-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-content: flex-start;
  justify-items: flex-start;
  justify-content: flex-start;
  vertical-align: middle;
}

.left-content-horizontal {
  display: flex;
  flex-direction: row;
  justify-items: center;
  justify-content: center;
}

.left-content-stacked {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-content: flex-start;
  justify-items: flex-start;
  justify-content: flex-start;
  vertical-align: middle;
}

.right-content {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  align-content: flex-end !important;
  justify-items: right !important;
  justify-content: right !important;
  vertical-align: middle !important;
}

.right-content-stacked {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  align-content: flex-end;
  justify-items: right;
  justify-content: right;
  vertical-align: middle;
}

.pointer-events-none {
  display: none !important;
}