/* ===== LearnDash · дизайн-система Sviteya =====
   Файл дочірньої теми (learndash.css), підключає functions.php лише на сторінках LearnDash
   (курс, урок, тема, тест). Плагін дизайну LearnDash не потрібен — це й є весь дизайн.
   Джерело: «Дизайн система Sviteya» css/course.css (К1 — рядки з волосиною), lesson.css (режим фокусу:
   смуга 72 · колонка 300 в тон тла · поточний урок інверсією; вміст уроку — 100% ширини, рішення власниці 27.09), progress.css, button.css, list-table.css.
   Розмітка — стандартна LD30 (Налаштування LearnDash → Дизайн: LD30, режим фокусу увімкнено).
   Токени (--sp-*, --text-*, --g-*, --font-*) — змінні Bricks «Sviteya», є на кожній сторінці. */

body{
  --sv-bar:72px;      /* висота верхньої смуги уроку, як шапка сайту */
  --sv-side:300px;    /* колонка програми */
  --sv-fold:calc(44px + var(--sp-2) * 2);   /* згорнута колонка: квадрат 44 і поля 8 */
  --sv-ic-unfold:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M480-120 300-300l44-44 136 136 136-136 44 44-180 180ZM344-612l-44-44 180-180 180 180-44 44-136-136-136 136Z'/%3E%3C/svg%3E");
  --sv-ic-todo:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M480-80q-82 0-155-31.5t-127.5-86Q143-252 111.5-325T80-480q0-83 31.5-156t86-127Q252-817 325-848.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 82-31.5 155T763-197.5q-54 54.5-127 86T480-80Zm0-60q142 0 241-99.5T820-480q0-142-99-241t-241-99q-141 0-240.5 99T140-480q0 141 99.5 240.5T480-140Z'/%3E%3C/svg%3E");
  --sv-ic-done:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='m421-298 283-283-46-45-237 237-120-120-45 45 165 166Zm59 218q-82 0-155-31.5t-127.5-86Q143-252 111.5-325T80-480q0-83 31.5-156t86-127Q252-817 325-848.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 82-31.5 155T763-197.5q-54 54.5-127 86T480-80Z'/%3E%3C/svg%3E");
  --sv-ic-prog:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M480-200q117 0 198.5-81.5T760-480q0-117-81.5-198.5T480-760v280L289-280q37 39 87 59.5T480-200Zm0 120q-82 0-155-31.5t-127.5-86Q143-252 111.5-325T80-480q0-83 31.5-156t86-127Q252-817 325-848.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 82-31.5 155T763-197.5q-54 54.5-127 86T480-80Zm0-60q142 0 241-99.5T820-480q0-142-99-241t-241-99q-141 0-240.5 99T140-480q0 141 99.5 240.5T480-140Zm0-340Z'/%3E%3C/svg%3E");
  --sv-ic-down:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M480-344 240-584l43-43 197 197 197-197 43 43-240 240Z'/%3E%3C/svg%3E");
  --sv-ic-up:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M480-554 283-357l-43-43 240-240 240 240-43 43-197-197Z'/%3E%3C/svg%3E");
  --sv-ic-quiz:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M572-352q12-12 12-29t-12-29q-12-12-29-12t-29 12q-12 12-12 29t12 29q12 12 29 12t29-12Zm-54-114h47q2-29 8.5-43t32.5-39q27-26 37.5-45.5T654-639q0-46-31.5-75T540-743q-38 0-68 20.5T428-665l45 19q11-25 27.5-38t39.5-13q30 0 48.5 17t18.5 43q0 20-9 35t-32 32q-32 29-40 46.5t-8 57.5ZM200-200v-680h680v680H200Zm60-60h560v-560H260v560ZM80-80v-680h60v620h620v60H80Zm180-740v560-560Z'/%3E%3C/svg%3E");
  --sv-ic-lock:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M160-80v-554h130v-96q0-78.85 55.61-134.42Q401.21-920 480.11-920q78.89 0 134.39 55.58Q670-808.850 670-730v96h130v554H160Zm60-60h520v-434H220v434Zm314.5-162.03Q557-324.06 557-355q0-30-22.67-54.5t-54.5-24.5q-31.83 0-54.33 24.5t-22.5 55q0 30.5 22.67 52.5t54.5 22q31.830 0 54.33-22.03ZM350-634h260v-96q0-54.17-37.88-92.08-37.88-37.92-92-37.92T388-822.08q-38 37.91-38 92.08v96ZM220-140v-434 434Z'/%3E%3C/svg%3E");
  --sv-ic-menu:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M120-240v-60h720v60H120Zm0-210v-60h720v60H120Zm0-210v-60h720v60H120Z'/%3E%3C/svg%3E");
  --sv-ic-back:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='m274-450 248 248-42 42-320-320 320-320 42 42-248 248h526v60H274Z'/%3E%3C/svg%3E");
  --sv-ic-next:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M686-450H160v-60h526L438-758l42-42 320 320-320 320-42-42 248-248Z'/%3E%3C/svg%3E");
  --sv-ic-left:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M561-240 320-481l241-241 43 43-198 198 198 198-43 43Z'/%3E%3C/svg%3E");
}

/* ---------- спільне: шрифт, кути, іконки стану ---------- */
.learndash-wrapper{ font-family:var(--font-text); color:var(--text); }
.learndash-wrapper *{ border-radius:0 !important; box-shadow:none; }

/* іконка стану: Material Sharp маскою 20 × 20, колір — колір тексту рядка */
.learndash-wrapper .ld-status-icon, .learndash-wrapper .ld-course-navigation .ld-status-icon, .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview .ld-status-icon{   /* у колонці LearnDash звужує до 15 px — кружечок обрізався */
  width:20px !important; height:20px !important; min-width:20px; flex:0 0 20px !important; margin:calc((16px * var(--lh) - 20px) / 2) 0 0 !important;
  border:0 !important; background:currentColor !important; color:inherit;
  -webkit-mask:var(--sv-ic-todo) center / 20px no-repeat; mask:var(--sv-ic-todo) center / 20px no-repeat; }
.learndash-wrapper .ld-status-icon > *, .learndash-wrapper .ld-status-icon::before, .learndash-wrapper .ld-status-icon::after{ display:none !important; }
.learndash-wrapper .ld-status-icon.ld-status-complete, .learndash-wrapper .ld-status-icon.ld-quiz-complete{ -webkit-mask-image:var(--sv-ic-done); mask-image:var(--sv-ic-done); }
.learndash-wrapper .ld-status-icon.ld-status-in-progress{ -webkit-mask-image:var(--sv-ic-prog); mask-image:var(--sv-ic-prog); }
.learndash-wrapper .ld-status-icon.ld-quiz-incomplete, .learndash-wrapper .ld-status-icon.ld-quiz-pending{ -webkit-mask-image:var(--sv-ic-quiz); mask-image:var(--sv-ic-quiz); }
.learndash-wrapper .learndash-not-available .ld-status-icon, .learndash-wrapper .ld-status-icon.ld-status-locked{ -webkit-mask-image:var(--sv-ic-lock); mask-image:var(--sv-ic-lock); }

