.elementor-1710 .elementor-element.elementor-element-37891344{--display:flex;--min-height:100vh;--margin-top:0px;--margin-bottom:0px;--margin-left:010px;--margin-right:0px;}.elementor-1710 .elementor-element.elementor-element-37891344:not(.elementor-motion-effects-element-type-background), .elementor-1710 .elementor-element.elementor-element-37891344 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#965EF5;}.elementor-1710 .elementor-element.elementor-element-37891344.e-con{--align-self:flex-start;--flex-grow:1;--flex-shrink:0;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-1710 .elementor-element.elementor-element-3094b709{margin:0px 0300px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1710 .elementor-element.elementor-element-3094b709 .elementor-icon-wrapper{text-align:center;}.elementor-1710 .elementor-element.elementor-element-3094b709.elementor-view-stacked .elementor-icon{background-color:#00FCFF;}.elementor-1710 .elementor-element.elementor-element-3094b709.elementor-view-framed .elementor-icon, .elementor-1710 .elementor-element.elementor-element-3094b709.elementor-view-default .elementor-icon{color:#00FCFF;border-color:#00FCFF;}.elementor-1710 .elementor-element.elementor-element-3094b709.elementor-view-framed .elementor-icon, .elementor-1710 .elementor-element.elementor-element-3094b709.elementor-view-default .elementor-icon svg{fill:#00FCFF;}.elementor-1710 .elementor-element.elementor-element-3094b709 .elementor-icon{font-size:35px;}.elementor-1710 .elementor-element.elementor-element-3094b709 .elementor-icon svg{height:35px;}.elementor-1710 .elementor-element.elementor-element-657262c2{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 080px;}.elementor-1710 .elementor-element.elementor-element-13a93873{margin:-80px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 050px;}.elementor-1710 .elementor-element.elementor-element-7173d1b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0100px) 0px;}.elementor-1710 .elementor-element.elementor-element-7173d1b.elementor-element{--align-self:center;}.elementor-1710 .elementor-element.elementor-element-377d61d0{margin:-100px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1710 .elementor-element.elementor-element-377d61d0.elementor-element{--align-self:center;}.elementor-1710 .elementor-element.elementor-element-baa9cbc{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1710 .elementor-element.elementor-element-baa9cbc.elementor-element{--align-self:center;}.elementor-1710 .elementor-element.elementor-element-6d544281{--e-transform-translateY:-22px;}.elementor-1710 .elementor-element.elementor-element-6d544281.elementor-element{--align-self:center;}@media(min-width:768px){.elementor-1710 .elementor-element.elementor-element-37891344{--width:331.167px;}}/* Start custom CSS for shortcode, class: .elementor-element-7173d1b */.ms-profile-name,
.ms-profile-name *{
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.08em;
  opacity: 0.95;
}/* End custom CSS */
/* Start custom CSS */.lesson-line{
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  justify-content:center;
  align-items:baseline;
  gap:8px;
}

.lesson-line *{
  margin:0;
  padding:0;
}

.lesson-line,
.lesson-line *{
  color:#000;
  font-weight:800;
  line-height:1.2;
  white-space:nowrap;
}

/* если хочешь одинаковый размер */
.lesson-line{
  font-size:28px;
}
.lesson-line__title .elementor-heading-title{
  font-size:inherit;
  font-weight:inherit;
  color:inherit;
}

/* Контейнер шапки модалки */
.ml-head {
  margin-bottom: 20px;
}

/* Малый контекстный текст */
.ml-label {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #8A8F98; /* спокойный серо-синий */
  margin-bottom: 6px;
}

/* НАЗВАНИЕ МИССИИ / ИГРЫ */
.ml-course-title {
  font-size: 26px;
  font-weight: 800;
  color: #1E1E1E; /* почти чёрный — максимум контраста */
  line-height: 1.2;
}

