/*
 Theme Name: Divi Child
 Theme URI: https://www.elegantthemes.com/gallery/divi/
 Description: Divi Child Theme
 Author: Elegant Themes
 Author URI: https://www.elegantthemes.com
 Template: Divi
 Version: 1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */

/* MYCA Container & Structural Styles */
.myca-wrapper {
  max-width: 800px;
  margin: 0 auto;
  padding: 30px 20px;
  font-family: inherit;
  color: #2b2b2b;
}

.myca-step {
  display: none;
}

.myca-step.active {
  display: block;
  animation: mycaFadeIn 0.4s ease-in-out;
}

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

/* Typography & Display Frames */
.myca-tagline em {
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 1.2rem;
  color: #555;
}

.myca-frame {
  border: 1px solid #e0e0e0;
  background-color: #fcfcfc;
  padding: 24px;
  border-radius: 8px;
  margin: 20px 0;
}

.myca-form-group input, .myca-dropdown, .myca-rating-box input {
  width: 100%;
  padding: 12px;
  margin-bottom: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

/* Buttons & Interactive Elements */
.myca-btn.primary {
  background-color: #2c3e50;
  color: #fff;
  border: none;
  padding: 14px 28px;
  font-size: 1rem;
  border-radius: 4px;
  cursor: pointer;
  transition: background 0.2s ease;
}

.myca-btn.primary:hover {
  background-color: #1a252f;
}

.tier {
  padding: 16px;
  margin-bottom: 12px;
  border-radius: 6px;
}

.tier.brighter { background-color: #e8f5e9; border-left: 5px solid #2e7d32; }
.tier.flickering { background-color: #fffde7; border-left: 5px solid #fbc02d; }
.tier.dimming { background-color: #ffebee; border-left: 5px solid #c62828; }

.pattern-block {
  background: #f9f9f9;
  padding: 18px;
  border-radius: 6px;
  margin-bottom: 16px;
}

.myca-radio-label {
  display: block;
  margin: 8px 0;
  cursor: pointer;
}