/* ---------- прогрес (progress.css): «0% завершено · Остання активність», смуга 8 ---------- */
/* LearnDash розкладає «inline»-прогрес рядком навпаки (смуга ліворуч, текст праворуч) і пише відсоток капсом —
   селектори тут повні, як у LearnDash, інакше його правила сильніші */
.learndash-wrapper .ld-progress, .learndash-wrapper .ld-progress.ld-progress-inline, .learndash-wrapper.learndash-widget .ld-progress{
  display:flex; flex-direction:column; align-items:stretch; flex-wrap:nowrap; margin:0; padding:0; }
.learndash-wrapper .ld-progress .ld-progress-heading, .learndash-wrapper.learndash-widget .ld-progress .ld-progress-heading{
  order:0; display:block; margin:0 0 var(--sp-2); padding:0; font-size:16px; line-height:var(--lh); }
.learndash-wrapper .ld-progress .ld-progress-heading .ld-progress-stats{ display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:baseline; gap:var(--sp-1) var(--sp-3); }
.learndash-wrapper .ld-progress .ld-progress-heading .ld-progress-stats .ld-progress-percentage{ margin:0; font:700 16px/var(--lh) var(--font-text); color:var(--text) !important; text-transform:none; letter-spacing:0; }
.learndash-wrapper .ld-progress .ld-progress-heading .ld-progress-stats .ld-progress-steps{ margin:0; font:500 16px/var(--lh) var(--font-text); color:var(--text-mute); text-transform:none; letter-spacing:0; }
.learndash-wrapper .ld-progress .ld-progress-bar, .learndash-wrapper .ld-progress.ld-progress-inline .ld-progress-bar, .learndash-wrapper.learndash-widget .ld-progress .ld-progress-bar{
  order:1; flex:none; width:100%; height:8px; margin:0; background:var(--border) !important; overflow:hidden; }
.learndash-wrapper .ld-progress .ld-progress-bar-percentage{ height:8px; background:var(--text) !important; }

/* ---------- рамка фокусу: синій outline LearnDash (#235af3 / #0e2a90) з'являється при наведенні й кліку на кнопках
   ld-button-transparent («Попереднє …» у смузі), кнопці меню на телефоні, «Завершено», «Розгорнути», кнопках тесту —
   прибираємо; з клавіатури (:focus-visible) — рамка системи 2 px кольором тексту ---------- */
.learndash-wrapper :is(.ld-button, .ld-expand-button, .learndash_mark_complete_button, #learndash_mark_complete_button, .ld-trigger-mobile-nav, .ld-focus-sidebar-trigger, .wpProQuiz_button, .wpProQuiz_button2, #quiz_continue_link, .ld-focus-comments #submit):is(:hover, :focus),
.learndash-wrapper .ld-focus .ld-focus-header :is(a, button, input):is(:hover, :focus){ outline:none !important; }
.learndash-wrapper :is(.ld-button, .ld-expand-button, .learndash_mark_complete_button, #learndash_mark_complete_button, .ld-trigger-mobile-nav, .ld-focus-sidebar-trigger, .wpProQuiz_button, .wpProQuiz_button2, #quiz_continue_link, .ld-focus-comments #submit):focus-visible,
.learndash-wrapper .ld-focus .ld-focus-header :is(a, button, input):focus-visible{ outline:2px solid var(--text) !important; outline-offset:2px; }

/* ---------- кнопки LearnDash за системою ---------- */
/* «Завершено» — головна дія уроку: чорна, моно, зі зрізом (.btn.btn--cut.btn--sm) */
.learndash-wrapper .learndash_mark_complete_button, .learndash-wrapper #learndash_mark_complete_button,
#ld-focus-header .sfwd-mark-complete .learndash_mark_complete_button, #ld-focus-content .sfwd-mark-complete .learndash_mark_complete_button{   /* id — сильніше за правила смуги LearnDash (прозора кнопка !important) */
  display:inline-flex; align-items:center; min-height:44px; padding:var(--sp-3) var(--sp-4) !important; border:1px solid var(--btn-bg) !important;
  background:var(--btn-bg) !important; color:var(--btn-text) !important; cursor:pointer;
  font:700 16px/1.2 var(--font-num) !important; letter-spacing:.04em; text-transform:uppercase !important; outline:0 !important;
  clip-path:polygon(0 0,calc(100% - var(--cut-btn)) 0,100% var(--cut-btn),100% 100%,var(--cut-btn) 100%,0 calc(100% - var(--cut-btn)));
  transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease); }
.learndash-wrapper .learndash_mark_complete_button:hover, #ld-focus-header .sfwd-mark-complete .learndash_mark_complete_button:hover, #ld-focus-content .sfwd-mark-complete .learndash_mark_complete_button:hover{ background:var(--red) !important; border-color:var(--red) !important; color:#fff !important; }
.learndash-wrapper .learndash_mark_complete_button:active{ transform:translate(2px,2px); }
.learndash-wrapper .learndash_mark_complete_button:focus-visible{ box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--black) !important; }
.learndash-wrapper .learndash_mark_complete_button:disabled{ background:var(--g-3) !important; border-color:var(--g-3) !important; color:var(--g-5) !important; cursor:default; }
.learndash-wrapper .sfwd-mark-complete, .learndash-wrapper #sfwd-mark-complete{ margin:0 !important; }
.learndash-wrapper .sfwd-mark-complete::after, .learndash-wrapper #sfwd-mark-complete::after{ display:none !important; }

/* «Розгорнути» — друга кнопка малого розміру (.btn--sec.btn--sm), іконка keyboard_arrow_down / _up */
.learndash-wrapper .ld-expand-button{ display:inline-flex; align-items:center; gap:var(--sp-1); min-height:44px; padding:var(--sp-3) var(--sp-4);
  background:transparent !important; border:1px solid var(--text) !important; color:var(--text) !important;
  font:700 16px/1.2 var(--font-num); letter-spacing:.04em; text-transform:uppercase; cursor:pointer; }
.learndash-wrapper .ld-expand-button:hover{ background:var(--text) !important; color:var(--surface) !important; }
/* «Розгорнути все» в програмі курсу: LearnDash фарбує акцентом з !important — id шаблону сильніший */
#brxe-ldcprogi .ld-item-list-actions .ld-expand-button{ background:transparent !important; color:var(--text) !important; border:1px solid var(--text) !important; }
#brxe-ldcprogi .ld-item-list-actions .ld-expand-button:hover{ background:var(--text) !important; color:var(--surface) !important; }
#brxe-ldcprogi .ld-item-list-actions .ld-expand-button .ld-text{ color:inherit !important; }
.learndash-wrapper .ld-expand-button .ld-icon{ width:20px; height:20px; font-size:0; background:currentColor !important; transform:none !important;
  -webkit-mask:var(--sv-ic-down) center / 20px no-repeat; mask:var(--sv-ic-down) center / 20px no-repeat; }
.learndash-wrapper .ld-expand-button .ld-icon::before, .learndash-wrapper .ld-expand-button .ld-icon::after{ display:none !important; }
.learndash-wrapper .ld-expand-button.ld-expanded .ld-icon{ -webkit-mask-image:var(--sv-ic-up); mask-image:var(--sv-ic-up); }
.learndash-wrapper .ld-expand-button .ld-text{ color:inherit !important; }

