/**
* Theme Name: Ruza Child
* Description: This is a child theme for ruza
* Author: Thembay
* Author URI: https://thembay.com/
* Version: 1.0.0
* Template: ruza
*/

/* === FIT QUIZ LAYOUT === */
.fit-quiz-box {
  background: #fff;
  border: 1px solid #ddd;
  padding: 20px;
  border-radius: 12px;
  margin-top: 25px;
}

.fit-quiz-grid {
  display: grid;
  grid-template-columns: 1fr 350px;
  grid-gap: 30px;
  align-items: start;
}

.quiz-inputs .quiz-row {
  margin-bottom: 12px;
}

.quiz-inputs label {
  font-weight: 600;
  margin-bottom: 4px;
  display: block;
}

.quiz-inputs input {
  width: 100%;
  padding: 8px;
  border-radius: 6px;
  border: 1px solid #ccc;
}

#calculate-fit {
  margin-top: 10px;
  background: #333;
  color: #fff;
  border-radius: 6px;
  padding: 10px 15px;
  cursor: pointer;
}

.fit-quiz-right {
  background: #fafafa;
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 15px;
  min-height: 150px;
}

.fit-confirm {
  background: #e9f9ee;
  border: 1px solid #bfeacb;
  padding: 12px;
  border-radius: 8px;
  color: #176b34;
}

.fit-warning {
  background: #ffecec;
  border: 1px solid #ffb3b3;
  padding: 12px;
  border-radius: 8px;
  color: #b60000;
}

.fit-notes {
  background: #fffbea;
  border: 1px solid #ffe39b;
  border-radius: 6px;
  padding: 10px;
  margin-top: 10px;
}

/* === RESPONSIVE === */
@media (max-width: 768px) {
  .fit-quiz-grid {
    grid-template-columns: 1fr;
  }
  .fit-quiz-right {
    margin-top: 20px;
  }
}