div.watu-question, div.show-question {
margin-top: 15px !important;
}
.question-choices, .show-question-choices {
margin-top: 5px !important;
}
.watupro-sortable li {
font-size: 16 !important;
}

.watupro-progress-bar {
  background: linear-gradient(to right, #f6e4b8 0%, #f0620b 100%) !important;
}

#watupro_quiz .watupro_catpage h3,
#watupro_quiz .watupro_cat_header,
#watupro_quiz .watupro_catname {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
}



/* ===============================
   HispaClub audio player (FIXED)
   MediaElement.js
   =============================== */

/* Контейнер плеера */
.mejs-container.mejs-audio{
  background: #ffffff !important;
  border: 1.5px solid #ff7a00 !important;
  border-radius: 10px !important;
  padding: 4px 8px !important;
  box-sizing: border-box !important;

  max-width: 80% !important;
  height: 45px !important;   /* ↑ увеличили */
}

/* Панель управления */
.mejs-container .mejs-controls{
  background: transparent !important;
  height: 45px !important;
  align-items: center !important;
}

/* === КНОПКА PLAY / PAUSE === */
.mejs-container .mejs-playpause-button{
  width: 34px !important;
  height: 34px !important;
background: #ff7a00 !important;
border-radius: 50px !important;
padding: 2 3px !important;
}


/* иконка ▶️ / ❚❚ внутри кнопки */
.mejs-container .mejs-playpause-button button::before{
  color: #fffff!important;
  font-size: 20px !important;

}

/* === ВРЕМЯ (00:00) — НЕ ОБРЕЗАЕТСЯ === */
.mejs-container .mejs-time{
  font-size: 13px !important;
  line-height: 1.2 !important;
  height: auto !important;
  color: #ff7a00 !important;

  padding: 0 4px !important;
  display: flex !important;
  align-items: center !important;
}

.mejs-container .mejs-time span{
  line-height: 1.2 !important;
  color: #ff7a00 !important;
}

/* === ШКАЛА ВРЕМЕНИ === */
.mejs-container .mejs-time-rail .mejs-time-total{
  background: rgba(255,122,0,.2) !important;
  height: 6px !important;
  border-radius: 4px !important;
}

.mejs-container .mejs-time-rail .mejs-time-loaded{
  background: rgba(255,122,0,.35) !important;
}

.mejs-container .mejs-time-rail .mejs-time-current{
  background: #ff7a00 !important;
}

/* Ползунок */
.mejs-container .mejs-time-handle-content{
  background: #ff7a00 !important;
  border-color: #ff7a00 !important;
}

/* === ГРОМКОСТЬ === */
.mejs-container .mejs-horizontal-volume-total{
  background: rgba(255,122,0,.2) !important;
  height: 6px !important;
}

.mejs-container .mejs-horizontal-volume-current{
  background: #ff7a00 !important;
}

/* Hover */
.mejs-container .mejs-controls button:hover{
  opacity: 0.9 !important;
}


#watupro_quiz 
h3 {
  display: none !important;
}

/* === не отображать в результатах хлебные крошки === */
/* Скрываем skillline ТОЛЬКО в результатах (%%ANSWERS%%) */
div.show-question .hc-skillline {
    display: none !important;
}




/* ВЕРНУТЬ отображение audio в результатах */
.show-question-content audio.wp-audio-shortcode{
  display: block !important;

}
/* %%ANSWERS%% — отступ после оранжевого аудиоплеера */
.watupro-choices-columns.show-question .show-question-content .mejs-container{
  margin-bottom: 14px !important;
}






/* ===== %%ANSWERS%% — разделитель между вопросами ===== */
.watupro-choices-columns.show-question{
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  padding-bottom: 16px;
  margin-bottom: 16px;
}






/* Убираем лишние отступы у skillline ТОЛЬКО в подробном разборе */
.hc-watu-full .hc-skillline {
    margin-top: 2px !important;
    margin-bottom: 4px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 1.2;
}

/* Если skillline стоит перед заголовком вопроса — убираем зазор */
.hc-watu-full .hc-skillline + h4,
.hc-watu-full .hc-skillline + h3 {
    margin-top: 4px !important;
}

/* Если перед skillline есть пустой блок — схлопываем */
.hc-watu-full .hc-skillline:first-child {
    margin-top: 0 !important;
}

/* Увеличиваем текст описания уровня (Grades) ТОЛЬКО до email */
.hc-clean-wrap .hc-card:first-of-type .hc-text {
    font-size: 17px;      /* ← основной размер (можно 18px) */
    line-height: 1.7;
}

/* На мобильных — чуть меньше, чтобы не \\\" */
@media (max-width: 560px) {
    .hc-clean-wrap .hc-card:first-of-type .hc-text {
        font-size: 16px;
        line-height: 1.65;
    }
}



.watupro-question-choice span {
		  display: inline !important; /* added in WatuPRO 6.1.0.4 */
		}
@media 
			only screen and (max-width: 600px) {
}