/* попередній / наступний — посилання-дія .lnk-go: 600 16, лінія 2 знизу, стрілка 20 */
/* id області — сильніше за вбудовані кольори LearnDash (фарбують .ld-button акцентом з !important) */
.learndash-wrapper .ld-content-actions .ld-button:not(.ld-button-reverse), .learndash-wrapper .ld-content-actions a.ld-button,
#ld-focus-content .ld-content-actions a.ld-button, #ld-focus-content .ld-content-actions a.ld-button:hover, #ld-focus-header .ld-content-actions a.ld-button, #ld-focus-header .ld-content-actions a.ld-button:hover{
  display:inline-flex; align-items:center; gap:var(--sp-2); min-height:0; padding:0 0 var(--sp-1) !important;
  background:none !important; border:0; border-bottom:2px solid currentColor; color:var(--text) !important;
  font:600 16px/var(--lh) var(--font-text); text-transform:none; letter-spacing:0; text-decoration:none; }
.learndash-wrapper .ld-content-actions .ld-button .ld-icon{ width:20px; height:20px; font-size:0; background:currentColor; flex:none; margin:0 !important;
  -webkit-mask:var(--sv-ic-next) center / 20px no-repeat; mask:var(--sv-ic-next) center / 20px no-repeat; transition:transform var(--dur) var(--ease); }
.learndash-wrapper .ld-content-actions .ld-button .ld-icon::before{ display:none; }
.learndash-wrapper .ld-content-actions .ld-button .ld-icon-arrow-left{ -webkit-mask-image:var(--sv-ic-back); mask-image:var(--sv-ic-back); }
#ld-focus-content .ld-content-actions a.ld-button:hover, #ld-focus-header .ld-content-actions a.ld-button:hover{ color:var(--red) !important; }   /* наведення — червоне: текст, лінія, стрілка */
#ld-focus-content .ld-content-actions a.ld-button:focus, #ld-focus-header .ld-content-actions a.ld-button:focus{ outline:none !important; box-shadow:none !important; }
#ld-focus-content .ld-content-actions a.ld-button:focus-visible, #ld-focus-header .ld-content-actions a.ld-button:focus-visible{ outline:2px solid var(--text) !important; outline-offset:2px; }
.learndash-wrapper .ld-content-actions .ld-button:hover .ld-icon-arrow-right{ transform:translateX(4px); }
.learndash-wrapper .ld-content-actions .ld-button:hover .ld-icon-arrow-left{ transform:translateX(-4px); }
.learndash-wrapper .ld-content-actions .ld-button .ld-text{ color:inherit; }
#ld-focus-content .ld-content-actions a.ld-button .ld-text, #ld-focus-header .ld-content-actions a.ld-button .ld-text{ flex:none; width:auto; margin:0; padding:0; white-space:nowrap; }
#ld-focus-content .ld-content-actions .ld-content-action{ flex-basis:auto; padding:0; }

/* ---------- рядки програми: курс (К1) і колонка уроку — одна мова ---------- */
.learndash-wrapper .ld-item-list-item, .learndash-wrapper .ld-lesson-item, .learndash-wrapper .ld-table-list-item{
  margin:0 !important; padding:0 !important; border:0 !important; border-bottom:1px solid var(--border) !important; background:none !important; }
.learndash-wrapper .ld-item-list-item-preview, .learndash-wrapper .ld-lesson-item-preview, .learndash-wrapper .ld-table-list-item-preview{
  display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:start; min-height:0; margin:0; padding:0 !important; background:none; }
.learndash-wrapper .ld-item-list-item-preview .ld-tooltip{ min-width:0; }
.learndash-wrapper a.ld-item-name, .learndash-wrapper a.ld-lesson-item-preview-heading, .learndash-wrapper a.ld-table-list-item-preview{
  display:grid !important; grid-template-columns:20px minmax(0,1fr); column-gap:var(--sp-3); row-gap:0; align-items:start;
  padding:var(--sp-4) var(--sp-5) !important; color:var(--text) !important; text-decoration:none;
  font:500 16px/var(--lh) var(--font-text) !important; text-transform:none; letter-spacing:0; }
.learndash-wrapper a.ld-item-name:hover, .learndash-wrapper a.ld-lesson-item-preview-heading:hover, .learndash-wrapper a.ld-table-list-item-preview:hover{
  background:var(--g-1); color:var(--black) !important; }
.learndash-wrapper a.ld-item-name:focus-visible, .learndash-wrapper a.ld-lesson-item-preview-heading:focus-visible{ outline:2px solid var(--text); outline-offset:-2px; }
.learndash-wrapper .ld-item-title, .learndash-wrapper .ld-lesson-title, .learndash-wrapper .ld-topic-title{ font:inherit; color:inherit; margin:0; }
/* під назвою — «8 тем» і подібне: 16 → --text-s, сірим */
.learndash-wrapper .ld-item-components, .learndash-wrapper .ld-item-title .ld-item-components{ display:flex; flex-wrap:wrap; gap:var(--sp-1) var(--sp-3); margin:0; font-size:var(--text-s); font-weight:500; color:var(--text-mute); text-transform:none; }
.learndash-wrapper .ld-item-components .ld-item-component{ text-transform:none !important; }
.learndash-wrapper .ld-item-components .ld-sep{ display:none; }
/* поточний урок — інверсія (В2), тримається й під курсором */
.learndash-wrapper .ld-is-current-lesson > .ld-lesson-item-preview > a, .learndash-wrapper a.ld-is-current-item,
.learndash-wrapper .ld-is-current-lesson > .ld-lesson-item-preview > a:hover, .learndash-wrapper a.ld-is-current-item:hover{
  background:var(--text-head); color:var(--bg) !important; font-weight:700 !important; }
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-is-current-lesson > .ld-lesson-item-preview > a :is(.ld-lesson-title, .ld-status-icon){ color:var(--bg) !important; }
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-is-current-lesson > .ld-lesson-item-preview > a .ld-status-icon{ background:var(--bg) !important; }
/* урок з темами: назва на всю ширину, «1 Тема | 1 Завдання» — під нею (інакше кнопка стискала назву до квадрата) */
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-lesson-item-preview{ display:block; }
/* відкрита тема чи завдання — інверсія лише в їхньому рядку, урок-батько звичайний */
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-is-current-lesson:has(.ld-is-current-item) > .ld-lesson-item-preview > a{ background:none; color:var(--text) !important; font-weight:500 !important; }
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-is-current-lesson:has(.ld-is-current-item) > .ld-lesson-item-preview > a :is(.ld-lesson-title, .ld-status-icon){ color:var(--text) !important; }
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-is-current-lesson:has(.ld-is-current-item) > .ld-lesson-item-preview > a .ld-status-icon{ background:var(--text) !important; }
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-is-current-lesson:has(.ld-is-current-item) > .ld-lesson-item-preview > a:hover{ background:var(--g-1); }
/* закритий урок — сірим, при наведенні G5 */
.learndash-wrapper .learndash-not-available > * > a, .learndash-wrapper .learndash-not-available a.ld-item-name{ color:var(--text-mute) !important; }
.learndash-wrapper .learndash-not-available > * > a:hover{ color:var(--g-5) !important; }
/* «Розгорнути» в рядку курсу — праворуч, текстом (.cl__t) */
.learndash-wrapper .ld-item-details{ display:flex; align-items:center; gap:var(--sp-3); margin:0; padding:var(--sp-3) var(--sp-5) 0 0; }
.learndash-wrapper .ld-item-details .ld-expand-button{ min-height:0; padding:0; border:0 !important; font:500 16px/var(--lh) var(--font-text); text-transform:none; letter-spacing:0; }
.learndash-wrapper .ld-item-details .ld-expand-button:hover{ background:none !important; color:var(--red) !important; }
.learndash-wrapper .ld-item-details .ld-expand-button .ld-text{ order:0; }
.learndash-wrapper .ld-item-details .ld-status{ display:none; }
/* теми й тест всередині уроку — з відступом до рівня назви, волосина зверху */
.learndash-wrapper .ld-item-list-item-expanded, .learndash-wrapper .ld-lesson-item-expanded{ margin:0 !important; padding:0 !important; background:none !important; border:0 !important; }
.learndash-wrapper .ld-item-list-item-expanded::before, .learndash-wrapper .ld-lesson-item-expanded::before, .learndash-wrapper .ld-table-list::before{ display:none !important; }
.learndash-wrapper .ld-table-list{ margin:0 !important; padding:0 !important; background:none !important; border:0 !important; }
.learndash-wrapper .ld-table-list-header, .learndash-wrapper .ld-table-list-footer{ display:none !important; }
.learndash-wrapper .ld-table-list-items{ margin:0; padding:0 !important; border:0 !important; background:none !important; }
.learndash-wrapper .ld-table-list-item{ border-bottom:0 !important; border-top:1px solid var(--border) !important; }
.learndash-wrapper .ld-table-list-item a.ld-table-list-item-preview{ padding:var(--sp-3) var(--sp-5) var(--sp-3) calc(var(--sp-5) + 20px + var(--sp-3)) !important; }
.learndash-wrapper .ld-lesson-item-section-heading, .learndash-wrapper .ld-item-list-section-heading{ margin:0; padding:var(--sp-5) var(--sp-5) var(--sp-2); border-bottom:1px solid var(--border); }
.learndash-wrapper .ld-lesson-section-heading{ margin:0; font:700 16px/var(--lh) var(--font-text); color:var(--text-mute); text-transform:none; letter-spacing:0; }

