/* MMA Signup Page Branding Styles */

/* Apply theme to MMA page elements */
section[class*="theme-"] {
  background: linear-gradient(135deg, var(--bm-bg, #f8fafc) 0%, var(--bm-accent, #f1f5f9) 100%);
}

.branded-button {
  background-color: var(--bm-button, #475569) !important;
  color: var(--bm-button-text, #ffffff) !important;
}

.branded-button:hover {
  background-color: var(--bm-button-hover, #334155) !important;
}

/* Branded input fields */
section[class*="theme-"] input[type="tel"],
section[class*="theme-"] input[type="text"] {
  border-color: var(--bm-primary, #475569);
}

section[class*="theme-"] input[type="tel"]:focus,
section[class*="theme-"] input[type="text"]:focus {
  ring-color: var(--bm-primary, #475569);
  border-color: var(--bm-primary, #475569);
}

/* Mobile responsive adjustments for branded header */
@media (max-width: 640px) {
  /* Reduce section padding on mobile */
  section.relative {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  
  /* Reduce branded header spacing on mobile */
  .branded-header-section {
    margin-bottom: 1rem !important;
  }
  
  /* Smaller logo on mobile */
  .branded-header-section img {
    height: 3rem !important;
    margin-bottom: 0.5rem !important;
  }
  
  /* Smaller organization name on mobile */
  .branded-header-section h1 {
    font-size: 1.25rem !important;
    margin-bottom: 0.25rem !important;
    line-height: 1.3 !important;
  }
  
  /* Smaller slogan on mobile */
  .branded-header-section p {
    font-size: 0.75rem !important;
  }
  
  /* Reduce padding in main card on mobile */
  section .rounded-2xl > div:first-child {
    padding: 1rem !important;
  }
  
  /* Smaller "自助报名" title on mobile */
  section .rounded-2xl h1 {
    font-size: 1.5rem !important;
    line-height: 1.3 !important;
  }
  
  /* Reduce spacing for back link */
  .mb-4 {
    margin-bottom: 0.75rem !important;
  }
}