.ml-course-title {
  background: linear-gradient(90deg, #4FACFE, #00F2FE);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}



/* === PROGRESS FIX === */

.ml-progress {
  margin-top: 16px;
}

.ml-progress-row {
  display: flex !important;
  align-items: center !important;
  gap: 15px !important;
  width: 100%;
}

/* Текст */
.ml-progress-label {
  font-size: 23px;
  font-weight: 600;
  color: #4B5563;
  white-space: nowrap;
}

.ml-pct {
  font-size: 23px;
  font-weight: 700;
  color: #374151;
  min-width: 44px;
  text-align: right;
  white-space: nowrap;
}

/* САМ БАР */
.ml-bar {
  flex: 1 1 auto !important;   /* ← КЛЮЧЕВОЕ */
  min-width: 120px !important; /* ← чтобы не схлопнулся */
  height: 24px !important;
  background: #E5E7EB !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  display: block !important;
}

/* ЗАПОЛНЕНИЕ */
.ml-bar-fill {
  height: 100% !important;
  display: block !important;
  background: linear-gradient(90deg, #22C55E, #4ADE80) !important;
  border-radius: 999px !important;
}

/* Карточка урока */
.ml-item{
  display:flex;
  align-items:center;
  gap:16px;
  padding:14px 16px;
  border-radius:16px;
  background:#F3F4F6;
  border:1px solid #E5E7EB;
  margin-bottom:12px;
}

/* Миниатюра */
.ml-thumb{
  width:68px;
  height:48px;
  border-radius:12px;
  background-size:cover;
  background-position:center;
  flex:0 0 auto;
}

/* Заголовок */
.ml-title{
  flex:1;
  font-weight:700;
  font-size:18px;
  color:#111827;
}
.ml-title a{
  color:inherit;
  text-decoration:none;
}

/* Правая “кнопка/иконка” */
.ml-icon{
  width:54px;
  height:42px;
  border-radius:14px;
  background:#E5E7EB;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
}

/* DONE: контейнер справа */
.ml-done .ml-icon{
  background: #E6F9EE;          /* светло-зелёный фон */
  border-radius: 14px;
}

/* ЖИРНАЯ ЗЕЛЁНАЯ ГАЛОЧКА */
.ml-icon-check{
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 32px;
  height: 32px;

  font-size: 32px;              /* ← крупнее */
  font-weight: 900;             /* ← МАКСИМАЛЬНО жирно */
  line-height: 1;

  color: #22C55E;               /* насыщенный зелёный */
}


/* ✅ CURRENT: подсветка как “активный урок” */
.ml-current{
  background: linear-gradient(90deg, #5B7CFF, #7B5BFF);
  border-color: rgba(255,255,255,0.2);
}
.ml-current .ml-title,
.ml-current .ml-title a{
  color:#FFFFFF;
}
.ml-current .ml-icon{
  background: rgba(255,255,255,0.22);
}
.ml-icon-go{
  font-size:26px;
  font-weight:900;
  color:#FFFFFF;
  line-height:1;
}

/* ✅ LOCKED: приглушённый + замок */
.ml-locked{
  opacity:0.65;
}
.ml-locked .ml-icon{
  background:#F3F4F6;
}
.ml-icon-lock{
  font-size:22px;
  line-height:1;
}


/* 1) Делаем виджет кнопки "по контенту", а не на всю строку */
.elementor-widget-button,
.elementor-widget-button .elementor-button-wrapper {
  width: auto !important;
  flex: 0 0 auto !important;
}

/* 2) Сам <a> тоже не растягиваем */
.elementor-widget-button .elementor-button {
  display: inline-flex !important;
  width: auto !important;
}

/* 3) ВАЖНО: отключаем клики по пустой области wrapper'а */
.elementor-widget-button .elementor-button-wrapper {
  pointer-events: none !important;
}

/* 4) Но разрешаем клики по самой кнопке */
.elementor-widget-button .elementor-button-wrapper .elementor-button {
  pointer-events: auto !important;
}


/* Скрываем только LearnDash Lesson Video блок, но не кнопку завершения */
.ld-video,
.learndash_video,
.learndash-video,
.ld-lesson-video,
.learndash_video_frame,
.learndash_video_wrapper {
  display: none !important;
}

/* 1) Hide LearnDash progress everywhere on lessons */
.single-sfwd-lessons .learndash-wrapper .ld-progress,
.single-sfwd-lessons .learndash-wrapper .ld-progress-wrap {
  display: none !important;
}

/* 2) But show it inside YOUR Elementor container */
.single-sfwd-lessons .my-progress-box .learndash-wrapper .ld-progress,
.single-sfwd-lessons .my-progress-box .learndash-wrapper .ld-progress-wrap {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}


/* Round all Elementor buttons ONLY on LearnDash lesson pages */
 .elementor-button {
    border-radius: 15px !important;
}/* End custom CSS */