/* ======================================================================
   СТОРІНКА КУРСУ · шаблон Bricks «LD course» (ids ldc*): обкладинка 3:1 на всю ширину 1200 → вміст теж на 1200 →
   назва (роль h4) → прогрес → вміст курсу з Bricks → «Програма курсу» + список (К1)
   ====================================================================== */
#brxe-ldcimg{ display:block; width:100%; margin:0; }
img#brxe-ldcimg, #brxe-ldcimg img{ display:block; width:100%; height:auto; aspect-ratio:3 / 1; object-fit:cover; }   /* обкладинки курсів — 3:1 (рішення власниці 27.09) */
#brxe-ldcwrap{ display:grid; gap:var(--sp-5); width:100%; max-width:none; margin:var(--sp-6) 0 0; font-size:16px; line-height:var(--lh); }
#brxe-ldcwrap > *{ min-width:0; margin:0; }
#brxe-ldch1, #brxe-ldcph{ font-family:var(--font-head); font-weight:700; font-size:var(--text-l); line-height:var(--lh-h4);
  letter-spacing:-.01em; text-transform:none; color:var(--text-head); margin:0; }
#brxe-ldcprg:empty{ display:none; }

/* вміст курсу — текст 16, заголовки всередині скромні: Montserrat 700 --text-m (не шкала лендингу) */
#brxe-ldcbody{ display:grid; gap:var(--sp-3); }
#brxe-ldcbody :where(h1,h2,h3,h4){ font-family:var(--font-text); font-weight:700; font-size:var(--text-m); line-height:var(--lh); letter-spacing:0; text-transform:none; margin:var(--sp-3) 0 0; color:var(--text-head); }
#brxe-ldcbody :where(h1,h2,h3,h4):first-child{ margin-top:0; }
#brxe-ldcbody :where(p, li, .brxe-text, .brxe-text-basic){ font-size:16px; line-height:var(--lh); }
#brxe-ldcbody p{ margin:0; }
#brxe-ldcbody p + p{ margin-top:var(--sp-3); }

/* «Програма курсу» на контрастній плашці: свій h2 з Bricks, h2 LearnDash ховаємо; «Розгорнути все» — праворуч у рядку заголовка */
/* плашка: ldcprog = фігурна плашка системи .fig .fig--2 .fig--light (біле тло, глобальний CSS); ldcprogi — вміст, від нього рахується «Розгорнути все» */
#brxe-ldcprogi{ position:relative; display:grid; gap:var(--sp-5); }
/* рядок заголовка не нижчий за кнопку «Розгорнути все» (44 + рамка), текст не заходить під неї — інакше лінія списку перетинала кнопку */
#brxe-ldcprogi > #brxe-ldcph{ display:flex; align-items:center; min-height:46px; padding-right:var(--sp-10); }
/* наведення — увесь рядок уроку, разом з колонкою «Розгорнути» праворуч */
#brxe-ldcprogi .ld-item-list-item-preview:hover{ background:var(--g-1); }
#brxe-ldcprogi .ld-item-list-item-preview:hover a.ld-item-name{ background:none; }
#brxe-ldcprog .learndash-wrapper, #brxe-ldcprog .learndash{ margin:0; padding:0; }
#brxe-ldcprog .ld-item-list{ margin:0; }
#brxe-ldcprogi .ld-section-heading{ position:absolute; top:0; right:0; margin:0; padding:0; }
#brxe-ldcprog .ld-section-heading > h2{ display:none; }
#brxe-ldcprog .ld-item-list-items{ margin:0; padding:0; border-top:1px solid var(--border); }
#brxe-ldcprog .ld-pagination{ margin:var(--sp-4) 0 0; }

@media (max-width:767px){
  #brxe-ldcwrap{ margin-top:var(--sp-5); }
  #brxe-ldch1, #brxe-ldcph{ font-size:2rem; }
  #brxe-ldcprogi .ld-section-heading{ position:static; }
  #brxe-ldcprogi > #brxe-ldcph{ min-height:0; padding-right:0; }
  #brxe-ldcprog .ld-section-heading .ld-expand-button{ width:100%; justify-content:center; }
  #brxe-ldcprog .ld-item-list-item-preview{ grid-template-columns:1fr; }
  #brxe-ldcprog .ld-item-details{ padding:0 0 var(--sp-4) calc(var(--sp-5) + 20px + var(--sp-3)); }
}

/* ======================================================================
   УРОК · режим фокусу LearnDash (lesson.css): смуга 72 (лого · прогрес · дії · аватар),
   колонка програми 300 в тон тла, урок на всю ширину, текст 16, назва — роль h4
   ====================================================================== */
body.ld-in-focus-mode, body.ld-in-focus-mode .learndash-wrapper{ background:var(--bg); }
.learndash-wrapper .ld-focus{ background:var(--bg); color:var(--text); }

