/* =========================================================
   DRE TABBED MCQ — RESTORED CLEAN STABLE CSS
========================================================= */

.dre-tabbed-mcq{
  --dre-blue:#18a5dd;
  --dre-pink:#ed4db4;
  --dre-grey-dark:#4F535D;
  --dre-border:#e4e4e4;

  width:100%;
  max-width:none;
  margin:0;
  padding:16px;

  font-family:Nunito, Arial, sans-serif;
  font-size:1rem;
  line-height:1.5;
  box-sizing:border-box;
}

.dre-tabbed-mcq *{
  box-sizing:border-box;
}

/* reset only native buttons inside this engine */
.dre-tabbed-mcq button{
  appearance:none;
  -webkit-appearance:none;
  font:inherit;
}

/* activity cards */
.dre-tabbed-mcq-activity{
  display:none;
}

.dre-tabbed-mcq-activity.is-active{
  display:block;
  background:#fff;
  border:1px solid var(--dre-border);
  border-radius:14px 14px 0 0;
  padding:22px;
}

/* question */
.dre-tabbed-mcq-question{
  margin:0 0 26px;
}

.dre-tabbed-mcq-question > p{
  display:flex;
  align-items:flex-start;
  gap:12px;
  margin:0 0 14px;
  font-weight:700;
  line-height:1.35;
  color:var(--dre-grey-dark);
}

.dre-tabbed-mcq .dre-disc-number{
  flex:0 0 var(--dre-disc-size, 32px);
  min-width:var(--dre-disc-size, 32px);
}

.dre-tabbed-mcq .dre-disc-number::before{
  content:attr(data-num);
}

/* options */
.dre-tabbed-mcq-options{
  display:block;
  margin-top:14px;
}

.dre-tabbed-mcq .dre-tmcq-option{
  position:relative;
  display:block;
  width:100%;
  margin:0 0 12px;
  padding:14px 18px 14px 52px;

  background:#fff;
  border:1px solid var(--dre-border);
  border-radius:12px;

  color:var(--dre-grey-dark);
  text-align:left;
  cursor:pointer;
}

.dre-tabbed-mcq .dre-tmcq-option::before{
  position:absolute;
  left:14px;
  top:14px;
}

.dre-tabbed-mcq .dre-tmcq-option.dre-disc-letter:not(.dre-disc--correct):not(.dre-disc--incorrect)::before{
  content:attr(data-choice);
}

.dre-tabbed-mcq .dre-tmcq-option-text{
  display:block;
  color:var(--dre-grey-dark);
  line-height:1.4;
  font-weight:400;
}

.dre-tabbed-mcq .dre-tmcq-option:not(.is-locked):hover{
  background:#f6f7f9;
}

.dre-tabbed-mcq .dre-tmcq-option.is-selected:not(.is-locked){
  background:#eef1f4;
}

.dre-tabbed-mcq .dre-tmcq-option.is-selected:not(.is-locked) .dre-tmcq-option-text{
  color:var(--dre-blue);
}

/* locked / checked */
.dre-tabbed-mcq .dre-tmcq-option.is-locked{
  pointer-events:none;
}

.dre-tabbed-mcq .dre-tmcq-option.is-locked.dre-disc--correct,
.dre-tabbed-mcq .dre-tmcq-option.is-locked.is-correct{
  background:#eaf7ee;
  border-color:#3ebe4e;
}

.dre-tabbed-mcq .dre-tmcq-option.is-locked.dre-disc--incorrect,
.dre-tabbed-mcq .dre-tmcq-option.is-locked.is-wrong{
  background:#f3f4f6;
  border-color:var(--dre-grey-dark);
}

/* footer */
.dre-tabbed-mcq-footer-card{
  margin-top:-1px;
  background:#fff;
  border:1px solid var(--dre-border);
  border-top:none;
  border-radius:0 0 14px 14px;
  padding:14px;
}

.dre-tabbed-mcq-footer-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  width:100%;
}

