/*
 * AdviseOneShot Email Body Styles - Champion Registration
 * Consistent with main app, minimalistic, mobile-first, accessible, and visually appealing.
 * Prefix: .email-
 * Colors: #667eea (primary), #764ba2 (secondary), #27ae60 (success), #e74c3c (error), #f8f9fa (background)
 */

.email-body {
  font-family: 'Inter', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  background: #f8f9fa;
  color: #222;
  margin: 0;
  padding: 0;
  min-width: 100vw;
  min-height: 100vh;
}

.email-container {
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 8px 32px rgba(102, 126, 234, 0.10);
  max-width: 520px;
  margin: 32px auto;
  padding: 32px 24px;
  border: 1px solid #e0e6ed;
}

.email-title {
  font-size: 2rem;
  font-weight: 700;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  margin-bottom: 24px;
  letter-spacing: -0.5px;
}

.email-message {
  font-size: 1.1rem;
  color: #555;
  margin-bottom: 24px;
  line-height: 1.6;
  text-align: center;
}

.email-cta {
  display: block;
  width: 100%;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: #fff !important;
  text-decoration: none;
  font-weight: 600;
  font-size: 1.1rem;
  border-radius: 12px;
  padding: 16px 0;
  margin: 24px 0 0 0;
  text-align: center;
  transition: background 0.2s, box-shadow 0.2s;
  box-shadow: 0 4px 16px rgba(102, 126, 234, 0.10);
}

.email-cta:hover {
  background: linear-gradient(135deg, #5a6fd8 0%, #764ba2 100%);
  box-shadow: 0 8px 24px rgba(102, 126, 234, 0.18);
}

.email-info {
  background: #f8f9fa;
  border-radius: 10px;
  padding: 16px;
  color: #667eea;
  font-size: 0.98rem;
  margin: 18px 0 0 0;
  text-align: center;
}

.email-info h2,
.email-info h3 {
  margin-top: 0;
  margin-bottom: 10px;
  font-weight: 700;
  color: #333;
}

.email-info h4 {
  margin-top: 0;
  margin-bottom: 10px;
  font-weight: 600;
  color: #333;
  font-size: 1.05rem;
}

.greeting {
  font-size: 1.1rem;
  color: #333;
  margin-bottom: 18px;
  font-weight: 600;
}

.email-footer {
  text-align: center;
  color: #aaa;
  font-size: 0.85rem;
  margin-top: 32px;
}

.email-success {
  color: #27ae60;
  font-weight: 600;
  font-size: 1.1rem;
  margin-bottom: 18px;
  text-align: center;
}

.email-error {
  color: #e74c3c;
  font-weight: 600;
  font-size: 1.1rem;
  margin-bottom: 18px;
  text-align: center;
}

.champion-name {
  font-size: 1.1rem;
  font-weight: 600;
  color: #333;
}

.champion-email,
.fan-email {
  color: #666;
  font-size: 0.95rem;
}

.champion-sport {
  color: #666;
  font-size: 0.95rem;
  font-weight: 500;
}

/* Responsive: Mobile First */
@media (max-width: 600px) {
  .email-container {
    padding: 18px 6vw;
    max-width: 98vw;
  }
  .email-title {
    font-size: 1.4rem;
  }
  .email-message {
    font-size: 1rem;
  }
  .email-cta {
    font-size: 1rem;
    padding: 13px 0;
  }
}