/* --- верхня смуга --- */
.learndash-wrapper .ld-focus .ld-focus-header{ height:var(--sv-bar); background:var(--bg); border-bottom:1px solid var(--border); align-items:stretch; }
.learndash-wrapper .ld-focus .ld-focus-header > *{ height:auto; min-width:0; }
.learndash-wrapper .ld-focus .ld-focus-header .ld-brand-logo{ flex:0 0 var(--sv-side); display:flex; align-items:center; padding:0 var(--sp-5); background:var(--bg); border-right:1px solid var(--border); }
/* логотип як у шапці сайту (.sv-logo): знак маскою червоним + SVITEYA моно; картинка LearnDash (login_logo) з білим тлом схована */
.learndash-wrapper .ld-focus .ld-focus-header .ld-brand-logo img{ display:none; }
.learndash-wrapper .ld-focus .ld-focus-header .ld-brand-logo a{ display:inline-flex; align-items:center; gap:var(--sp-2); color:var(--text); text-decoration:none; }
.learndash-wrapper .ld-focus .ld-focus-header .ld-brand-logo a::before{ content:""; width:30px; height:30px; flex:none; background:var(--red); -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none'%3E%3Ccircle cx='32' cy='32' r='9' fill='%23000'/%3E%3Cpath d='M32 15A17 17 0 0 1 32 49' stroke='%23000' stroke-width='6'/%3E%3Cpath d='M32 3A29 29 0 0 1 32 61' stroke='%23000' stroke-width='6'/%3E%3C/svg%3E") center / contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none'%3E%3Ccircle cx='32' cy='32' r='9' fill='%23000'/%3E%3Cpath d='M32 15A17 17 0 0 1 32 49' stroke='%23000' stroke-width='6'/%3E%3Cpath d='M32 3A29 29 0 0 1 32 61' stroke='%23000' stroke-width='6'/%3E%3C/svg%3E") center / contain no-repeat; }
.learndash-wrapper .ld-focus .ld-focus-header .ld-brand-logo a::after{ content:"Sviteya"; font:700 19px/1 var(--font-num); letter-spacing:.04em; text-transform:uppercase; color:var(--text); }
.learndash-wrapper .ld-focus .ld-focus-header .ld-brand-logo a:focus-visible{ outline:2px solid var(--text); outline-offset:2px; }
.learndash-wrapper .ld-focus .ld-focus-header .ld-progress{ flex:1 1 auto; display:flex; flex-direction:column; justify-content:center; align-items:stretch; height:auto; padding:0 var(--sp-4) !important; border-right:0; }
.learndash-wrapper .ld-focus .ld-focus-header .ld-progress .ld-progress-wrap{ max-width:none; width:100%; }
.learndash-wrapper .ld-focus .ld-focus-header .ld-progress .ld-progress-bar{ background:var(--border) !important; }
.learndash-wrapper .ld-focus .ld-focus-header .ld-content-actions{ flex:0 0 auto; display:flex; align-items:stretch; margin:0; padding:0; border:0; }
#ld-focus-header .ld-content-actions .ld-content-action, .learndash-wrapper .ld-focus .ld-focus-header .ld-content-action{ flex:0 0 auto; display:flex; align-items:center; height:auto; padding:0 var(--sp-4); border:0; border-left:1px solid var(--border); }
#ld-focus-header .ld-content-actions .ld-content-action.ld-empty{ display:none; }
.learndash-wrapper .ld-focus .ld-focus-header .ld-course-step-back{ display:none; }
/* аватар 40 зі зрізом (.av--cut); привітання ховаємо — у макеті лише аватар */
.learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu{ flex:0 0 auto; height:auto; padding:0 var(--sp-4); border-left:1px solid var(--border); }
.learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu .ld-user-welcome-text{ display:none; }
.learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu .ld-profile-avatar{ position:relative; width:40px; height:40px; margin:0; padding:0; background:var(--text); overflow:hidden;
  clip-path:polygon(0 0,calc(100% - var(--cut-btn)) 0,100% var(--cut-btn),100% 100%,var(--cut-btn) 100%,0 calc(100% - var(--cut-btn))); }
/* рамка двома шарами, як .av--cut: зовнішній — колір тексту, фото — inset 1 зі своїм зрізом */
.learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu .ld-profile-avatar img{ position:absolute; inset:1px; display:block; width:auto; height:auto; object-fit:cover;
  clip-path:polygon(0 0,calc(100% - var(--cut-btn) + 1px) 0,100% calc(var(--cut-btn) - 1px),100% 100%,calc(var(--cut-btn) - 1px) 100%,0 calc(100% - var(--cut-btn) + 1px)); }
/* меню під аватаром — чорна панель, як меню профілю в шапці сайту */
.learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu .ld-user-menu-items{ margin:0; right:0; min-width:220px; background:var(--black); }
.learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu .ld-user-menu-items::before{ display:none; }
.learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu .ld-user-menu-items a{ padding:var(--sp-3) var(--sp-4); background:var(--black) !important; color:var(--white) !important;
  font:600 16px/var(--lh) var(--font-text); border:0; opacity:1; }
.learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu .ld-user-menu-items a:hover{ background:var(--white) !important; color:var(--black) !important; }
.learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu:focus-within .ld-user-menu-items{ opacity:1; visibility:visible; }
/* кнопка меню (телефон): квадрат 44 з іконкою menu замість трьох смужок */
.learndash-wrapper .ld-focus .ld-focus-header .ld-mobile-nav{ width:56px; }
.learndash-wrapper .ld-focus .ld-focus-header .ld-trigger-mobile-nav{ display:flex; align-items:center; justify-content:center; width:44px; height:44px; padding:0; background:none !important; border:0; cursor:pointer; }
.learndash-wrapper .ld-focus .ld-focus-header .ld-trigger-mobile-nav span{ display:none !important; }
.learndash-wrapper .ld-focus .ld-focus-header .ld-trigger-mobile-nav::before{ content:""; display:block; flex:none; width:24px; height:24px; background:var(--text);
  -webkit-mask:var(--sv-ic-menu) center / 24px no-repeat; mask:var(--sv-ic-menu) center / 24px no-repeat; }

/* --- колонка програми (Д3: у тон тла, волосина праворуч) --- */
.learndash-wrapper .ld-focus .ld-focus-sidebar{ width:var(--sv-side); padding-top:var(--sv-bar); background:var(--bg); border-right:1px solid var(--border); }
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading{ width:auto; min-height:0; display:grid; grid-template-columns:minmax(0,1fr) 44px; align-items:center; gap:var(--sp-3);
  padding:var(--sp-4) var(--sp-5); background:var(--bg) !important; color:var(--text); border-bottom:1px solid var(--border); }
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-focus-mode-course-heading-wrapper{ grid-column:1; grid-row:1; margin:0; }
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading a{ display:block; color:var(--text) !important; text-decoration:none;
  font:700 16px/var(--lh) var(--font-text); text-transform:none; letter-spacing:0; }
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading a .ld-icon{ display:none; }
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading a:hover{ text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:3px; }
/* згорнути програму — квадрат 44 з рамкою (.sq44), іконка chevron_left */
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-focus-sidebar-trigger{ grid-column:2; grid-row:1; position:relative; top:auto; right:auto; bottom:auto; width:44px; height:44px;
  border:1px solid var(--text) !important; background:none !important; color:var(--text); }
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-focus-sidebar-trigger .ld-icon{ display:none; }
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-focus-sidebar-trigger::before{ content:""; position:absolute; inset:0; margin:auto; width:20px; height:20px; background:currentColor;
  -webkit-mask:var(--sv-ic-left) center / 20px no-repeat; mask:var(--sv-ic-left) center / 20px no-repeat; transition:transform var(--dur) var(--ease); }
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-focus-sidebar-trigger:hover{ color:var(--red); }
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-focus-sidebar-trigger:focus-visible{ outline:2px solid var(--text); outline-offset:2px; }
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-focus-sidebar-wrapper{ padding-bottom:var(--sp-7); }
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation .ld-lesson-item{ background:none; }
.learndash-wrapper .ld-focus .ld-focus-sidebar a.ld-lesson-item-preview-heading{ padding:var(--sp-3) var(--sp-5) !important; }
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-lesson-item-preview .ld-expand-button{ margin:0 var(--sp-5) var(--sp-3) calc(var(--sp-5) + 20px + var(--sp-3)); padding:0; min-height:0; border:0 !important;
  font:500 var(--text-s)/var(--lh) var(--font-text); text-transform:none; letter-spacing:0; color:var(--text-mute) !important; }
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-lesson-item-preview .ld-expand-button:hover{ background:none !important; color:var(--text) !important; }
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-lesson-item-preview .ld-expand-button .ld-icon{ width:16px; height:16px; -webkit-mask-size:16px; mask-size:16px; }
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-topic-list.ld-table-list{ padding:0; }
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-table-list-item{ font-size:16px; }
/* згорнута колонка: видно лише квадрат 44 */
.learndash-wrapper .ld-focus.ld-focus-sidebar-collapsed .ld-focus-sidebar{ transform:translateX(calc(-100% + var(--sv-fold))); }
.learndash-wrapper .ld-focus.ld-focus-sidebar-collapsed .ld-course-navigation-heading{ padding-right:var(--sp-2); border-bottom:0; }
.learndash-wrapper .ld-focus.ld-focus-sidebar-collapsed .ld-focus-mode-course-heading-wrapper{ visibility:hidden; }
.learndash-wrapper .ld-focus.ld-focus-sidebar-collapsed .ld-focus-sidebar-trigger::before{ transform:rotate(180deg); }
.learndash-wrapper .ld-focus.ld-focus-sidebar-collapsed .ld-focus-main{ margin-left:var(--sv-fold); width:calc(100% - var(--sv-fold)); }

/* --- урок --- */
.learndash-wrapper .ld-focus .ld-focus-main{ margin-left:var(--sv-side); width:calc(100% - var(--sv-side)); }
.learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content{ max-width:none; margin:0; padding:calc(var(--sv-bar) + var(--sp-6)) var(--sp-7) var(--sp-7); font-size:16px; line-height:var(--lh); }
.learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content > h1{ margin:0 0 var(--sp-5); padding:0; font-family:var(--font-head); font-weight:700; font-size:var(--text-l);
  line-height:var(--lh-h4); letter-spacing:-.01em; text-transform:none; color:var(--text-head); }
/* крихти й «В процесі» — у макеті уроку їх немає: програма ліворуч уже показує, де ти */
.learndash-wrapper .ld-focus .ld-focus-content .ld-lesson-status, .learndash-wrapper .ld-focus .ld-focus-content .ld-topic-status, .learndash-wrapper .ld-focus .ld-focus-content .ld-quiz-status{ display:none; }
/* вміст уроку з Bricks: секція без полів, текст 16, заголовки — Montserrat 700 --text-m */
.learndash-wrapper .ld-focus .ld-tab-content .brxe-section{ padding:0; }
.learndash-wrapper .ld-focus .ld-tab-content .brxe-container{ width:100%; max-width:none; }
.learndash-wrapper .ld-focus .ld-tab-content :where(h1,h2,h3,h4){ font-family:var(--font-text); font-weight:700; font-size:var(--text-m); line-height:var(--lh);
  letter-spacing:0; text-transform:none; color:var(--text-head); margin:var(--sp-5) 0 var(--sp-3); }
.learndash-wrapper .ld-focus .ld-tab-content :where(h1,h2,h3,h4):first-child{ margin-top:0; }
.learndash-wrapper .ld-focus .ld-tab-content :where(p, li, .brxe-text, .brxe-text-basic){ font-size:16px; line-height:var(--lh); }
.learndash-wrapper .ld-focus .ld-tab-content p{ margin:0 0 var(--sp-3); }
/* ритм вмісту (06.10.2026): заголовок → текст --sp-3, текст → кнопка --sp-5, кнопка → наступний блок (заголовок) --sp-7.
   Елементам уроку в Bricks власних _margin не ставити — інакше ритм ламається (числа без токенів, неіснуючі змінні). */
.learndash-wrapper .ld-focus .ld-tab-content :is(.brxe-text, .brxe-text-basic) > p:last-child{ margin-bottom:0; }
.learndash-wrapper .ld-focus .ld-tab-content .bricks-button{ margin-top:var(--sp-5); }
.learndash-wrapper .ld-focus .ld-tab-content .bricks-button + :where(h1,h2,h3,h4){ margin-top:var(--sp-7); }
/* вкладки (урок / матеріали) — коли їх більше однієї */
.learndash-wrapper .ld-tabs{ margin:0; }
.learndash-wrapper .ld-tabs .ld-tabs-navigation{ display:flex; gap:var(--sp-5); margin:0 0 var(--sp-5); border-bottom:1px solid var(--border); }
.learndash-wrapper .ld-tabs .ld-tabs-navigation .ld-tab{ margin:0; padding:var(--sp-3) 0; background:none !important; border:0; border-bottom:2px solid transparent;
  font:600 16px/var(--lh) var(--font-text); color:var(--text-mute); cursor:pointer; }
.learndash-wrapper .ld-tabs .ld-tabs-navigation .ld-tab.ld-active{ color:var(--text); border-bottom-color:var(--text); }
.learndash-wrapper .ld-tabs .ld-tabs-navigation .ld-tab .ld-icon{ display:none; }
.learndash-wrapper .ld-tabs .ld-tabs-content{ padding:0; border:0; }

/* нижня навігація (.ls-nav): попередній · «Завершено» + «Назад до курсу» · наступний */
.learndash-wrapper .ld-focus-content .ld-content-actions{ display:grid; grid-template-columns:1fr auto 1fr; align-items:start; gap:var(--sp-4);
  margin:var(--sp-6) 0 0; padding:var(--sp-5) 0 0; border-top:1px solid var(--border) !important; }
.learndash-wrapper .ld-focus-content .ld-content-action{ display:grid; justify-items:center; gap:var(--sp-3); margin:0; padding:0; }
.learndash-wrapper .ld-focus-content .ld-content-action:first-child{ justify-items:start; }
.learndash-wrapper .ld-focus-content .ld-content-action:last-child{ justify-items:end; }
.learndash-wrapper .ld-focus-content .ld-content-action .ld-button{ margin-top:var(--sp-2); }
.learndash-wrapper .ld-course-step-back, #ld-focus-content .ld-content-action .ld-course-step-back{ font:500 16px/var(--lh) var(--font-text); color:var(--text) !important; text-transform:none; letter-spacing:0;
  text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:3px; text-decoration-color:var(--g-3); }