/* tabs */
.dre-tabbed-mcq-tabs{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

.dre-tabbed-mcq .dre-tabbed-mcq-tab{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  height:40px;
  padding:0 18px;

  background:#fff;
  color:var(--dre-blue);

  border:1.5px solid var(--dre-blue);
  border-radius:12px;

  font-size:1rem;
  font-weight:600;
  line-height:1.4;

  cursor:pointer;
  white-space:nowrap;
}

.dre-tabbed-mcq .dre-tabbed-mcq-tab.is-active{
  background:var(--dre-blue);
  color:#fff;
  border-color:var(--dre-blue);
}

.dre-tabbed-mcq .dre-tabbed-mcq-tab:not(.is-active):hover{
  background:#eaf6fc;
}

/* check button */
.dre-tabbed-mcq .dre-tabbed-mcq-check{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  height:40px;
  padding:0 22px;

  border-radius:26px;
  font-size:1rem;
  font-weight:700;
  line-height:1.4;

  cursor:pointer;
}

.dre-tabbed-mcq .dre-btn-lightgrey.dre-tabbed-mcq-check{
  background:#fff;
  color:#bfc2c7;
  border:1px solid #bfc2c7;
}

.dre-tabbed-mcq .dre-btn-pink.dre-tabbed-mcq-check.is-ready{
  background:#fff;
  color:var(--dre-pink);
  border:2px solid var(--dre-pink);
}

.dre-tabbed-mcq .dre-btn-pink.dre-tabbed-mcq-check.is-ready:hover{
  background:var(--dre-pink);
  color:#fff;
}

/* warning */
.dre-tabbed-mcq-warning{
  margin:8px auto 0;
  text-align:center;
  font-size:0.95rem;
  font-weight:400;
  color:var(--dre-blue);
}

/* feedback */
.dre-tabbed-mcq .dre-tmcq-review{
  display:none !important;
  margin-top:24px;
  text-align:center;
}

.dre-tabbed-mcq .dre-tmcq-review.is-visible{
  display:block !important;
}

.dre-tabbed-mcq .dre-tmcq-feedback-title{
  margin:0 auto 8px;
  text-align:center;
  color:var(--dre-grey-dark);
  font-size:1.25rem;
  font-weight:700;
}

.dre-tabbed-mcq .dre-tmcq-score{
  margin:0 auto 18px;
  text-align:center;
  color:var(--dre-grey-dark);
  font-size:1rem;
  font-weight:700;
}

.dre-tabbed-mcq .dre-tmcq-review-list{
  text-align:left;
}

.dre-tabbed-mcq .dre-tmcq-feedback-item{
  background:#fff;
  border:1px solid var(--dre-border);
  border-radius:12px;
  padding:14px 16px;
  margin:18px 12px 0;
}

.dre-tabbed-mcq .dre-tmcq-feedback-item.is-visible{
  opacity:1;
  transform:translateY(0);
}

/* hidden feedback payloads */
.dre-tabbed-mcq .dre-tmcq-feedback,
.dre-tabbed-mcq .dre-tmcq-feedback-text{
  display:none !important;
}

/* mobile */
@media (max-width:640px){

  .dre-tabbed-mcq{
    padding-left:0;
    padding-right:0;
  }

  .dre-tabbed-mcq-activity.is-active{
    padding:0;
    border:none;
    border-radius:0;
    background:transparent;
  }

  .dre-tabbed-mcq-question{
    padding:10px 0 8px;
    margin:0 0 8px;
  }

  .dre-tabbed-mcq .dre-tmcq-option{
    margin:0;
    border-left:none;
    border-right:none;
    border-radius:0;
    padding-left:46px;
    padding-right:18px;
  }

  .dre-tabbed-mcq .dre-tmcq-option + .dre-tmcq-option{
    border-top:1px solid var(--dre-border);
  }

  .dre-tabbed-mcq-footer-card{
    margin-top:12px;
    border-top:1px solid var(--dre-border);
    border-radius:14px;
  }

  .dre-tabbed-mcq-footer-inner{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
  }

  .dre-tabbed-mcq-tabs{
    justify-content:center;
  }

  .dre-tabbed-mcq .dre-tabbed-mcq-tab{
    height:30px;
    padding:0 12px;
    font-size:0.85rem;
    border-radius:9px;
  }

  .dre-tabbed-mcq .dre-tabbed-mcq-check{
    margin:0 auto;
  }
}