.learndash-wrapper .ld-course-step-back:hover{ text-decoration-color:var(--red); }

/* коментарі під уроком — форма системи: поле з рамкою 1, кнопка другого рівня */
#ld-focus-content .ld-focus-comments{ max-width:none; margin:var(--sp-6) 0 0 !important; padding:0 !important; }
#ld-focus-content .ld-focus-comments .comment-reply-title{ margin:0 0 var(--sp-3); font:700 var(--text-m)/var(--lh) var(--font-text); text-transform:none; letter-spacing:0; color:var(--text-head); }
#ld-focus-content .ld-focus-comments .logged-in-as, #ld-focus-content .ld-focus-comments .required-field-message{ font-size:var(--text-s); color:var(--text-mute); }
#ld-focus-content .ld-focus-comments p{ margin:0 0 var(--sp-3); }
#ld-focus-content .ld-focus-comments label{ display:block; margin:0 0 var(--sp-2); font:600 16px/var(--lh) var(--font-text); }
#ld-focus-content .ld-focus-comments textarea{ width:100%; min-height:120px; padding:var(--sp-3) var(--sp-4); background:var(--surface) !important; border:1px solid var(--text) !important;
  font:500 16px/var(--lh) var(--font-text); color:var(--text); }
#ld-focus-content .ld-focus-comments textarea:focus{ outline:none; box-shadow:inset 3px 0 0 var(--text); }
#ld-focus-content .ld-focus-comments input[type="submit"]{ min-height:44px; padding:var(--sp-3) var(--sp-4); background:transparent; border:1px solid var(--text); color:var(--text);
  font:700 16px/1.2 var(--font-num); letter-spacing:.04em; text-transform:uppercase; cursor:pointer; }
#ld-focus-content .ld-focus-comments input[type="submit"]:hover{ background:var(--text); color:var(--surface); }
#ld-focus-content .ld-focus-comments #ld-comments-post-button{ display:inline-flex; margin:0 !important; justify-content:flex-start; min-height:0; padding:0; border:0 !important; font:600 16px/var(--lh) var(--font-text); text-transform:none; letter-spacing:0; }
#ld-focus-content .ld-focus-comments #ld-comments-post-button:hover{ background:none !important; color:var(--red) !important; }

/* --- планшет --- */
@media (max-width:1024px){
  .learndash-wrapper .ld-focus .ld-focus-header .ld-brand-logo{ flex-basis:var(--sv-side); }
  .learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content{ padding-left:var(--sp-6); padding-right:var(--sp-6); }
}

/* --- телефон (структура мобільного LearnDash, як у макеті) ---
   рядок 1: меню програми · прогрес · аватар; рядок 2: попередній | завершити. Програма — на весь екран. */
@media (max-width:768px){
  .learndash-wrapper .ld-focus .ld-focus-header{ height:auto; }
  .learndash-wrapper .ld-focus .ld-focus-header .ld-brand-logo{ display:none; }   /* логотип на телефоні ховаємо, як LearnDash і макет */
  .learndash-wrapper .ld-focus .ld-focus-header .ld-mobile-nav{ display:flex; align-items:center; justify-content:center; flex:0 0 56px; height:60px; }
  .learndash-wrapper .ld-focus .ld-focus-header .ld-progress{ flex:1 1 0; height:60px; padding:0 var(--sp-3) !important; }
  .learndash-wrapper .ld-focus .ld-focus-header .ld-progress .ld-progress-stats{ display:flex; justify-content:center; }
  .learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu{ flex:0 0 56px; justify-content:center; padding:0; border-left:0; }
  .learndash-wrapper .ld-focus .ld-focus-header .ld-content-actions{ flex:0 0 100%; display:grid; grid-template-columns:1fr 1fr; border-top:1px solid var(--border); background:var(--bg); }
  .learndash-wrapper .ld-focus .ld-focus-header .ld-content-action{ display:flex; justify-content:center; min-height:56px; padding:0 var(--sp-3); border-left:0; }
  .learndash-wrapper .ld-focus .ld-focus-header .ld-content-action + .ld-content-action{ border-left:1px solid var(--border); }
  #ld-focus-header .ld-content-actions .ld-content-action.ld-empty{ display:flex; }
  .learndash-wrapper .ld-focus .ld-focus-header .learndash_mark_complete_button{ white-space:nowrap; }
  .learndash-wrapper .ld-focus .ld-focus-sidebar{ width:100%; padding-top:0; }
  .learndash-wrapper .ld-focus.ld-focus-sidebar-collapsed .ld-focus-sidebar{ transform:translateX(-100%); }
  .learndash-wrapper .ld-focus.ld-focus-sidebar-collapsed .ld-focus-main, .learndash-wrapper .ld-focus .ld-focus-main{ margin-left:0; width:100%; }
  .learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content{ max-width:none; margin:0; padding:var(--sp-5) var(--sp-4) var(--sp-6); }
  .learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content > h1{ font-size:2rem; }
  /* низ уроку: завершити й «назад до курсу» зверху на всю ширину, далі наступний і попередній рамкою */
  .learndash-wrapper .ld-focus-content .ld-content-actions{ grid-template-columns:1fr; gap:var(--sp-3); }
  .learndash-wrapper .ld-focus-content .ld-content-action{ justify-items:stretch !important; }
  .learndash-wrapper .ld-focus-content .ld-content-action:nth-child(2){ order:-1; }
  .learndash-wrapper .ld-focus-content .ld-content-action:nth-child(2) .sfwd-mark-complete, .learndash-wrapper .ld-focus-content .learndash_mark_complete_button{ width:100%; justify-content:center; }
  #ld-focus-content .sfwd-mark-complete .learndash_mark_complete_button{ width:100%; justify-content:center; }
  .learndash-wrapper .ld-focus-content .ld-course-step-back{ justify-self:center; }
  .learndash-wrapper .ld-focus-content .ld-content-action.ld-empty{ display:none; }
  #ld-focus-content .sfwd-mark-complete{ width:100%; }
  #ld-focus-content .ld-content-actions a.ld-button{ margin:0; justify-content:center; padding:var(--sp-3) var(--sp-4) !important; border:1px solid var(--text) !important;
    font:700 16px/1.2 var(--font-num); letter-spacing:.04em; text-transform:uppercase; }
}

/* ---------- «Вміст уроку» (теми й завдання під уроком) — окрема плашка, як програма на сторінці курсу (06.10.2026) ----------
   Біла фігурна плашка .fig--2 (глобальний CSS Bricks у режим фокусу не потрапляє — контур повторено тут), заголовок «Вміст уроку» +
   прогрес, рядки з наведенням G1. Від вмісту уроку — --sp-7. */
#ld-focus-content .ld-lesson-topic-list{ margin:var(--sp-7) 0 0; }
#ld-focus-content .ld-lesson-topic-list .ld-table-list{ --border:var(--g-3); background:var(--surface) !important; color:var(--black);
  clip-path:polygon(0 0,calc(100% - 66px) 0,calc(100% - 53px) 13px,calc(100% - 14px) 13px,100% 27px,100% calc(100% - 22px),calc(100% - 22px) 100%,13px 100%,13px calc(100% - 37px),0 calc(100% - 50px)); }
#ld-focus-content .ld-lesson-topic-list .ld-table-list-header{ display:flex !important; align-items:baseline; justify-content:space-between; flex-wrap:wrap; gap:var(--sp-2) var(--sp-5);
  margin:0; padding:var(--sp-6) var(--sp-5) var(--sp-4) !important; background:none !important; color:var(--black) !important; border-bottom:1px solid var(--border); }
#ld-focus-content .ld-lesson-topic-list .ld-table-list-header .ld-table-list-title{ display:flex; align-items:center; gap:var(--sp-3); font:700 var(--text-m)/var(--lh) var(--font-text); color:var(--black); text-transform:none; letter-spacing:0; }
#ld-focus-content .ld-lesson-topic-list .ld-table-list-header .ld-item-icon{ display:none; }
#ld-focus-content .ld-lesson-topic-list .ld-table-list-header .ld-table-list-lesson-details{ display:flex; gap:var(--sp-3); font:500 var(--text-s)/var(--lh) var(--font-text); color:var(--text-mute); text-transform:none; }
#ld-focus-content .ld-lesson-topic-list .ld-table-list-header .ld-table-list-lesson-details :is(span,div){ color:inherit !important; text-transform:none !important; }
#ld-focus-content .ld-lesson-topic-list .ld-table-list-item{ border-top:0 !important; border-bottom:1px solid var(--border) !important; }
#ld-focus-content .ld-lesson-topic-list .ld-table-list-item:last-child{ border-bottom:0 !important; }
#ld-focus-content .ld-lesson-topic-list .ld-table-list-item a.ld-table-list-item-preview{ padding:var(--sp-4) var(--sp-5) !important; transition:background-color .15s, color .15s; }
#ld-focus-content .ld-lesson-topic-list .ld-table-list-item a.ld-table-list-item-preview:hover{ background:var(--g-1) !important; color:var(--red) !important; }
#ld-focus-content .ld-lesson-topic-list .ld-table-list-item a.ld-table-list-item-preview:hover :is(.ld-topic-title,.ld-item-title){ color:var(--red) !important; }
#ld-focus-content .ld-lesson-topic-list .ld-table-list-footer{ display:none !important; }

/* ---------- Завдання (ProQuiz): варіанти відповіді й кнопки за системою (06.10.2026; як на onvira — біле тло, без синього фокусу) ----------
   Варіант: біле тло, рамка G3, кути прямі, текст чорний; наведення — чорна рамка; вибраний — чорна рамка 2 і тло G1; кружечок/галочка чорні.
   LearnDash фарбує вибраний варіант і фокус синім (#235af3) з !important — селектори з id області. */
#ld-focus-content .wpProQuiz_content .wpProQuiz_questionList{ display:grid; gap:var(--sp-3); margin:var(--sp-4) 0 0; padding:0; }
#ld-focus-content .wpProQuiz_content .wpProQuiz_questionListItem{ margin:0 !important; padding:0 !important; list-style:none; }
#ld-focus-content .wpProQuiz_content .wpProQuiz_questionListItem label{ display:flex !important; align-items:center; gap:var(--sp-4); margin:0 !important;
  padding:var(--sp-4) var(--sp-5) !important; background:var(--surface) !important; color:var(--black) !important; border:1px solid var(--g-3) !important;
  border-radius:0 !important; box-shadow:none !important; outline:none !important; opacity:1 !important; font:500 16px/var(--lh) var(--font-text); cursor:pointer;
  transition:border-color .15s, background-color .15s; }
#ld-focus-content .wpProQuiz_content .wpProQuiz_questionListItem label:hover{ border-color:var(--black) !important; }
#ld-focus-content .wpProQuiz_content .wpProQuiz_questionListItem label:is(.is-selected, :has(input:checked)){ border-color:var(--black) !important;
  box-shadow:inset 0 0 0 1px var(--black) !important; background:var(--g-1) !important; color:var(--black) !important; }
#ld-focus-content .wpProQuiz_content .wpProQuiz_questionListItem label:has(input:focus-visible){ outline:2px solid var(--black) !important; outline-offset:2px; }
#ld-focus-content .wpProQuiz_content .wpProQuiz_questionListItem input{ margin:0 !important; accent-color:var(--black); outline:none !important; box-shadow:none !important; flex:none; }
#ld-focus-content .wpProQuiz_content .wpProQuiz_questionListItem textarea, #ld-focus-content .wpProQuiz_content .wpProQuiz_questionListItem input[type="text"]{
  width:100%; padding:var(--sp-3) var(--sp-4); background:var(--surface); color:var(--black); border:1px solid var(--g-3); border-radius:0; box-shadow:none; font:500 16px/var(--lh) var(--font-text); }
#ld-focus-content .wpProQuiz_content :is(textarea, input[type="text"]):focus{ border-color:var(--black); outline:none; box-shadow:inset 0 0 0 1px var(--black); }
/* кнопки «Далі» / «Завершити» — чорна системи, «Назад» — контурна; наведення червоне */
#ld-focus-content .wpProQuiz_content :is(.wpProQuiz_button, .wpProQuiz_button2, input.wpProQuiz_QuestionButton){ min-height:44px; margin:0; padding:var(--sp-3) var(--sp-5) !important;
  background:var(--black) !important; color:var(--white) !important; border:1px solid var(--black) !important; border-radius:0 !important; box-shadow:none !important;
  font:700 16px/1.2 var(--font-num) !important; letter-spacing:.04em; text-transform:uppercase; cursor:pointer; transition:background-color .15s, border-color .15s; }
#ld-focus-content .wpProQuiz_content :is(.wpProQuiz_button, .wpProQuiz_button2, input.wpProQuiz_QuestionButton):hover{ background:var(--red) !important; border-color:var(--red) !important; }
#ld-focus-content .wpProQuiz_content input.wpProQuiz_QuestionButton[name="back"]{ background:transparent !important; color:var(--black) !important; }
#ld-focus-content .wpProQuiz_content input.wpProQuiz_QuestionButton[name="back"]:hover{ background:transparent !important; color:var(--red) !important; border-color:var(--red) !important; }
/* «Продовжити» після здачі (#quiz_continue_link — посилання LearnDash) — та сама чорна кнопка, ліворуч, як «Далі» */
#ld-focus-content .wpProQuiz_content :has(> #quiz_continue_link){ text-align:left; }
#ld-focus-content #quiz_continue_link{ display:inline-flex !important; align-items:center; min-height:44px; margin:var(--sp-5) 0 0 !important; padding:var(--sp-3) var(--sp-5) !important;
  background:var(--black) !important; color:var(--white) !important; border:1px solid var(--black) !important; border-radius:0 !important; box-shadow:none !important;
  font:700 16px/1.2 var(--font-num) !important; letter-spacing:.04em; text-transform:uppercase; text-decoration:none !important; transition:background-color .15s, border-color .15s; }
#ld-focus-content #quiz_continue_link:hover{ background:var(--red) !important; border-color:var(--red) !important; }
#ld-focus-content #quiz_continue_link:focus-visible{ outline:2px solid var(--black); outline-offset:2px; }