.mscv-player-wrap,
.mscv-player-wrap * {
  box-sizing: border-box;
}

/* Theme button color bridge.
   These variables let course buttons follow common WordPress/Woodmart/Elementor theme button settings. */
body.single-product.mscv-course-product,
body.single-product.mscv-course-tabs-active {
  --mscv-theme-btn-bg: var(--btn-accented-bgcolor, var(--btn-default-bgcolor, var(--wd-primary-color, var(--wd-alternative-color, var(--e-global-color-accent, var(--e-global-color-primary, #7d8f5d))))));
  --mscv-theme-btn-bg-hover: var(--btn-accented-bgcolor-hover, var(--btn-default-bgcolor-hover, var(--wd-primary-color, var(--wd-alternative-color, var(--e-global-color-accent, var(--e-global-color-primary, #6f8053))))));
  --mscv-theme-btn-color: var(--btn-accented-color, var(--btn-default-color, #fff));
  --mscv-theme-btn-border: var(--btn-accented-brd-color, var(--btn-default-brd-color, var(--mscv-theme-btn-bg)));
  --mscv-theme-btn-shadow: rgba(15,23,42,.14);
}

.mscv-player-wrap {
  direction: rtl;
  width: 100%;
  margin: 18px 0;
  font-family: inherit;
}

.mscv-video-shell {
  position: relative;
  overflow: hidden;
  min-height: 320px;
  aspect-ratio: 16 / 9;
  background: #101014 center/cover no-repeat;
  border-radius: 18px;
  box-shadow: 0 12px 36px rgba(0,0,0,.12);
}

.mscv-stage,
.mscv-video {
  width: 100%;
  height: 100%;
  min-height: inherit;
}

.mscv-video {
  display: block;
  background: #000;
  object-fit: contain;
}

.mscv-loading,
.mscv-locked {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  color: #fff;
  text-align: center;
  background: rgba(0,0,0,.42);
  font-size: 15px;
  line-height: 1.9;
}

.mscv-watermark {
  position: absolute;
  z-index: 5;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(0,0,0,.34);
  color: rgba(255,255,255,.72);
  font-size: 12px;
  line-height: 1.4;
  pointer-events: none;
  user-select: none;
  transform: translate3d(16px,16px,0) rotate(4deg);
  max-width: min(55%, 420px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: opacity .2s ease;
  will-change: transform;
  backface-visibility: hidden;
  contain: paint;
}

@media (max-width: 520px) {
  .mscv-watermark {
    max-width: 68%;
    font-size: 11px;
    padding: 5px 8px;
  }
}

.mscv-video-meta {
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
  padding: 14px 16px;
  background: #fff;
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 16px;
}

.mscv-video-text h3 {
  margin: 0 0 5px;
  font-size: 18px;
  line-height: 1.5;
}

.mscv-video-text p {
  margin: 0;
  color: #6b7280;
  font-size: 14px;
  line-height: 1.9;
}

.mscv-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.mscv-btn {
  border: 0;
  border-radius: 999px;
  background: var(--mscv-theme-btn-bg, #7d8f5d);
  color: var(--mscv-theme-btn-color, #fff);
  cursor: pointer;
  padding: 10px 16px;
  font-size: 13px;
  line-height: 1.4;
  font-family: inherit;
  transition: transform .15s ease, opacity .15s ease;
}

.mscv-btn:hover {
  transform: translateY(-1px);
}

.mscv-btn:disabled {
  cursor: wait;
  opacity: .65;
}

.mscv-clear-cache-btn {
  background: #6b7280;
}


.mscv-browser-cache-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
  width: 100%;
  margin: 14px auto 2px;
  text-align: center;
}

.mscv-browser-cache-actions[hidden],
.mscv-browser-cache-actions .mscv-btn[hidden] {
  display: none !important;
}

.mscv-browser-cache-actions .mscv-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 150px;
  border-radius: 999px;
  background: var(--wd-primary-color, var(--wd-alternative-color, var(--e-global-color-primary, #4f8f6b)));
  border-color: var(--wd-primary-color, var(--wd-alternative-color, var(--e-global-color-primary, #4f8f6b)));
  color: #fff;
  box-shadow: none;
  text-decoration: none;
}

.mscv-browser-cache-actions .mscv-clear-cache-btn {
  background: transparent;
  color: var(--wd-primary-color, var(--wd-alternative-color, var(--e-global-color-primary, #4f8f6b)));
  border: 1px solid currentColor;
}

.mscv-browser-cache-actions .mscv-btn:disabled {
  cursor: default;
}

.mscv-message {
  min-height: 20px;
  margin-top: 8px;
  font-size: 13px;
  line-height: 1.7;
  color: #6b7280;
}

.mscv-message.is-error {
  color: #b91c1c;
}

.mscv-message.is-success {
  color: #15803d;
}

.mscv-message.is-info {
  color: #1d4ed8;
}

.mscv-error {
  direction: rtl;
  padding: 14px 16px;
  border-radius: 12px;
  border: 1px solid #fecaca;
  background: #fef2f2;
  color: #991b1b;
  line-height: 1.8;
}

@media (max-width: 767px) {
  .mscv-video-shell {
    min-height: 210px;
    border-radius: 14px;
  }
  .mscv-video-meta {
    align-items: stretch;
    flex-direction: column;
  }
  .mscv-actions {
    justify-content: stretch;
  }
  .mscv-btn {
    width: 100%;
  }
}

/* Studiare-style secure lesson list */
.mscv-studiare-lessons,
.mscv-studiare-lessons * {
  box-sizing: border-box;
}

.mscv-studiare-lessons {
  direction: rtl;
  font-family: inherit;
  width: 100%;
}

.mscv-studiare-lessons .course-section {
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 8px;
  overflow: hidden;
  margin: 16px 0;
}

.mscv-studiare-lessons .course-section-title-elementory {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 18px 20px;
  border-bottom: 1px solid rgba(0,0,0,.06);
  background: #fff;
}

.mscv-studiare-lessons .course-section-title-elementory,
.mscv-studiare-lessons .course-section-title-elementory.cursor-pointer {
  cursor: pointer;
}

.mscv-studiare-lessons .course-section-title-elementory img {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  object-fit: cover;
  flex: 0 0 auto;
}

.mscv-studiare-lessons .course-section-title-elementory .gheadlinel {
  flex: 1 1 auto;
  min-width: 0;
}

.mscv-studiare-lessons .course-section-title-elementory .gheadlinel span {
  display: block;
  margin-bottom: 3px;
  color: #222;
  font-size: 17px;
  line-height: 1.7;
  font-weight: 700;
}

.mscv-studiare-lessons .course-section-title-elementory .gheadlinel p {
  margin: 0;
  color: #777;
  font-size: 13px;
  line-height: 1.8;
}

.mscv-studiare-lessons .course-section-title-elementory > i {
  color: #9aa0a6;
  transition: transform .2s ease;
}

.mscv-studiare-lessons .course-section.active .course-section-title-elementory > i {
  transform: rotate(180deg);
}

.mscv-studiare-lessons .panel-group.deactive {
  display: none;
}

.mscv-studiare-lessons .course-panel-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 15px 20px;
  border-bottom: 1px solid rgba(0,0,0,.055);
  background: #fff;
  cursor: pointer;
  transition: background-color .18s ease, box-shadow .18s ease;
}

.mscv-studiare-lessons .course-panel-heading:hover,
.mscv-studiare-lessons .course-panel-heading.active {
  background: #fafafa;
}

.mscv-studiare-lessons .panel-heading-left,
.mscv-studiare-lessons .panel-heading-right {
  display: flex;
  align-items: center;
  gap: 12px;
}

.mscv-studiare-lessons .panel-heading-left {
  min-width: 0;
  flex: 1 1 auto;
}

.mscv-studiare-lessons .course-lesson-icon {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #f0f1f2;
  color: #72777c;
  flex: 0 0 auto;
}

.mscv-studiare-lessons .course-panel-heading.active .course-lesson-icon,
.mscv-studiare-lessons .course-panel-heading:hover .course-lesson-icon {
  color: #fff;
  background: #8b9c6a;
}

.mscv-studiare-lessons .title {
  min-width: 0;
}

.mscv-studiare-lessons .title h4 {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin: 0;
  color: #222;
  font-size: 15px;
  line-height: 1.7;
  font-weight: 700;
}

.mscv-studiare-lessons .title .subtitle,
.mscv-studiare-lessons .title > p {
  margin: 0;
  color: #9aa0a6;
  font-size: 12px;
  line-height: 1.7;
}

.mscv-studiare-lessons .badge-item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 22px;
  padding: 2px 9px;
  border-radius: 6px;
  background: #ecf5ff;
  color: #338ad9;
  font-size: 11px;
  font-weight: 600;
}

.mscv-studiare-lessons .badge-item.free { background: #eef9f0; color: #24a148; }
.mscv-studiare-lessons .badge-item.video { background: #e9f6ff; color: #2094d2; }
.mscv-studiare-lessons .badge-item.exam,
.mscv-studiare-lessons .badge-item.quiz { background: #fff4e5; color: #bc6c00; }
.mscv-studiare-lessons .badge-item.practice { background: #f3e8ff; color: #7e22ce; }
.mscv-studiare-lessons .badge-item.attachments { background: #f1f5f9; color: #475569; }
.mscv-studiare-lessons .badge-item.sound { background: #fdf2f8; color: #be185d; }

.mscv-studiare-lessons .preview-button,
.mscv-studiare-lessons button.preview-button {
  border: 0;
  border-radius: 999px;
  background: #e95a5a;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px 13px;
  font-family: inherit;
  font-size: 12px;
  line-height: 1.5;
  text-decoration: none;
}

.mscv-studiare-lessons .private-lesson,
.mscv-studiare-lessons .download-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-height: 34px;
  border-radius: 999px;
  padding: 6px 10px;
  background: #f5f6f7;
  color: #8a8f98;
  font-size: 12px;
  line-height: 1.5;
}

.mscv-studiare-lessons .download-button.gray {
  width: 34px;
  padding: 0;
  background: #edf0f2;
}

.mscv-studiare-lessons .green-lock {
  color: #1f9d55;
}

.mscv-studiare-lessons .panel-content {
  overflow: hidden;
  max-height: 0;
  transition: max-height .28s ease;
  background: #fff;
  border-bottom: 1px solid rgba(0,0,0,.055);
}

.mscv-studiare-lessons .panel-content-inner {
  padding: 18px 20px 20px;
  color: #555;
  font-size: 14px;
  line-height: 1.9;
}

.mscv-studiare-lessons .mscv-lesson-text {
  margin-bottom: 14px;
}

.mscv-course-inline-player {
  margin: 0;
}

.mscv-course-inline-player .mscv-video-shell {
  min-height: 260px;
  border-radius: 10px;
  box-shadow: none;
}

.mscv-course-inline-player .mscv-video-meta-compact {
  justify-content: flex-end;
  margin-top: 8px;
  padding: 0;
  border: 0;
  background: transparent;
}

.mscv-course-inline-player .mscv-message {
  margin-top: 6px;
}

.mscv-lesson-locked {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 16px;
  border-radius: 10px;
  background: #fff7ed;
  color: #9a3412;
}

@media (max-width: 767px) {
  .mscv-studiare-lessons .course-section-title-elementory,
  .mscv-studiare-lessons .course-panel-heading {
    padding: 14px 14px;
  }
  .mscv-studiare-lessons .course-panel-heading {
    align-items: flex-start;
    flex-direction: column;
  }
  .mscv-studiare-lessons .panel-heading-right {
    width: 100%;
    justify-content: space-between;
  }
  .mscv-studiare-lessons .preview-button {
    flex: 1 1 auto;
  }
  .mscv-course-inline-player .mscv-video-shell {
    min-height: 190px;
  }
}

/* Product-managed lessons + Woodmart/WooCommerce course layout polish */
.mscv-product-auto-lessons {
  --mscv-accent: #7d8f5d;
  margin: 28px 0;
}

.mscv-product-auto-lessons .course-section {
  border: 0;
  border-radius: 22px;
  box-shadow: 0 18px 45px rgba(15, 23, 42, .08);
  overflow: hidden;
  background: #fff;
}

.mscv-product-auto-lessons .course-section-title-elementory {
  padding: 22px 24px;
  background: linear-gradient(180deg,#fff,#fbfcfb);
  border-bottom: 1px solid rgba(15,23,42,.07);
}

.mscv-product-auto-lessons .course-section-title-elementory img,
.mscv-product-auto-lessons .mscv-section-fallback-icon {
  width: 58px;
  height: 58px;
  border-radius: 18px;
  background: color-mix(in srgb, var(--mscv-accent) 15%, #fff);
  color: var(--mscv-accent);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  font-weight: 800;
  object-fit: cover;
  flex: 0 0 auto;
}

.mscv-product-auto-lessons .course-section-title-elementory .gheadlinel span {
  font-size: 20px;
  font-weight: 900;
  color: #1f2937;
}

.mscv-product-auto-lessons .course-section-title-elementory .gheadlinel p {
  color: #7b8190;
  font-size: 14px;
}

.mscv-product-auto-lessons .course-section-title-elementory > i {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #f3f5f2;
  color: var(--mscv-accent);
}

.mscv-product-auto-lessons .course-panel-heading {
  margin: 0 18px;
  padding: 18px 0;
  border-bottom: 1px solid rgba(15,23,42,.07);
  background: transparent;
}

.mscv-product-auto-lessons .course-panel-heading:hover,
.mscv-product-auto-lessons .course-panel-heading.active {
  background: transparent;
}

.mscv-product-auto-lessons .course-panel-heading:last-of-type {
  border-bottom: 0;
}

.mscv-product-auto-lessons .course-lesson-icon {
  width: 46px;
  height: 46px;
  background: #f3f5f2;
  color: var(--mscv-accent);
  font-size: 15px;
}

.mscv-product-auto-lessons .course-panel-heading.active .course-lesson-icon,
.mscv-product-auto-lessons .course-panel-heading:hover .course-lesson-icon {
  background: var(--mscv-accent);
  color: #fff;
}

.mscv-product-auto-lessons .title h4 {
  font-size: 16px;
  color: #1f2937;
}

.mscv-product-auto-lessons .preview-button,
.mscv-product-auto-lessons button.preview-button,
.mscv-product-auto-lessons .mscv-btn {
  background: #e95a5a;
  box-shadow: 0 8px 22px rgba(233,90,90,.2);
  font-weight: 700;
}

.mscv-product-auto-lessons .private-lesson {
  background: color-mix(in srgb, var(--mscv-accent) 11%, #fff);
  color: var(--mscv-accent);
  font-weight: 700;
}

.mscv-product-auto-lessons .green-lock {
  color: var(--mscv-accent);
}

.mscv-product-auto-lessons .panel-content-inner {
  padding: 20px 24px 24px;
}

.mscv-product-auto-lessons .panel-content.active {
  border-bottom: 1px solid rgba(15,23,42,.06);
}

.mscv-product-auto-lessons .mscv-course-inline-player .mscv-video-shell {
  min-height: 340px;
  border-radius: 18px;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06), 0 18px 44px rgba(15,23,42,.16);
}

.mscv-course-product .mscv-course-enroll-card {
  direction: rtl;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  margin: 0 0 14px;
  border-radius: 18px;
  border: 1px solid rgba(125,143,93,.18);
  background: linear-gradient(135deg, rgba(125,143,93,.10), rgba(255,255,255,.96));
  color: #334155;
  box-shadow: 0 10px 30px rgba(15,23,42,.06);
}

.mscv-course-product .mscv-course-enroll-card.is-member {
  border-color: rgba(34,197,94,.22);
  background: linear-gradient(135deg, rgba(34,197,94,.10), rgba(255,255,255,.96));
}

.mscv-course-product .mscv-course-enroll-icon {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  color: #fff;
  background: var(--mscv-theme-btn-bg, #7d8f5d);
  font-size: 16px;
  font-weight: 900;
}

.mscv-course-product .mscv-course-enroll-card.is-member .mscv-course-enroll-icon {
  background: var(--mscv-theme-btn-bg, #22a05a);
}

.mscv-course-product .mscv-course-enroll-text strong {
  display: block;
  margin-bottom: 3px;
  color: #111827;
  font-size: 15px;
  line-height: 1.6;
}

.mscv-course-product .mscv-course-enroll-text span {
  display: block;
  color: #6b7280;
  font-size: 13px;
  line-height: 1.8;
}

body.single-product.mscv-course-product .single_add_to_cart_button,
body.single-product.mscv-course-product .summary .cart .button,
body.single-product.mscv-course-product .wd-single-add-cart .single_add_to_cart_button {
  border-radius: 12px !important;
  min-height: 52px;
  padding: 0 26px !important;
  font-weight: 800 !important;
}

body.single-product.mscv-course-product .product_title,
body.single-product.mscv-course-product .summary.entry-summary .product_title {
  line-height: 1.6;
}

body.single-product.mscv-course-product .woocommerce-product-gallery,
body.single-product.mscv-course-product .wd-carousel-container.wd-gallery-images {
  border-radius: 18px;
  overflow: hidden;
}

@media (max-width: 767px) {
  .mscv-product-auto-lessons .course-section-title-elementory {
    padding: 16px;
  }
  .mscv-product-auto-lessons .course-section-title-elementory img,
  .mscv-product-auto-lessons .mscv-section-fallback-icon {
    width: 48px;
    height: 48px;
    border-radius: 14px;
  }
  .mscv-product-auto-lessons .course-panel-heading {
    margin: 0 14px;
    padding: 15px 0;
  }
  .mscv-product-auto-lessons .panel-content-inner {
    padding: 16px;
  }
  .mscv-product-auto-lessons .mscv-course-inline-player .mscv-video-shell {
    min-height: 210px;
    border-radius: 14px;
  }
}
body.single-product.mscv-course-product.mscv-course-member .single_add_to_cart_button,
body.single-product.mscv-course-product.mscv-course-member .summary .cart .button,
body.single-product.mscv-course-product.mscv-course-member .wd-single-add-cart .single_add_to_cart_button {
  pointer-events: none;
  cursor: default !important;
}

/* v3.0.14 stronger Woodmart/course product UI */
body.single-product.mscv-course-product .product-image-summary,
body.single-product.mscv-course-product .wd-single-product-content,
body.single-product.mscv-course-product .summary.entry-summary {
  --mscv-course-accent: #7d8f5d;
}

body.single-product.mscv-course-product .summary.entry-summary .price,
body.single-product.mscv-course-product .summary .price {
  border: 1px dashed rgba(125,143,93,.35);
  border-radius: 18px;
  padding: 14px 16px;
  background: #fff;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

body.single-product.mscv-course-product .mscv-course-enroll-card {
  position: relative;
  overflow: hidden;
  margin: 0 0 16px !important;
  padding: 16px 18px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(125,143,93,.22) !important;
  background: linear-gradient(135deg, rgba(125,143,93,.13), rgba(255,255,255,.98)) !important;
}

body.single-product.mscv-course-product .mscv-course-enroll-card:before {
  content: '';
  position: absolute;
  inset: -45px auto auto -45px;
  width: 120px;
  height: 120px;
  border-radius: 999px;
  background: rgba(125,143,93,.08);
}

body.single-product.mscv-course-product .cart,
body.single-product.mscv-course-product form.cart {
  padding: 18px;
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 18px 44px rgba(15,23,42,.06);
}

body.single-product.mscv-course-product .single_add_to_cart_button,
body.single-product.mscv-course-product .summary .cart .button,
body.single-product.mscv-course-product .wd-single-add-cart .single_add_to_cart_button,
body.single-product.mscv-course-product button[name="add-to-cart"] {
  width: 100%;
  justify-content: center;
  text-align: center;
  border-radius: 14px !important;
  min-height: 56px !important;
}

body.single-product.mscv-course-product .single_add_to_cart_button:before,
body.single-product.mscv-course-product button[name="add-to-cart"]:before {
  content: '▶';
  margin-left: 8px;
  font-size: 11px;
}

body.single-product.mscv-course-product.mscv-course-member .single_add_to_cart_button:before,
body.single-product.mscv-course-product.mscv-course-member button[name="add-to-cart"]:before,
body.single-product.mscv-course-product .single_add_to_cart_button.mscv-member-button:before {
  content: '✓';
  font-size: 14px;
}

body.single-product.mscv-course-product .woocommerce-product-gallery,
body.single-product.mscv-course-product .product-images,
body.single-product.mscv-course-product .wd-carousel-container.wd-gallery-images {
  border-radius: 22px !important;
  overflow: hidden !important;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
}

body.single-product .mscv-product-auto-lessons {
  clear: both;
}


/* 3.0.26: show course lessons/video above WooCommerce/Studiare tabs; tabs stay below */
body.single-product .mscv-product-auto-lessons {
  clear: both;
  position: relative;
  z-index: 1;
  margin-top: 34px;
  margin-bottom: 42px;
}
body.single-product .mscv-product-auto-lessons + .woocommerce-tabs,
body.single-product .mscv-product-auto-lessons + .woocommerce-tabs.wc-tabs-wrapper {
  margin-top: 20px;
}

/* 3.0.27: linear course product content: description, videos, reviews; no Woo tabs */
body.single-product.mscv-course-linear-active .woocommerce-tabs,
body.single-product.mscv-course-linear-active .woocommerce-tabs.wc-tabs-wrapper,
body.single-product.mscv-course-linear-active .wd-tabs,
body.single-product.mscv-course-linear-active .tabs-layout-tabs,
body.single-product.mscv-course-linear-active .product-tabs-wrapper,
body.single-product.mscv-course-linear-active .studiare-tabs,
body.single-product.mscv-course-linear-active .wc-tabs-wrapper {
  display: none !important;
}

.mscv-course-linear-content {
  direction: rtl;
  clear: both;
  width: 100%;
  margin: 34px 0 0;
  font-family: inherit;
}

.mscv-course-linear-section {
  margin: 0 0 34px;
}

.mscv-course-linear-title {
  margin: 0 0 18px;
  color: #1f2937;
  font-size: 23px;
  font-weight: 900;
  line-height: 1.7;
}

.mscv-course-description-content {
  color: #4b5563;
  font-size: 15px;
  line-height: 2.05;
}

.mscv-course-videos-section .mscv-product-auto-lessons {
  margin-top: 0;
}

.mscv-course-reviews-section {
  padding-top: 6px;
}

.mscv-course-reviews-section #reviews,
.mscv-course-reviews-section .woocommerce-Reviews {
  margin-top: 0;
}

@media (max-width: 767px) {
  .mscv-course-linear-content {
    margin-top: 24px;
  }
  .mscv-course-linear-section {
    margin-bottom: 26px;
  }
  .mscv-course-linear-title {
    font-size: 20px;
    margin-bottom: 14px;
  }
  .mscv-course-description-content {
    font-size: 14px;
    line-height: 1.95;
  }
}


/* v3.0.46: automatic exact video aspect ratio based on video metadata. */
.mscv-video-shell.mscv-aspect-detected {
  min-height: 0 !important;
  height: auto !important;
}

.mscv-video-shell.mscv-aspect-portrait,
.mscv-course-inline-player .mscv-video-shell.mscv-aspect-portrait,
.mscv-product-auto-lessons .mscv-course-inline-player .mscv-video-shell.mscv-aspect-portrait {
  width: 100%;
  max-width: min(100%, 420px);
  margin-left: auto;
  margin-right: auto;
  aspect-ratio: var(--mscv-video-aspect, 9 / 16);
}

.mscv-video-shell.mscv-aspect-square,
.mscv-course-inline-player .mscv-video-shell.mscv-aspect-square,
.mscv-product-auto-lessons .mscv-course-inline-player .mscv-video-shell.mscv-aspect-square {
  max-width: min(100%, 620px);
  margin-left: auto;
  margin-right: auto;
}

.mscv-video-shell.mscv-aspect-landscape,
.mscv-course-inline-player .mscv-video-shell.mscv-aspect-landscape,
.mscv-product-auto-lessons .mscv-course-inline-player .mscv-video-shell.mscv-aspect-landscape {
  max-width: 100%;
}

.mscv-video-shell.mscv-aspect-detected .mscv-stage {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
}

.mscv-video-shell.mscv-aspect-detected .mscv-video {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-width: none !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: #000;
}

.mscv-video-shell.mscv-aspect-portrait .mscv-video {
  aspect-ratio: var(--mscv-video-aspect, 9 / 16);
}

@media (max-width: 767px) {
  .mscv-video-shell.mscv-aspect-portrait,
  .mscv-course-inline-player .mscv-video-shell.mscv-aspect-portrait,
  .mscv-product-auto-lessons .mscv-course-inline-player .mscv-video-shell.mscv-aspect-portrait {
    max-width: min(100%, 360px);
  }

  .mscv-video-shell.mscv-aspect-square,
  .mscv-course-inline-player .mscv-video-shell.mscv-aspect-square,
  .mscv-product-auto-lessons .mscv-course-inline-player .mscv-video-shell.mscv-aspect-square {
    max-width: 100%;
  }
}

/* 3.0.40 custom course single page */
.mscv-course-page-layout{direction:rtl;font-family:inherit;max-width:100%;margin:30px 0 50px;clear:both}
.mscv-course-page-section{margin:0 0 34px;padding:0 0 4px}
.mscv-course-page-title{margin:0 0 18px;color:#1f2937;font-size:26px;font-weight:900;line-height:1.7}
.mscv-course-preview-section .mscv-player-wrap{max-width:980px;margin:0 auto 26px}
.mscv-course-intro-section .entry-content{color:#4b5563;font-size:15px;line-height:2.1}
.mscv-build-carousel{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 16px;scrollbar-width:thin}
.mscv-build-card{flex:0 0 230px;margin:0;border:1px solid rgba(0,0,0,.07);border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 12px 30px rgba(15,23,42,.08);scroll-snap-align:start}
.mscv-build-card img{display:block;width:100%;height:190px;object-fit:cover}
.mscv-info-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.mscv-info-item{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid rgba(0,0,0,.075);border-radius:16px;padding:14px 16px;color:#374151;font-weight:700;line-height:1.8;box-shadow:0 8px 22px rgba(15,23,42,.035)}
.mscv-info-icon{width:34px;height:34px;border-radius:12px;background:rgba(125,143,93,.12);color:var(--mscv-accent,#7d8f5d);display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;font-weight:900}
.mscv-course-videos-section>.mscv-studiare-lessons{margin-top:10px}
.mscv-faq-accordion{display:grid;gap:10px}
.mscv-faq-front-item{background:#fff;border:1px solid rgba(0,0,0,.075);border-radius:16px;overflow:hidden;box-shadow:0 8px 22px rgba(15,23,42,.035)}
.mscv-faq-front-item summary{cursor:pointer;padding:16px 18px;font-weight:900;color:#1f2937;list-style:none}
.mscv-faq-front-item summary::-webkit-details-marker{display:none}
.mscv-faq-front-item summary:after{content:'+';float:left;width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#f1f5f9;color:#64748b}
.mscv-faq-front-item[open] summary:after{content:'−'}
.mscv-faq-front-item>div{padding:0 18px 16px;color:#4b5563;line-height:2}
.mscv-course-related-section .products{margin-top:10px}
@media(max-width:767px){.mscv-course-page-layout{margin:22px 0 34px}.mscv-course-page-title{font-size:21px}.mscv-info-list{grid-template-columns:1fr}.mscv-build-card{flex-basis:72vw}.mscv-build-card img{height:180px}.mscv-course-page-section{margin-bottom:26px}}


/* v3.0.45 fixes: hide native related duplicate, support uploaded icons and enforce vertical players. */
body.mscv-course-tabs-active .related.products,
body.mscv-course-tabs-active section.related.products,
body.mscv-course-tabs-active .product-grid-item.related,
body.mscv-course-tabs-active .wd-related-products,
body.mscv-course-tabs-active .related-products:not(.mscv-course-related-section) {
  display: none !important;
}
body.mscv-course-tabs-active .mscv-course-related-section .products,
body.mscv-course-tabs-active .mscv-course-related-section .woocommerce,
body.mscv-course-tabs-active .mscv-course-related-section .product-grid-item {
  display: initial;
}
.mscv-info-icon img {
  display: block;
  width: 22px;
  height: 22px;
  object-fit: contain;
}
.mscv-video-shell.mscv-aspect-detected,
.mscv-course-inline-player .mscv-video-shell.mscv-aspect-detected,
.mscv-product-auto-lessons .mscv-course-inline-player .mscv-video-shell.mscv-aspect-detected,
.mscv-course-preview-section .mscv-video-shell.mscv-aspect-detected {
  aspect-ratio: var(--mscv-video-aspect, 16 / 9) !important;
  min-height: 0 !important;
  height: auto !important;
  background: #000 !important;
}
.mscv-video-shell.mscv-aspect-portrait,
.mscv-course-inline-player .mscv-video-shell.mscv-aspect-portrait,
.mscv-product-auto-lessons .mscv-course-inline-player .mscv-video-shell.mscv-aspect-portrait,
.mscv-course-preview-section .mscv-video-shell.mscv-aspect-portrait {
  width: min(100%, 420px) !important;
  max-width: 420px !important;
  margin-inline: auto !important;
}
.mscv-video-shell.mscv-aspect-detected .mscv-stage,
.mscv-video-shell.mscv-aspect-detected .mscv-video {
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: var(--mscv-video-aspect, 16 / 9) !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: #000 !important;
}
@media (max-width: 767px) {
  .mscv-video-shell.mscv-aspect-portrait,
  .mscv-course-inline-player .mscv-video-shell.mscv-aspect-portrait,
  .mscv-product-auto-lessons .mscv-course-inline-player .mscv-video-shell.mscv-aspect-portrait,
  .mscv-course-preview-section .mscv-video-shell.mscv-aspect-portrait {
    width: min(100%, 380px) !important;
    max-width: 380px !important;
  }
}

/* v3.0.47: final course UI polish requested by client */
body.single-product.mscv-course-tabs-active .product_title,
body.single-product.mscv-course-tabs-active .summary.entry-summary .product_title,
body.single-product.mscv-course-tabs-active .wd-single-title,
body.single-product.mscv-course-tabs-active .entry-title.product_title {
  display: none !important;
}
body.single-product.mscv-course-has-preview .woocommerce-product-gallery,
body.single-product.mscv-course-has-preview .product-image-summary .images,
body.single-product.mscv-course-has-preview .product-image-summary .woocommerce-product-gallery,
body.single-product.mscv-course-has-preview .wd-single-product-gallery,
body.single-product.mscv-course-has-preview .wd-product-images,
body.single-product.mscv-course-has-preview .product-images,
body.single-product.mscv-course-has-preview .product-image-wrap {
  display: none !important;
}
body.single-product.mscv-course-has-preview .product-image-summary .summary,
body.single-product.mscv-course-has-preview .summary.entry-summary {
  width: 100% !important;
  max-width: 100% !important;
}

/* Studiare-style conditional button text and compact purchase area.
   Color/background are left to the active theme button styles. */
body.single-product.mscv-course-tabs-active .single_add_to_cart_button,
body.single-product.mscv-course-tabs-active .summary .cart .button,
body.single-product.mscv-course-tabs-active button[name="add-to-cart"] {
  font-weight: 800 !important;
}
body.single-product.mscv-course-tabs-active.mscv-course-member .single_add_to_cart_button,
body.single-product.mscv-course-tabs-active.mscv-course-member .summary .cart .button,
body.single-product.mscv-course-tabs-active.mscv-course-member button[name="add-to-cart"] {
  opacity: .92;
}


.mscv-mobile-course-button:hover {
  background: var(--mscv-theme-btn-bg-hover, var(--mscv-theme-btn-bg, #6f8053)) !important;
  border-color: var(--mscv-theme-btn-bg-hover, var(--mscv-theme-btn-border, var(--mscv-theme-btn-bg, #6f8053))) !important;
  color: var(--mscv-theme-btn-color, #fff) !important;
}

/* Custom mobile fixed enroll bar */
.mscv-mobile-course-bar { display: none; }
@media (max-width: 767px) {
  body.single-product.mscv-course-tabs-active { padding-bottom: 82px; }
  body.single-product.mscv-course-tabs-active .wd-sticky-btn,
  body.single-product.mscv-course-tabs-active .wd-sticky-add-to-cart,
  body.single-product.mscv-course-tabs-active .woodmart-sticky-btn,
  body.single-product.mscv-course-tabs-active .sticky-add-to-cart,
  body.single-product.mscv-course-tabs-active .studiare-sticky-cart,
  body.single-product.mscv-course-tabs-active .studiare-fixed-cart {
    display: none !important;
  }
  .mscv-mobile-course-bar {
    direction: rtl;
    position: fixed;
    z-index: 99998;
    right: 0;
    left: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 16px calc(10px + env(safe-area-inset-bottom));
    background: rgba(255,255,255,.98);
    border-top: 1px solid rgba(15,23,42,.10);
    box-shadow: 0 -12px 32px rgba(15,23,42,.10);
    backdrop-filter: blur(10px);
    font-family: inherit;
  }
  .mscv-mobile-course-price {
    display: flex;
    align-items: baseline;
    gap: 8px;
    flex-wrap: wrap;
    color: #1f2937;
    font-weight: 900;
    line-height: 1.5;
    font-size: 15px;
  }
  .mscv-mobile-course-price del {
    color: #94a3b8;
    font-size: 12px;
    font-weight: 700;
  }
  .mscv-mobile-course-price ins {
    color: #1f2937;
    text-decoration: none;
    font-size: 16px;
    font-weight: 900;
  }
  .mscv-mobile-course-button {
    min-width: 118px;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    padding: 0 18px;
    background: var(--mscv-theme-btn-bg, var(--mscv-accent,#7d8f5d));
    color: var(--mscv-theme-btn-color, #fff) !important;
    font-weight: 900;
    text-decoration: none !important;
    box-shadow: 0 10px 22px var(--mscv-theme-btn-shadow, rgba(15,23,42,.14));
  }
  .mscv-mobile-course-button.is-member { background: var(--mscv-theme-btn-bg, #4f8768); color: var(--mscv-theme-btn-color, #fff) !important; }
}

/* Mobile course page spacing: 20px side padding, no oversized gaps */
@media (max-width: 767px) {
  body.single-product.mscv-course-tabs-active .mscv-course-page-layout,
  body.single-product.mscv-course-tabs-active .mscv-course-page-section,
  body.single-product.mscv-course-tabs-active .mscv-product-auto-lessons,
  body.single-product.mscv-course-tabs-active .mscv-faq-accordion,
  body.single-product.mscv-course-tabs-active .mscv-info-list {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  body.single-product.mscv-course-tabs-active .mscv-course-page-layout {
    margin-top: 20px !important;
    margin-bottom: 28px !important;
  }
  body.single-product.mscv-course-tabs-active .mscv-course-page-section {
    margin-bottom: 24px !important;
  }
  body.single-product.mscv-course-tabs-active .mscv-course-page-title {
    font-size: 20px !important;
    margin-bottom: 12px !important;
    line-height: 1.55 !important;
  }
  body.single-product.mscv-course-tabs-active .mscv-faq-front-item summary {
    padding: 13px 14px !important;
  }
  body.single-product.mscv-course-tabs-active .mscv-faq-front-item > div {
    padding: 0 14px 14px !important;
  }
  body.single-product.mscv-course-tabs-active .mscv-info-item {
    padding: 11px 12px !important;
    border-radius: 14px !important;
  }
}

/* Build-products carousel with compact arrows */
.mscv-course-section-heading.mscv-carousel-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}
.mscv-course-section-heading .mscv-course-page-title { margin-bottom: 0; }
.mscv-carousel-nav { display: inline-flex; gap: 6px; align-items: center; flex: 0 0 auto; }
.mscv-carousel-btn {
  width: 32px;
  height: 32px;
  border: 1px solid rgba(125,143,93,.25);
  border-radius: 999px;
  background: #fff;
  color: var(--mscv-accent,#7d8f5d);
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 6px 14px rgba(15,23,42,.06);
}
.mscv-build-carousel {
  gap: 14px !important;
  padding: 2px 2px 12px !important;
  scroll-behavior: smooth;
}
.mscv-build-card { flex-basis: calc((100% - 42px) / 4) !important; min-width: 180px !important; border-radius: 16px !important; }
.mscv-build-card img { height: 160px !important; }
@media (max-width: 1024px) {
  .mscv-build-card { flex-basis: calc((100% - 28px) / 3) !important; min-width: 160px !important; }
}
@media (max-width: 767px) {
  .mscv-course-section-heading.mscv-carousel-heading { padding-left: 20px; padding-right: 20px; }
  .mscv-build-carousel { padding-left: 20px !important; padding-right: 20px !important; }
  .mscv-build-card { flex: 0 0 calc((100% - 24px) / 3) !important; min-width: 92px !important; border-radius: 12px !important; }
  .mscv-build-card img { height: 92px !important; }
  .mscv-carousel-btn { width: 28px; height: 28px; font-size: 18px; }
}

/* Compact custom related courses */
.mscv-related-compact-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 240px));
  gap: 16px;
  justify-content: start;
}
.mscv-related-card {
  display: block;
  overflow: hidden;
  border-radius: 18px;
  border: 1px solid rgba(15,23,42,.08);
  background: #fff;
  text-decoration: none !important;
  color: #1f2937;
  box-shadow: 0 10px 26px rgba(15,23,42,.06);
}
.mscv-related-thumb { display:block; background:#f6f7f7; }
.mscv-related-thumb img { display:block; width:100%; height:132px; object-fit:cover; }
.mscv-related-body { display:block; padding: 10px 12px 12px; }
.mscv-related-body strong { display:block; font-size:14px; line-height:1.7; margin-bottom:6px; }
.mscv-related-price { display:block; font-size:13px; color: var(--mscv-accent,#7d8f5d); font-weight:800; }
.mscv-related-compact-grid.count-1 { grid-template-columns: minmax(180px, 260px); }
@media (max-width: 767px) {
  .mscv-related-compact-grid { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; padding-left:20px; padding-right:20px; }
  .mscv-related-compact-grid.count-1 { grid-template-columns: minmax(160px, 220px); }
  .mscv-related-thumb img { height: 110px; }
}

/* Keep exact source video aspect. */
.mscv-video-shell.mscv-aspect-detected,
.mscv-course-preview-section .mscv-video-shell.mscv-aspect-detected,
.mscv-course-inline-player .mscv-video-shell.mscv-aspect-detected {
  aspect-ratio: var(--mscv-video-aspect, 16 / 9) !important;
  min-height: 0 !important;
  height: auto !important;
}
.mscv-video-shell.mscv-aspect-detected .mscv-stage,
.mscv-video-shell.mscv-aspect-detected .mscv-video {
  aspect-ratio: var(--mscv-video-aspect, 16 / 9) !important;
  height: 100% !important;
  object-fit: contain !important;
}

/* v3.0.47 small correction: avoid double 20px padding inside mobile sections */
@media (max-width: 767px) {
  body.single-product.mscv-course-tabs-active .mscv-course-builds-section,
  body.single-product.mscv-course-tabs-active .mscv-course-related-section {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  body.single-product.mscv-course-tabs-active .mscv-course-page-section .mscv-faq-accordion,
  body.single-product.mscv-course-tabs-active .mscv-course-page-section .mscv-info-list {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  body.single-product.mscv-course-tabs-active .mscv-course-builds-section .mscv-carousel-heading,
  body.single-product.mscv-course-tabs-active .mscv-course-builds-section .mscv-build-carousel,
  body.single-product.mscv-course-tabs-active .mscv-course-related-section .mscv-related-compact-grid {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}
body.single-product.mscv-course-tabs-active .single-product-page .entry-title,
body.single-product.mscv-course-tabs-active .wd-single-product .entry-title,
body.single-product.mscv-course-tabs-active .product_title.entry-title,
body.single-product.mscv-course-tabs-active .summary-inner > h1,
body.single-product.mscv-course-tabs-active .product_title {
  display: none !important;
}

/* v3.0.48: tighter mobile spacing requested by client */
@media (max-width: 767px) {
  body.single-product.mscv-course-tabs-active .mscv-course-page-layout,
  body.single-product.mscv-course-tabs-active .mscv-course-page-section,
  body.single-product.mscv-course-tabs-active .mscv-course-videos-section,
  body.single-product.mscv-course-tabs-active .mscv-product-auto-lessons,
  body.single-product.mscv-course-tabs-active .mscv-studiare-lessons,
  body.single-product.mscv-course-tabs-active .mscv-faq-accordion,
  body.single-product.mscv-course-tabs-active .mscv-info-list {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  body.single-product.mscv-course-tabs-active .mscv-course-page-layout {
    margin-top: 10px !important;
    margin-bottom: 18px !important;
  }

  body.single-product.mscv-course-tabs-active .mscv-course-page-section {
    margin-bottom: 16px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  body.single-product.mscv-course-tabs-active .mscv-course-page-title {
    font-size: 18px !important;
    margin: 0 0 10px !important;
    line-height: 1.45 !important;
  }

  body.single-product.mscv-course-tabs-active .mscv-info-list {
    gap: 8px !important;
  }

  body.single-product.mscv-course-tabs-active .mscv-info-item {
    padding: 8px 10px !important;
    border-radius: 12px !important;
    gap: 8px !important;
    line-height: 1.65 !important;
  }

  body.single-product.mscv-course-tabs-active .mscv-info-icon {
    width: 28px !important;
    height: 28px !important;
    border-radius: 10px !important;
  }

  body.single-product.mscv-course-tabs-active .mscv-product-auto-lessons {
    margin: 8px 0 14px !important;
    width: 100% !important;
  }

  body.single-product.mscv-course-tabs-active .mscv-product-auto-lessons .course-section {
    margin: 0 !important;
    border-radius: 14px !important;
    box-shadow: 0 10px 26px rgba(15,23,42,.06) !important;
  }

  body.single-product.mscv-course-tabs-active .mscv-product-auto-lessons .course-section-title-elementory {
    padding: 10px 10px !important;
    gap: 8px !important;
  }

  body.single-product.mscv-course-tabs-active .mscv-product-auto-lessons .course-section-title-elementory img,
  body.single-product.mscv-course-tabs-active .mscv-product-auto-lessons .mscv-section-fallback-icon {
    width: 42px !important;
    height: 42px !important;
    border-radius: 12px !important;
  }

  body.single-product.mscv-course-tabs-active .mscv-product-auto-lessons .course-section-title-elementory .gheadlinel span {
    font-size: 17px !important;
    line-height: 1.45 !important;
  }

  body.single-product.mscv-course-tabs-active .mscv-product-auto-lessons .course-section-title-elementory .gheadlinel p {
    font-size: 12px !important;
    line-height: 1.55 !important;
  }

  body.single-product.mscv-course-tabs-active .mscv-product-auto-lessons .course-section-title-elementory > i {
    width: 30px !important;
    height: 30px !important;
    flex: 0 0 30px !important;
  }

  body.single-product.mscv-course-tabs-active .mscv-product-auto-lessons .course-panel-heading {
    margin: 0 8px !important;
    padding: 10px 0 !important;
    gap: 8px !important;
  }

  body.single-product.mscv-course-tabs-active .mscv-studiare-lessons .panel-heading-left,
  body.single-product.mscv-course-tabs-active .mscv-studiare-lessons .panel-heading-right {
    gap: 7px !important;
  }

  body.single-product.mscv-course-tabs-active .mscv-product-auto-lessons .course-lesson-icon {
    width: 36px !important;
    height: 36px !important;
    flex: 0 0 36px !important;
  }

  body.single-product.mscv-course-tabs-active .mscv-product-auto-lessons .title h4 {
    font-size: 14px !important;
    line-height: 1.45 !important;
  }

  body.single-product.mscv-course-tabs-active .mscv-product-auto-lessons .title .subtitle,
  body.single-product.mscv-course-tabs-active .mscv-product-auto-lessons .title > p {
    font-size: 11.5px !important;
    line-height: 1.45 !important;
  }

  body.single-product.mscv-course-tabs-active .mscv-product-auto-lessons .badge-item {
    min-height: 20px !important;
    padding: 1px 7px !important;
    border-radius: 5px !important;
    font-size: 10.5px !important;
  }

  body.single-product.mscv-course-tabs-active .mscv-product-auto-lessons .preview-button,
  body.single-product.mscv-course-tabs-active .mscv-product-auto-lessons button.preview-button {
    padding: 6px 10px !important;
    font-size: 11.5px !important;
    min-height: 30px !important;
  }

  body.single-product.mscv-course-tabs-active .mscv-product-auto-lessons .private-lesson,
  body.single-product.mscv-course-tabs-active .mscv-product-auto-lessons .download-button {
    min-height: 30px !important;
    padding: 5px 8px !important;
    font-size: 11.5px !important;
  }

  body.single-product.mscv-course-tabs-active .mscv-product-auto-lessons .panel-content-inner {
    padding: 8px 8px 10px !important;
  }

  body.single-product.mscv-course-tabs-active .mscv-faq-accordion {
    gap: 7px !important;
  }

  body.single-product.mscv-course-tabs-active .mscv-faq-front-item {
    border-radius: 12px !important;
  }

  body.single-product.mscv-course-tabs-active .mscv-faq-front-item summary {
    padding: 10px 12px !important;
    line-height: 1.55 !important;
  }

  body.single-product.mscv-course-tabs-active .mscv-faq-front-item > div {
    padding: 0 12px 10px !important;
    line-height: 1.8 !important;
  }

  body.single-product.mscv-course-tabs-active .mscv-course-builds-section,
  body.single-product.mscv-course-tabs-active .mscv-course-related-section {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.single-product.mscv-course-tabs-active .mscv-course-builds-section .mscv-carousel-heading,
  body.single-product.mscv-course-tabs-active .mscv-course-builds-section .mscv-build-carousel,
  body.single-product.mscv-course-tabs-active .mscv-course-related-section .mscv-related-compact-grid {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  body.single-product.mscv-course-tabs-active .mscv-build-carousel {
    gap: 8px !important;
    padding-bottom: 8px !important;
  }

  body.single-product.mscv-course-tabs-active .mscv-build-card {
    border-radius: 10px !important;
  }
}

/* v3.0.49: final spacing/access/button fixes */
body.single-product.mscv-course-tabs-active .quantity,
body.single-product.mscv-course-tabs-active form.cart .quantity,
body.single-product.mscv-course-tabs-active .quantity.buttons_added,
body.single-product.mscv-course-tabs-active .qib-container,
body.single-product.mscv-course-tabs-active .wd-sticky-add-to-cart .quantity,
body.single-product.mscv-course-tabs-active .wd-sticky-btn-cart .quantity {
  display: none !important;
}

body.single-product.mscv-course-has-preview .product_title,
body.single-product.mscv-course-has-preview h1.product_title,
body.single-product.mscv-course-has-preview .summary .product_title,
body.single-product.mscv-course-has-preview .summary-inner > h1,
body.single-product.mscv-course-has-preview .wd-single-title,
body.single-product.mscv-course-has-preview .product_title.entry-title,
body.single-product.mscv-course-has-preview .entry-title.product_title {
  display: none !important;
}

body.single-product.mscv-course-has-preview .woocommerce-product-gallery,
body.single-product.mscv-course-has-preview .woocommerce-product-gallery__wrapper,
body.single-product.mscv-course-has-preview .woocommerce-product-gallery__image,
body.single-product.mscv-course-has-preview .product-image-summary .images,
body.single-product.mscv-course-has-preview .product-image-summary .woocommerce-product-gallery,
body.single-product.mscv-course-has-preview .wd-single-product-gallery,
body.single-product.mscv-course-has-preview .wd-product-images,
body.single-product.mscv-course-has-preview .product-images,
body.single-product.mscv-course-has-preview .product-image-wrap,
body.single-product.mscv-course-has-preview .product-image-summary .product-images {
  display: none !important;
}

body.single-product.mscv-course-tabs-active .woocommerce-breadcrumb,
body.single-product.mscv-course-tabs-active .yoast-breadcrumb,
body.single-product.mscv-course-tabs-active .wd-breadcrumbs,
body.single-product.mscv-course-tabs-active .breadcrumbs {
  margin-bottom: 8px !important;
  padding-bottom: 0 !important;
}
body.single-product.mscv-course-tabs-active .product-image-summary,
body.single-product.mscv-course-tabs-active .single-product-content,
body.single-product.mscv-course-tabs-active .wd-single-product-content,
body.single-product.mscv-course-tabs-active .product-page-wrapper {
  border-bottom: 0 !important;
  margin-bottom: 10px !important;
  padding-bottom: 0 !important;
}
body.single-product.mscv-course-tabs-active .product-image-summary:after,
body.single-product.mscv-course-tabs-active .product-image-summary:before,
body.single-product.mscv-course-tabs-active .single-product-content:after,
body.single-product.mscv-course-tabs-active .single-product-content:before {
  display: none !important;
}

body.single-product.mscv-course-tabs-active .mscv-course-page-layout {
  margin-top: 6px !important;
}
body.single-product.mscv-course-tabs-active .mscv-course-preview-section {
  margin-bottom: 10px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  text-align: center;
}
body.single-product.mscv-course-tabs-active .mscv-course-preview-section .mscv-player-wrap {
  margin-top: 0 !important;
  margin-bottom: 10px !important;
  max-width: 980px !important;
  width: 100% !important;
  margin-inline: auto !important;
}
body.single-product.mscv-course-tabs-active .mscv-course-preview-section + .mscv-course-intro-section,
body.single-product.mscv-course-tabs-active .mscv-course-intro-section {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
body.single-product.mscv-course-tabs-active .mscv-course-intro-section .mscv-course-page-title {
  margin-top: 0 !important;
  margin-bottom: 6px !important;
}

body.single-product.mscv-course-tabs-active .mscv-course-related-section {
  margin-bottom: 6px !important;
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
}
body.single-product.mscv-course-tabs-active .mscv-course-related-section:after,
body.single-product.mscv-course-tabs-active .mscv-course-related-section:before {
  display: none !important;
}
body.single-product.mscv-course-tabs-active .mscv-course-page-layout > hr,
body.single-product.mscv-course-tabs-active .mscv-course-related-section + hr {
  display: none !important;
}

body.single-product.mscv-course-member .mscv-mobile-course-price {
  display: none !important;
}
body.single-product.mscv-course-member .mscv-mobile-course-bar {
  grid-template-columns: 1fr !important;
}
body.single-product.mscv-course-member .summary .price,
body.single-product.mscv-course-member .summary p.price {
  display: none !important;
}
body.single-product.mscv-course-member .wd-buy-now-btn,
body.single-product.mscv-course-member .wd-buy-now-button,
body.single-product.mscv-course-member .buy-now-btn,
body.single-product.mscv-course-member .summary .cart + .wd-buy-now-btn,
body.single-product.mscv-course-member .summary .cart:empty,
body.single-product.mscv-course-member .summary .woocommerce-variation-add-to-cart:empty {
  display: none !important;
}
body.single-product.mscv-course-member .summary .cart {
  margin-bottom: 0 !important;
}

@media (max-width: 767px) {
  body.single-product.mscv-course-tabs-active .container,
  body.single-product.mscv-course-tabs-active .site-content,
  body.single-product.mscv-course-tabs-active .main-page-wrapper,
  body.single-product.mscv-course-tabs-active .content-layout-wrapper,
  body.single-product.mscv-course-tabs-active .single-product-content,
  body.single-product.mscv-course-tabs-active .product-image-summary,
  body.single-product.mscv-course-tabs-active .product-page-wrapper,
  body.single-product.mscv-course-tabs-active .mscv-course-page-layout {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  body.single-product.mscv-course-tabs-active .mscv-course-page-section,
  body.single-product.mscv-course-tabs-active .mscv-course-videos-section,
  body.single-product.mscv-course-tabs-active .mscv-course-builds-section,
  body.single-product.mscv-course-tabs-active .mscv-course-features,
  body.single-product.mscv-course-tabs-active .mscv-course-audience,
  body.single-product.mscv-course-tabs-active .mscv-course-faq-section,
  body.single-product.mscv-course-tabs-active .mscv-course-related-section {
    padding-left: 2px !important;
    padding-right: 2px !important;
    margin-bottom: 12px !important;
  }
  body.single-product.mscv-course-tabs-active .mscv-course-builds-section .mscv-carousel-heading,
  body.single-product.mscv-course-tabs-active .mscv-course-builds-section .mscv-build-carousel,
  body.single-product.mscv-course-tabs-active .mscv-course-related-section .mscv-related-compact-grid {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }
  body.single-product.mscv-course-tabs-active .mscv-course-preview-section .mscv-player-wrap {
    margin-bottom: 6px !important;
  }
  body.single-product.mscv-course-tabs-active .mscv-course-page-title {
    margin-bottom: 6px !important;
  }
  body.single-product.mscv-course-tabs-active .woocommerce-breadcrumb,
  body.single-product.mscv-course-tabs-active .yoast-breadcrumb,
  body.single-product.mscv-course-tabs-active .wd-breadcrumbs,
  body.single-product.mscv-course-tabs-active .breadcrumbs {
    margin-bottom: 4px !important;
  }
}

/* v3.0.50: mobile spacing/lines/right-aligned lesson rows fixes */
body.single-product.mscv-course-tabs-active .woocommerce-breadcrumb,
body.single-product.mscv-course-tabs-active .yoast-breadcrumb,
body.single-product.mscv-course-tabs-active .wd-breadcrumbs,
body.single-product.mscv-course-tabs-active .breadcrumbs,
body.single-product.mscv-course-tabs-active .rank-math-breadcrumb {
  border: 0 !important;
  box-shadow: none !important;
  margin-bottom: 4px !important;
  padding-bottom: 0 !important;
}
body.single-product.mscv-course-tabs-active .woocommerce-breadcrumb:before,
body.single-product.mscv-course-tabs-active .woocommerce-breadcrumb:after,
body.single-product.mscv-course-tabs-active .yoast-breadcrumb:before,
body.single-product.mscv-course-tabs-active .yoast-breadcrumb:after,
body.single-product.mscv-course-tabs-active .wd-breadcrumbs:before,
body.single-product.mscv-course-tabs-active .wd-breadcrumbs:after,
body.single-product.mscv-course-tabs-active .breadcrumbs:before,
body.single-product.mscv-course-tabs-active .breadcrumbs:after,
body.single-product.mscv-course-tabs-active .product-image-summary:before,
body.single-product.mscv-course-tabs-active .product-image-summary:after,
body.single-product.mscv-course-tabs-active .product-image-summary-wrap:before,
body.single-product.mscv-course-tabs-active .product-image-summary-wrap:after,
body.single-product.mscv-course-tabs-active .single-product-content:before,
body.single-product.mscv-course-tabs-active .single-product-content:after,
body.single-product.mscv-course-tabs-active .wd-single-product-content:before,
body.single-product.mscv-course-tabs-active .wd-single-product-content:after,
body.single-product.mscv-course-tabs-active .product-page-wrapper:before,
body.single-product.mscv-course-tabs-active .product-page-wrapper:after {
  display: none !important;
  border: 0 !important;
  box-shadow: none !important;
  content: none !important;
}
body.single-product.mscv-course-tabs-active .product-image-summary,
body.single-product.mscv-course-tabs-active .product-image-summary-wrap,
body.single-product.mscv-course-tabs-active .single-product-content,
body.single-product.mscv-course-tabs-active .wd-single-product-content,
body.single-product.mscv-course-tabs-active .product-page-wrapper,
body.single-product.mscv-course-tabs-active .summary.entry-summary {
  border-top: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}
body.single-product.mscv-course-tabs-active .mscv-course-related-section,
body.single-product.mscv-course-tabs-active .mscv-course-related-section * {
  border-bottom-color: transparent;
}
body.single-product.mscv-course-tabs-active .mscv-course-related-section {
  border: 0 !important;
  box-shadow: none !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
body.single-product.mscv-course-tabs-active .mscv-course-related-section:before,
body.single-product.mscv-course-tabs-active .mscv-course-related-section:after,
body.single-product.mscv-course-tabs-active .mscv-course-related-section + hr,
body.single-product.mscv-course-tabs-active .mscv-course-related-section + .wd-spacer,
body.single-product.mscv-course-tabs-active .mscv-course-page-layout > hr,
body.single-product.mscv-course-tabs-active .mscv-course-page-layout:after {
  display: none !important;
  border: 0 !important;
  content: none !important;
}

@media (max-width: 767px) {
  body.single-product.mscv-course-tabs-active .container,
  body.single-product.mscv-course-tabs-active .site-content,
  body.single-product.mscv-course-tabs-active .main-page-wrapper,
  body.single-product.mscv-course-tabs-active .content-layout-wrapper,
  body.single-product.mscv-course-tabs-active .single-product-content,
  body.single-product.mscv-course-tabs-active .product-image-summary,
  body.single-product.mscv-course-tabs-active .product-image-summary-wrap,
  body.single-product.mscv-course-tabs-active .product-page-wrapper,
  body.single-product.mscv-course-tabs-active .wd-single-product-content,
  body.single-product.mscv-course-tabs-active .mscv-course-page-layout {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.single-product.mscv-course-tabs-active .mscv-course-page-layout {
    margin-top: 4px !important;
    margin-bottom: 10px !important;
  }

  body.single-product.mscv-course-tabs-active .mscv-course-page-section,
  body.single-product.mscv-course-tabs-active .mscv-course-videos-section,
  body.single-product.mscv-course-tabs-active .mscv-course-builds-section,
  body.single-product.mscv-course-tabs-active .mscv-course-features,
  body.single-product.mscv-course-tabs-active .mscv-course-audience,
  body.single-product.mscv-course-tabs-active .mscv-course-faq-section,
  body.single-product.mscv-course-tabs-active .mscv-course-related-section {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 10px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }

  body.single-product.mscv-course-tabs-active .mscv-course-page-title {
    padding-left: 4px !important;
    padding-right: 4px !important;
    margin-bottom: 8px !important;
  }

  body.single-product.mscv-course-tabs-active .mscv-info-list,
  body.single-product.mscv-course-tabs-active .mscv-faq-accordion,
  body.single-product.mscv-course-tabs-active .mscv-product-auto-lessons,
  body.single-product.mscv-course-tabs-active .mscv-studiare-lessons {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.single-product.mscv-course-tabs-active .mscv-info-item,
  body.single-product.mscv-course-tabs-active .mscv-faq-front-item {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-top: 11px !important;
    padding-bottom: 11px !important;
  }

  body.single-product.mscv-course-tabs-active .mscv-course-builds-section .mscv-carousel-heading,
  body.single-product.mscv-course-tabs-active .mscv-course-builds-section .mscv-build-carousel,
  body.single-product.mscv-course-tabs-active .mscv-course-related-section .mscv-related-compact-grid {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.single-product.mscv-course-tabs-active .mscv-course-related-section {
    margin-top: 4px !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
  }

  body.single-product.mscv-course-tabs-active .mscv-product-auto-lessons .course-section {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    border-radius: 14px !important;
  }

  body.single-product.mscv-course-tabs-active .mscv-product-auto-lessons .course-section-title-elementory {
    padding: 12px 8px !important;
    text-align: right !important;
  }

  body.single-product.mscv-course-tabs-active .mscv-product-auto-lessons .course-panel-heading,
  body.single-product.mscv-course-tabs-active .mscv-studiare-lessons .course-panel-heading {
    direction: rtl !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    text-align: right !important;
    margin: 0 4px !important;
    padding: 12px 4px !important;
    gap: 8px !important;
  }

  body.single-product.mscv-course-tabs-active .mscv-studiare-lessons .panel-heading-left {
    order: 1 !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    justify-content: flex-start !important;
    text-align: right !important;
  }

  body.single-product.mscv-course-tabs-active .mscv-studiare-lessons .panel-heading-right {
    order: 2 !important;
    flex: 0 0 auto !important;
    width: auto !important;
    justify-content: flex-end !important;
  }

  body.single-product.mscv-course-tabs-active .mscv-product-auto-lessons .title,
  body.single-product.mscv-course-tabs-active .mscv-product-auto-lessons .title h4,
  body.single-product.mscv-course-tabs-active .mscv-product-auto-lessons .title p {
    text-align: right !important;
    justify-content: flex-start !important;
  }

  body.single-product.mscv-course-tabs-active .mscv-product-auto-lessons .course-lesson-icon {
    width: 34px !important;
    height: 34px !important;
    flex: 0 0 34px !important;
  }

  body.single-product.mscv-course-tabs-active .mscv-product-auto-lessons .preview-button,
  body.single-product.mscv-course-tabs-active .mscv-product-auto-lessons button.preview-button {
    flex: 0 0 auto !important;
    min-width: 0 !important;
  }

  body.single-product.mscv-course-tabs-active .woocommerce-breadcrumb,
  body.single-product.mscv-course-tabs-active .yoast-breadcrumb,
  body.single-product.mscv-course-tabs-active .wd-breadcrumbs,
  body.single-product.mscv-course-tabs-active .breadcrumbs,
  body.single-product.mscv-course-tabs-active .rank-math-breadcrumb {
    margin-bottom: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
  }
}

/* 3.0.56: Course preview video is a normal public video, not the secure/watermarked player. */
.mscv-course-preview-simple .mscv-simple-preview-video-wrap{
  max-width:980px;
  margin:0 auto 26px;
  border-radius:18px;
  overflow:hidden;
  background:#000;
  box-shadow:0 10px 30px rgba(15,23,42,.12);
}
.mscv-course-preview-simple .mscv-simple-preview-video{
  display:block;
  width:100%;
  height:auto;
  max-height:72vh;
  background:#000;
}
@media(max-width:782px){
  .mscv-course-preview-simple .mscv-simple-preview-video-wrap{
    margin-bottom:14px;
    border-radius:14px;
  }
}


/* Screen-capture deterrent overlay. This is a deterrent, not DRM. */
.mscv-capture-shield {
  position: absolute;
  inset: 0;
  z-index: 40;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: #000;
  color: #fff;
  text-align: center;
  pointer-events: none;
  user-select: none;
}

.mscv-capture-shield-inner {
  max-width: 520px;
  line-height: 1.9;
  font-size: 14px;
  opacity: .96;
}

.mscv-capture-shield-inner strong {
  display: block;
  margin-bottom: 8px;
  font-size: 16px;
}

.mscv-capture-shielded .mscv-capture-shield {
  display: flex;
}

.mscv-capture-shielded .mscv-video,
.mscv-capture-shielded video {
  opacity: 0.01 !important;
  filter: brightness(0) contrast(0) !important;
}

.mscv-capture-shielded .mscv-watermark {
  z-index: 45;
  opacity: .35;
}

/* 3.0.91: extra client-side hardening for the secure player area. */
.mscv-player-wrap,
.mscv-player-wrap * {
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}
.mscv-player-wrap video::-internal-media-controls-download-button,
.mscv-player-wrap video::-webkit-media-controls-enclosure {
  overflow: hidden;
}


/* 3.0.94: frontend theme color system
   All visible course controls now inherit from the active theme button/accent color.
   Fallbacks are only used when the theme does not expose a button color. */
body.single-product.mscv-course-product,
body.single-product.mscv-course-tabs-active,
.mscv-course-product,
.mscv-course-tabs-active {
  --mscv-accent: var(--mscv-theme-btn-bg, var(--btn-accented-bgcolor, var(--btn-default-bgcolor, var(--wd-primary-color, var(--wd-alternative-color, var(--e-global-color-accent, var(--e-global-color-primary, #7d8f5d))))));
  --mscv-accent-hover: var(--mscv-theme-btn-bg-hover, var(--btn-accented-bgcolor-hover, var(--btn-default-bgcolor-hover, var(--mscv-accent))));
  --mscv-on-accent: var(--mscv-theme-btn-color, var(--btn-accented-color, var(--btn-default-color, #fff)));
  --mscv-accent-border: var(--mscv-theme-btn-border, var(--btn-accented-brd-color, var(--btn-default-brd-color, var(--mscv-accent))));
  --mscv-soft: color-mix(in srgb, var(--mscv-accent) 12%, #fff);
  --mscv-softer: color-mix(in srgb, var(--mscv-accent) 7%, #fff);
  --mscv-border-soft: color-mix(in srgb, var(--mscv-accent) 22%, transparent);
  --mscv-shadow-accent: color-mix(in srgb, var(--mscv-accent) 24%, transparent);
  --mscv-muted: var(--wd-text-color, var(--e-global-color-text, #4b5563));
  --mscv-heading: var(--wd-title-color, var(--e-global-color-primary, #1f2937));
  --mscv-surface: var(--wd-form-bg, var(--e-global-color-background, #fff));
}

body.single-product.mscv-course-product .mscv-btn,
body.single-product.mscv-course-tabs-active .mscv-btn,
body.single-product.mscv-course-product .mscv-browser-cache-actions .mscv-btn,
body.single-product.mscv-course-tabs-active .mscv-browser-cache-actions .mscv-btn,
body.single-product.mscv-course-product .mscv-studiare-lessons .preview-button,
body.single-product.mscv-course-tabs-active .mscv-studiare-lessons .preview-button,
body.single-product.mscv-course-product .mscv-product-auto-lessons .preview-button,
body.single-product.mscv-course-tabs-active .mscv-product-auto-lessons .preview-button,
body.single-product.mscv-course-product .mscv-mobile-course-button,
body.single-product.mscv-course-tabs-active .mscv-mobile-course-button {
  background: var(--mscv-accent) !important;
  border-color: var(--mscv-accent-border) !important;
  color: var(--mscv-on-accent) !important;
  box-shadow: 0 10px 24px var(--mscv-shadow-accent) !important;
}

body.single-product.mscv-course-product .mscv-btn:hover,
body.single-product.mscv-course-tabs-active .mscv-btn:hover,
body.single-product.mscv-course-product .mscv-studiare-lessons .preview-button:hover,
body.single-product.mscv-course-tabs-active .mscv-studiare-lessons .preview-button:hover,
body.single-product.mscv-course-product .mscv-mobile-course-button:hover,
body.single-product.mscv-course-tabs-active .mscv-mobile-course-button:hover {
  background: var(--mscv-accent-hover) !important;
  border-color: var(--mscv-accent-hover) !important;
  color: var(--mscv-on-accent) !important;
}

body.single-product.mscv-course-product .mscv-browser-cache-actions .mscv-clear-cache-btn,
body.single-product.mscv-course-tabs-active .mscv-browser-cache-actions .mscv-clear-cache-btn {
  background: var(--mscv-soft) !important;
  border: 1px solid var(--mscv-border-soft) !important;
  color: var(--mscv-accent) !important;
  box-shadow: none !important;
}

body.single-product.mscv-course-product .mscv-browser-cache-actions .mscv-clear-cache-btn:hover,
body.single-product.mscv-course-tabs-active .mscv-browser-cache-actions .mscv-clear-cache-btn:hover {
  background: var(--mscv-accent) !important;
  color: var(--mscv-on-accent) !important;
}

body.single-product.mscv-course-product .mscv-product-auto-lessons .course-lesson-icon,
body.single-product.mscv-course-tabs-active .mscv-product-auto-lessons .course-lesson-icon,
body.single-product.mscv-course-product .mscv-product-auto-lessons .course-section-title-elementory > i,
body.single-product.mscv-course-tabs-active .mscv-product-auto-lessons .course-section-title-elementory > i,
body.single-product.mscv-course-product .mscv-product-auto-lessons .mscv-section-fallback-icon,
body.single-product.mscv-course-tabs-active .mscv-product-auto-lessons .mscv-section-fallback-icon,
body.single-product.mscv-course-product .mscv-info-icon,
body.single-product.mscv-course-tabs-active .mscv-info-icon,
body.single-product.mscv-course-product .mscv-studiare-lessons .course-lesson-icon,
body.single-product.mscv-course-tabs-active .mscv-studiare-lessons .course-lesson-icon {
  background: var(--mscv-soft) !important;
  color: var(--mscv-accent) !important;
}

body.single-product.mscv-course-product .mscv-product-auto-lessons .course-panel-heading.active .course-lesson-icon,
body.single-product.mscv-course-tabs-active .mscv-product-auto-lessons .course-panel-heading.active .course-lesson-icon,
body.single-product.mscv-course-product .mscv-product-auto-lessons .course-panel-heading:hover .course-lesson-icon,
body.single-product.mscv-course-tabs-active .mscv-product-auto-lessons .course-panel-heading:hover .course-lesson-icon {
  background: var(--mscv-accent) !important;
  color: var(--mscv-on-accent) !important;
}

body.single-product.mscv-course-product .mscv-product-auto-lessons .private-lesson,
body.single-product.mscv-course-tabs-active .mscv-product-auto-lessons .private-lesson,
body.single-product.mscv-course-product .mscv-studiare-lessons .private-lesson,
body.single-product.mscv-course-tabs-active .mscv-studiare-lessons .private-lesson,
body.single-product.mscv-course-product .mscv-studiare-lessons .badge-item,
body.single-product.mscv-course-tabs-active .mscv-studiare-lessons .badge-item,
body.single-product.mscv-course-product .mscv-product-auto-lessons .badge-item,
body.single-product.mscv-course-tabs-active .mscv-product-auto-lessons .badge-item {
  background: var(--mscv-soft) !important;
  color: var(--mscv-accent) !important;
  border-color: var(--mscv-border-soft) !important;
}

body.single-product.mscv-course-product .mscv-course-enroll-card,
body.single-product.mscv-course-tabs-active .mscv-course-enroll-card {
  border-color: var(--mscv-border-soft) !important;
  background: linear-gradient(135deg, var(--mscv-soft), color-mix(in srgb, var(--mscv-surface) 96%, #fff)) !important;
  color: var(--mscv-muted) !important;
}

body.single-product.mscv-course-product .mscv-course-enroll-card.is-member,
body.single-product.mscv-course-tabs-active .mscv-course-enroll-card.is-member {
  border-color: var(--mscv-border-soft) !important;
  background: linear-gradient(135deg, var(--mscv-soft), color-mix(in srgb, var(--mscv-surface) 96%, #fff)) !important;
}

body.single-product.mscv-course-product .mscv-course-enroll-icon,
body.single-product.mscv-course-tabs-active .mscv-course-enroll-icon,
body.single-product.mscv-course-product .mscv-course-enroll-card.is-member .mscv-course-enroll-icon,
body.single-product.mscv-course-tabs-active .mscv-course-enroll-card.is-member .mscv-course-enroll-icon {
  background: var(--mscv-accent) !important;
  color: var(--mscv-on-accent) !important;
}

body.single-product.mscv-course-product .green-lock,
body.single-product.mscv-course-tabs-active .green-lock,
body.single-product.mscv-course-product .mscv-related-price,
body.single-product.mscv-course-tabs-active .mscv-related-price,
body.single-product.mscv-course-product .mscv-product-auto-lessons .private-lesson i,
body.single-product.mscv-course-tabs-active .mscv-product-auto-lessons .private-lesson i {
  color: var(--mscv-accent) !important;
}

body.single-product.mscv-course-product .mscv-course-page-title,
body.single-product.mscv-course-tabs-active .mscv-course-page-title,
body.single-product.mscv-course-product .mscv-faq-front-item summary,
body.single-product.mscv-course-tabs-active .mscv-faq-front-item summary,
body.single-product.mscv-course-product .mscv-product-auto-lessons .title h4,
body.single-product.mscv-course-tabs-active .mscv-product-auto-lessons .title h4,
body.single-product.mscv-course-product .mscv-course-enroll-text strong,
body.single-product.mscv-course-tabs-active .mscv-course-enroll-text strong {
  color: var(--mscv-heading) !important;
}

body.single-product.mscv-course-product .mscv-course-intro-section .entry-content,
body.single-product.mscv-course-tabs-active .mscv-course-intro-section .entry-content,
body.single-product.mscv-course-product .mscv-info-item,
body.single-product.mscv-course-tabs-active .mscv-info-item,
body.single-product.mscv-course-product .mscv-course-enroll-text span,
body.single-product.mscv-course-tabs-active .mscv-course-enroll-text span,
body.single-product.mscv-course-product .mscv-product-auto-lessons .course-section-title-elementory .gheadlinel p,
body.single-product.mscv-course-tabs-active .mscv-product-auto-lessons .course-section-title-elementory .gheadlinel p {
  color: var(--mscv-muted) !important;
}

body.single-product.mscv-course-product .mscv-product-auto-lessons .course-section,
body.single-product.mscv-course-tabs-active .mscv-product-auto-lessons .course-section,
body.single-product.mscv-course-product .mscv-info-item,
body.single-product.mscv-course-tabs-active .mscv-info-item,
body.single-product.mscv-course-product .mscv-related-card,
body.single-product.mscv-course-tabs-active .mscv-related-card,
body.single-product.mscv-course-product .mscv-faq-front-item,
body.single-product.mscv-course-tabs-active .mscv-faq-front-item {
  background: var(--mscv-surface) !important;
}

/* 3.0.95: frontend appearance variables and custom color controls */
body.single-product.mscv-course-product,
body.single-product.mscv-course-tabs-active,
.mscv-course-product,
.mscv-course-tabs-active {
  --mscv-watch-bg: var(--mscv-accent);
  --mscv-watch-color: var(--mscv-on-accent);
  --mscv-storage-bg: var(--mscv-accent);
  --mscv-storage-color: var(--mscv-on-accent);
  --mscv-clear-bg: var(--mscv-soft);
  --mscv-clear-color: var(--mscv-accent);
  --mscv-player-bg: #101014;
  --mscv-player-border: transparent;
  --mscv-badge-bg: var(--mscv-soft);
  --mscv-badge-color: var(--mscv-accent);
  --mscv-available-bg: var(--mscv-soft);
  --mscv-available-color: var(--mscv-accent);
}

body.single-product.mscv-course-product .mscv-video-shell,
body.single-product.mscv-course-tabs-active .mscv-video-shell {
  background-color: var(--mscv-player-bg) !important;
  border: 1px solid var(--mscv-player-border) !important;
}
body.single-product.mscv-course-product .mscv-video,
body.single-product.mscv-course-tabs-active .mscv-video {
  background-color: var(--mscv-player-bg) !important;
}
body.single-product.mscv-course-product .mscv-studiare-lessons .preview-button,
body.single-product.mscv-course-tabs-active .mscv-studiare-lessons .preview-button,
body.single-product.mscv-course-product .mscv-product-auto-lessons .preview-button,
body.single-product.mscv-course-tabs-active .mscv-product-auto-lessons .preview-button,
body.single-product.mscv-course-product .mscv-product-auto-lessons button.preview-button,
body.single-product.mscv-course-tabs-active .mscv-product-auto-lessons button.preview-button {
  background: var(--mscv-watch-bg) !important;
  border-color: var(--mscv-watch-bg) !important;
  color: var(--mscv-watch-color) !important;
  box-shadow: 0 10px 24px color-mix(in srgb, var(--mscv-watch-bg) 22%, transparent) !important;
}
body.single-product.mscv-course-product .mscv-browser-cache-actions .mscv-offline-btn,
body.single-product.mscv-course-tabs-active .mscv-browser-cache-actions .mscv-offline-btn {
  background: var(--mscv-storage-bg) !important;
  border-color: var(--mscv-storage-bg) !important;
  color: var(--mscv-storage-color) !important;
  box-shadow: 0 10px 24px color-mix(in srgb, var(--mscv-storage-bg) 22%, transparent) !important;
}
body.single-product.mscv-course-product .mscv-browser-cache-actions .mscv-clear-cache-btn,
body.single-product.mscv-course-tabs-active .mscv-browser-cache-actions .mscv-clear-cache-btn {
  background: var(--mscv-clear-bg) !important;
  border-color: color-mix(in srgb, var(--mscv-clear-text, var(--mscv-clear-color)) 20%, transparent) !important;
  color: var(--mscv-clear-color) !important;
}
body.single-product.mscv-course-product .mscv-studiare-lessons .badge-item,
body.single-product.mscv-course-tabs-active .mscv-studiare-lessons .badge-item,
body.single-product.mscv-course-product .mscv-product-auto-lessons .badge-item,
body.single-product.mscv-course-tabs-active .mscv-product-auto-lessons .badge-item {
  background: var(--mscv-badge-bg) !important;
  color: var(--mscv-badge-color) !important;
}
body.single-product.mscv-course-product .mscv-studiare-lessons .private-lesson,
body.single-product.mscv-course-tabs-active .mscv-studiare-lessons .private-lesson,
body.single-product.mscv-course-product .mscv-product-auto-lessons .private-lesson,
body.single-product.mscv-course-tabs-active .mscv-product-auto-lessons .private-lesson,
body.single-product.mscv-course-product .mscv-product-auto-lessons .course-lesson-icon,
body.single-product.mscv-course-tabs-active .mscv-product-auto-lessons .course-lesson-icon,
body.single-product.mscv-course-product .mscv-studiare-lessons .course-lesson-icon,
body.single-product.mscv-course-tabs-active .mscv-studiare-lessons .course-lesson-icon {
  background: var(--mscv-available-bg) !important;
  color: var(--mscv-available-color) !important;
}


/* 3.0.96: final frontend color coverage
   In theme mode and custom/preset mode, all visible course UI components read from the same
   MSCV variables. Selectors are intentionally broad but scoped to plugin/course containers. */
:root,
body,
.mscv-course-product,
.mscv-course-tabs-active,
.mscv-product-auto-lessons,
.mscv-studiare-lessons,
.mscv-browser-cache-actions,
.mscv-course-enroll-card,
.mscv-mobile-course-button {
  --mscv-accent: var(--mscv-accent, var(--mscv-theme-btn-bg, var(--btn-accented-bgcolor, var(--btn-default-bgcolor, var(--wd-primary-color, var(--wd-alternative-color, var(--e-global-color-accent, var(--e-global-color-primary, #7d8f5d)))))));
  --mscv-accent-hover: var(--mscv-accent-hover, var(--mscv-theme-btn-bg-hover, var(--btn-accented-bgcolor-hover, var(--btn-default-bgcolor-hover, var(--mscv-accent)))));
  --mscv-on-accent: var(--mscv-on-accent, var(--mscv-theme-btn-color, var(--btn-accented-color, var(--btn-default-color, #fff))));
  --mscv-accent-border: var(--mscv-accent-border, var(--mscv-theme-btn-border, var(--btn-accented-brd-color, var(--btn-default-brd-color, var(--mscv-accent)))));
  --mscv-soft: var(--mscv-soft, color-mix(in srgb, var(--mscv-accent) 12%, #fff));
  --mscv-softer: var(--mscv-softer, color-mix(in srgb, var(--mscv-accent) 7%, #fff));
  --mscv-border-soft: var(--mscv-border-soft, color-mix(in srgb, var(--mscv-accent) 22%, transparent));
  --mscv-shadow-accent: var(--mscv-shadow-accent, color-mix(in srgb, var(--mscv-accent) 24%, transparent));
  --mscv-muted: var(--mscv-muted, var(--wd-text-color, var(--e-global-color-text, #4b5563)));
  --mscv-heading: var(--mscv-heading, var(--wd-title-color, var(--e-global-color-primary, #1f2937)));
  --mscv-surface: var(--mscv-surface, var(--wd-form-bg, var(--e-global-color-background, #fff)));
  --mscv-watch-bg: var(--mscv-watch-bg, var(--mscv-accent));
  --mscv-watch-color: var(--mscv-watch-color, var(--mscv-on-accent));
  --mscv-storage-bg: var(--mscv-storage-bg, var(--mscv-accent));
  --mscv-storage-color: var(--mscv-storage-color, var(--mscv-on-accent));
  --mscv-clear-bg: var(--mscv-clear-bg, var(--mscv-soft));
  --mscv-clear-color: var(--mscv-clear-color, var(--mscv-accent));
  --mscv-player-bg: var(--mscv-player-bg, #101014);
  --mscv-player-border: var(--mscv-player-border, transparent);
  --mscv-badge-bg: var(--mscv-badge-bg, var(--mscv-soft));
  --mscv-badge-color: var(--mscv-badge-color, var(--mscv-accent));
  --mscv-available-bg: var(--mscv-available-bg, var(--mscv-soft));
  --mscv-available-color: var(--mscv-available-color, var(--mscv-accent));
}

/* Buttons: enroll/member, watch, browser storage, mobile sticky */
.mscv-course-enroll-button,
.mscv-course-enroll-card .button,
.mscv-course-enroll-card .mscv-btn,
.mscv-mobile-course-button,
.mscv-mobile-course-button.button,
.mscv-btn,
.mscv-product-auto-lessons .preview-button,
.mscv-product-auto-lessons button.preview-button,
.mscv-studiare-lessons .preview-button,
.mscv-studiare-lessons button.preview-button {
  background: var(--mscv-watch-bg, var(--mscv-accent)) !important;
  border-color: var(--mscv-watch-bg, var(--mscv-accent-border)) !important;
  color: var(--mscv-watch-color, var(--mscv-on-accent)) !important;
  box-shadow: 0 10px 24px var(--mscv-shadow-accent) !important;
}
.mscv-course-enroll-button:hover,
.mscv-course-enroll-card .button:hover,
.mscv-course-enroll-card .mscv-btn:hover,
.mscv-mobile-course-button:hover,
.mscv-btn:hover,
.mscv-product-auto-lessons .preview-button:hover,
.mscv-product-auto-lessons button.preview-button:hover,
.mscv-studiare-lessons .preview-button:hover,
.mscv-studiare-lessons button.preview-button:hover {
  background: var(--mscv-accent-hover, var(--mscv-accent)) !important;
  border-color: var(--mscv-accent-hover, var(--mscv-accent)) !important;
  color: var(--mscv-on-accent) !important;
}
.mscv-browser-cache-actions .mscv-offline-btn,
.mscv-browser-cache-actions button.mscv-offline-btn {
  background: var(--mscv-storage-bg, var(--mscv-accent)) !important;
  border-color: var(--mscv-storage-bg, var(--mscv-accent)) !important;
  color: var(--mscv-storage-color, var(--mscv-on-accent)) !important;
  box-shadow: 0 10px 24px var(--mscv-shadow-accent) !important;
}
.mscv-browser-cache-actions .mscv-clear-cache-btn,
.mscv-browser-cache-actions button.mscv-clear-cache-btn,
.mscv-browser-cache-actions .mscv-clear-cache-btn.is-danger {
  background: var(--mscv-clear-bg, var(--mscv-soft)) !important;
  border-color: var(--mscv-border-soft) !important;
  color: var(--mscv-clear-color, var(--mscv-accent)) !important;
  box-shadow: none !important;
}
.mscv-browser-cache-actions .mscv-clear-cache-btn:hover,
.mscv-browser-cache-actions button.mscv-clear-cache-btn:hover {
  background: var(--mscv-accent) !important;
  border-color: var(--mscv-accent) !important;
  color: var(--mscv-on-accent) !important;
}

/* Labels, badges, icons, availability pills */
.mscv-product-auto-lessons .badge-item,
.mscv-studiare-lessons .badge-item,
.mscv-product-auto-lessons .badge-item.free,
.mscv-product-auto-lessons .badge-item.video,
.mscv-product-auto-lessons .badge-item.exam,
.mscv-product-auto-lessons .badge-item.quiz,
.mscv-product-auto-lessons .badge-item.practice,
.mscv-product-auto-lessons .badge-item.attachments,
.mscv-product-auto-lessons .badge-item.sound,
.mscv-studiare-lessons .badge-item.free,
.mscv-studiare-lessons .badge-item.video,
.mscv-studiare-lessons .badge-item.exam,
.mscv-studiare-lessons .badge-item.quiz,
.mscv-studiare-lessons .badge-item.practice,
.mscv-studiare-lessons .badge-item.attachments,
.mscv-studiare-lessons .badge-item.sound {
  background: var(--mscv-badge-bg, var(--mscv-soft)) !important;
  color: var(--mscv-badge-color, var(--mscv-accent)) !important;
  border-color: var(--mscv-border-soft) !important;
}
.mscv-product-auto-lessons .private-lesson,
.mscv-studiare-lessons .private-lesson,
.mscv-product-auto-lessons .course-lesson-icon,
.mscv-studiare-lessons .course-lesson-icon,
.mscv-product-auto-lessons .mscv-section-fallback-icon,
.mscv-info-icon,
.green-lock {
  background: var(--mscv-available-bg, var(--mscv-soft)) !important;
  color: var(--mscv-available-color, var(--mscv-accent)) !important;
  border-color: var(--mscv-border-soft) !important;
}
.mscv-product-auto-lessons .private-lesson i,
.mscv-studiare-lessons .private-lesson i,
.mscv-product-auto-lessons .course-lesson-icon i,
.mscv-studiare-lessons .course-lesson-icon i,
.green-lock i {
  color: var(--mscv-available-color, var(--mscv-accent)) !important;
}

/* Player and content surfaces */
.mscv-video-shell,
.mscv-video-wrap,
.mscv-player-frame {
  background: var(--mscv-player-bg) !important;
  border-color: var(--mscv-player-border) !important;
}
.mscv-video,
.mscv-video video {
  background: var(--mscv-player-bg) !important;
}
.mscv-product-auto-lessons .course-section,
.mscv-course-enroll-card,
.mscv-info-item,
.mscv-related-card,
.mscv-faq-front-item {
  background: var(--mscv-surface) !important;
  border-color: var(--mscv-border-soft) !important;
}
.mscv-product-auto-lessons .title h4,
.mscv-course-page-title,
.mscv-faq-front-item summary,
.mscv-course-enroll-text strong {
  color: var(--mscv-heading) !important;
}
.mscv-course-intro-section .entry-content,
.mscv-info-item,
.mscv-course-enroll-text span,
.mscv-product-auto-lessons .course-section-title-elementory .gheadlinel p {
  color: var(--mscv-muted) !important;
}


/* 3.0.102: theme-mode color inheritance + browser-storage mobile UI fix.
   Fixes red storage/delete buttons and prevents the second button from slipping under the next column/card. */
:root,
body,
body.single-product,
.mscv-player-wrap,
.mscv-course-product,
.mscv-course-tabs-active,
.mscv-product-auto-lessons,
.mscv-studiare-lessons,
.mscv-browser-cache-actions,
.mscv-course-enroll-card,
.mscv-mobile-course-bar,
.mscv-mobile-course-button {
  --mscv-theme-main-color: var(--mscv-theme-btn-bg, var(--btn-accented-bgcolor, var(--btn-default-bgcolor, var(--wd-primary-color, var(--wd-alternative-color, var(--e-global-color-accent, var(--e-global-color-primary, #cc9a79))))));
  --mscv-theme-main-hover: var(--mscv-theme-btn-bg-hover, var(--btn-accented-bgcolor-hover, var(--btn-default-bgcolor-hover, var(--mscv-theme-main-color))));
  --mscv-theme-main-text: var(--mscv-theme-btn-color, var(--btn-accented-color, var(--btn-default-color, #ffffff)));
  --mscv-theme-main-border: var(--mscv-theme-btn-border, var(--btn-accented-brd-color, var(--btn-default-brd-color, var(--mscv-theme-main-color))));

  --mscv-accent: var(--mscv-theme-main-color);
  --mscv-accent-hover: var(--mscv-theme-main-hover);
  --mscv-on-accent: var(--mscv-theme-main-text);
  --mscv-accent-border: var(--mscv-theme-main-border);
  --mscv-soft: color-mix(in srgb, var(--mscv-accent) 13%, #fff);
  --mscv-softer: color-mix(in srgb, var(--mscv-accent) 7%, #fff);
  --mscv-border-soft: color-mix(in srgb, var(--mscv-accent) 26%, transparent);
  --mscv-shadow-accent: color-mix(in srgb, var(--mscv-accent) 24%, transparent);

  --mscv-watch-bg: var(--mscv-accent);
  --mscv-watch-color: var(--mscv-on-accent);
  --mscv-storage-bg: var(--mscv-accent);
  --mscv-storage-color: var(--mscv-on-accent);
  --mscv-clear-bg: var(--mscv-soft);
  --mscv-clear-color: var(--mscv-accent);
  --mscv-badge-bg: var(--mscv-soft);
  --mscv-badge-color: var(--mscv-accent);
  --mscv-available-bg: var(--mscv-soft);
  --mscv-available-color: var(--mscv-accent);
}

/* All action buttons must follow the theme/custom appearance variables. */
.mscv-player-wrap .mscv-btn,
.mscv-player-wrap button.mscv-btn,
.mscv-player-wrap .button.mscv-btn,
.mscv-product-auto-lessons .preview-button,
.mscv-product-auto-lessons button.preview-button,
.mscv-studiare-lessons .preview-button,
.mscv-studiare-lessons button.preview-button,
.mscv-mobile-course-button,
.mscv-mobile-course-button.button,
.mscv-course-enroll-card .button,
.mscv-course-enroll-card .mscv-btn {
  background: var(--mscv-watch-bg, var(--mscv-accent)) !important;
  border-color: var(--mscv-watch-bg, var(--mscv-accent-border)) !important;
  color: var(--mscv-watch-color, var(--mscv-on-accent)) !important;
  box-shadow: 0 10px 24px var(--mscv-shadow-accent) !important;
}

.mscv-player-wrap .mscv-btn:hover,
.mscv-player-wrap button.mscv-btn:hover,
.mscv-product-auto-lessons .preview-button:hover,
.mscv-product-auto-lessons button.preview-button:hover,
.mscv-studiare-lessons .preview-button:hover,
.mscv-studiare-lessons button.preview-button:hover,
.mscv-mobile-course-button:hover,
.mscv-course-enroll-card .button:hover,
.mscv-course-enroll-card .mscv-btn:hover {
  background: var(--mscv-accent-hover, var(--mscv-accent)) !important;
  border-color: var(--mscv-accent-hover, var(--mscv-accent)) !important;
  color: var(--mscv-on-accent) !important;
}

/* Browser-storage block: vertical, contained, no overflow/cropping on mobile. */
.mscv-player-wrap,
.mscv-course-inline-player,
.mscv-product-auto-lessons .mscv-course-inline-player,
.mscv-product-auto-lessons .panel-content,
.mscv-product-auto-lessons .panel-content-inner,
.mscv-studiare-lessons .panel-content,
.mscv-studiare-lessons .panel-content-inner {
  overflow: visible !important;
}

.mscv-player-wrap {
  padding-bottom: 18px !important;
  clear: both !important;
}

.mscv-browser-cache-actions {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: stretch !important;
  justify-items: stretch !important;
  gap: 12px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 16px 0 6px !important;
  padding: 0 0 8px !important;
  clear: both !important;
  position: relative !important;
  z-index: 3 !important;
  overflow: visible !important;
}

.mscv-browser-cache-actions[hidden],
.mscv-browser-cache-actions .mscv-btn[hidden] {
  display: none !important;
}

.mscv-browser-cache-actions .mscv-btn,
.mscv-browser-cache-actions button.mscv-btn,
.mscv-browser-cache-actions .button.mscv-btn {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 54px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 13px 16px !important;
  border-radius: 999px !important;
  border-width: 1px !important;
  border-style: solid !important;
  box-sizing: border-box !important;
  white-space: normal !important;
  line-height: 1.65 !important;
  text-align: center !important;
  text-decoration: none !important;
  float: none !important;
  transform: none !important;
}

.mscv-browser-cache-actions .mscv-offline-btn,
.mscv-browser-cache-actions button.mscv-offline-btn {
  background: var(--mscv-storage-bg, var(--mscv-accent)) !important;
  border-color: var(--mscv-storage-bg, var(--mscv-accent)) !important;
  color: var(--mscv-storage-color, var(--mscv-on-accent)) !important;
  box-shadow: 0 10px 24px var(--mscv-shadow-accent) !important;
}

.mscv-browser-cache-actions .mscv-clear-cache-btn,
.mscv-browser-cache-actions button.mscv-clear-cache-btn,
.mscv-browser-cache-actions .mscv-clear-cache-btn.is-danger {
  background: var(--mscv-clear-bg, var(--mscv-soft)) !important;
  border-color: var(--mscv-border-soft) !important;
  color: var(--mscv-clear-color, var(--mscv-accent)) !important;
  box-shadow: none !important;
}

.mscv-browser-cache-actions .mscv-clear-cache-btn:hover,
.mscv-browser-cache-actions button.mscv-clear-cache-btn:hover {
  background: var(--mscv-accent) !important;
  border-color: var(--mscv-accent) !important;
  color: var(--mscv-on-accent) !important;
}

.mscv-player-wrap .mscv-video-shell {
  margin-bottom: 0 !important;
}

.mscv-product-auto-lessons .panel-content-inner:has(.mscv-player-wrap),
.mscv-studiare-lessons .panel-content-inner:has(.mscv-player-wrap) {
  padding-bottom: 22px !important;
}

@media (min-width: 768px) {
  .mscv-browser-cache-actions {
    max-width: 560px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (max-width: 767px) {
  .mscv-player-wrap {
    margin-bottom: 20px !important;
    padding-bottom: 20px !important;
  }
  .mscv-browser-cache-actions {
    gap: 12px !important;
    margin-top: 14px !important;
    margin-bottom: 12px !important;
    padding-bottom: 12px !important;
  }
  .mscv-browser-cache-actions .mscv-btn,
  .mscv-browser-cache-actions button.mscv-btn,
  .mscv-browser-cache-actions .button.mscv-btn {
    min-height: 56px !important;
    font-size: 14px !important;
  }
  .mscv-product-auto-lessons .panel-content-inner:has(.mscv-player-wrap),
  .mscv-studiare-lessons .panel-content-inner:has(.mscv-player-wrap) {
    padding-bottom: 26px !important;
  }
}


/* 3.0.103: remove the extra fullscreen UI and keep browser-storage buttons inside the player card. */
.mscv-video-shell .mscv-secure-fullscreen-btn {
  display: none !important;
}

body.single-product.mscv-appearance-theme .mscv-player-wrap,
body.mscv-appearance-theme .mscv-player-wrap {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: visible !important;
  clear: both !important;
  margin-bottom: 24px !important;
  padding-bottom: 24px !important;
}

body.single-product.mscv-appearance-theme .mscv-player-wrap .mscv-browser-cache-actions,
body.mscv-appearance-theme .mscv-player-wrap .mscv-browser-cache-actions,
body.single-product .mscv-player-wrap .mscv-browser-cache-actions {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 16px 0 18px !important;
  padding: 0 0 14px !important;
  position: relative !important;
  z-index: 5 !important;
  overflow: visible !important;
  clear: both !important;
  grid-template-columns: none !important;
}

body.single-product.mscv-appearance-theme .mscv-player-wrap .mscv-browser-cache-actions .mscv-btn,
body.mscv-appearance-theme .mscv-player-wrap .mscv-browser-cache-actions .mscv-btn,
body.single-product .mscv-player-wrap .mscv-browser-cache-actions .mscv-btn {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 56px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  float: none !important;
  clear: both !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  white-space: normal !important;
  text-align: center !important;
  border-radius: 999px !important;
  border: 1px solid var(--mscv-theme-main-color, var(--mscv-theme-btn-bg, var(--btn-accented-bgcolor, var(--btn-default-bgcolor, var(--wd-primary-color, var(--wd-alternative-color, var(--e-global-color-accent, var(--e-global-color-primary, #cc9a79))))))) !important;
  background: var(--mscv-theme-main-color, var(--mscv-theme-btn-bg, var(--btn-accented-bgcolor, var(--btn-default-bgcolor, var(--wd-primary-color, var(--wd-alternative-color, var(--e-global-color-accent, var(--e-global-color-primary, #cc9a79))))))) !important;
  color: var(--mscv-theme-main-text, var(--mscv-theme-btn-color, var(--btn-accented-color, var(--btn-default-color, #ffffff)))) !important;
  box-shadow: 0 10px 24px color-mix(in srgb, var(--mscv-theme-main-color, var(--mscv-theme-btn-bg, #cc9a79)) 22%, transparent) !important;
  transform: none !important;
  text-decoration: none !important;
}

body.single-product.mscv-appearance-theme .mscv-player-wrap .mscv-browser-cache-actions .mscv-clear-cache-btn,
body.mscv-appearance-theme .mscv-player-wrap .mscv-browser-cache-actions .mscv-clear-cache-btn,
body.single-product .mscv-player-wrap .mscv-browser-cache-actions .mscv-clear-cache-btn {
  background: color-mix(in srgb, var(--mscv-theme-main-color, var(--mscv-theme-btn-bg, var(--btn-accented-bgcolor, var(--btn-default-bgcolor, var(--wd-primary-color, var(--wd-alternative-color, var(--e-global-color-accent, var(--e-global-color-primary, #cc9a79))))))) 12%, #ffffff) !important;
  color: var(--mscv-theme-main-color, var(--mscv-theme-btn-bg, var(--btn-accented-bgcolor, var(--btn-default-bgcolor, var(--wd-primary-color, var(--wd-alternative-color, var(--e-global-color-accent, var(--e-global-color-primary, #cc9a79))))))) !important;
  border-color: color-mix(in srgb, var(--mscv-theme-main-color, var(--mscv-theme-btn-bg, #cc9a79)) 34%, transparent) !important;
  box-shadow: none !important;
}

body.single-product.mscv-appearance-theme .mscv-player-wrap .mscv-browser-cache-actions .mscv-clear-cache-btn:hover,
body.mscv-appearance-theme .mscv-player-wrap .mscv-browser-cache-actions .mscv-clear-cache-btn:hover,
body.single-product .mscv-player-wrap .mscv-browser-cache-actions .mscv-clear-cache-btn:hover {
  background: var(--mscv-theme-main-color, var(--mscv-theme-btn-bg, var(--btn-accented-bgcolor, var(--btn-default-bgcolor, var(--wd-primary-color, var(--wd-alternative-color, var(--e-global-color-accent, var(--e-global-color-primary, #cc9a79))))))) !important;
  color: var(--mscv-theme-main-text, var(--mscv-theme-btn-color, var(--btn-accented-color, var(--btn-default-color, #ffffff)))) !important;
}

body.single-product .mscv-product-auto-lessons .panel-content,
body.single-product .mscv-product-auto-lessons .panel-content-inner,
body.single-product .mscv-studiare-lessons .panel-content,
body.single-product .mscv-studiare-lessons .panel-content-inner,
body.single-product .mscv-course-inline-player {
  overflow: visible !important;
}

@media (max-width: 767px) {
  body.single-product .mscv-player-wrap .mscv-browser-cache-actions {
    margin-bottom: 22px !important;
    padding-bottom: 18px !important;
  }
  body.single-product .mscv-player-wrap .mscv-browser-cache-actions .mscv-btn {
    min-height: 58px !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
  }
}


/* 3.0.105: restore native HTML5 player appearance.
   No extra fullscreen button, no transparent hotspot, no pseudo fullscreen.
   When wrapper fullscreen is available, the existing native fullscreen icon area is
   routed by JS to fullscreen the wrapper so the watermark remains visible. */
.mscv-video-shell .mscv-secure-fullscreen-btn,
.mscv-video-shell .mscv-native-fullscreen-hotspot {
  display: none !important;
}

html.mscv-secure-fullscreen-active,
body.mscv-secure-fullscreen-active {
  overflow: hidden !important;
  overscroll-behavior: none !important;
}

.mscv-video-shell:fullscreen,
.mscv-video-shell:-webkit-full-screen {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  height: 100dvh !important;
  max-width: none !important;
  max-height: none !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #000 !important;
  box-shadow: none !important;
  overflow: hidden !important;
  z-index: 2147483647 !important;
  aspect-ratio: auto !important;
}

.mscv-video-shell:fullscreen .mscv-stage,
.mscv-video-shell:-webkit-full-screen .mscv-stage {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: #000 !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  aspect-ratio: auto !important;
}

.mscv-video-shell:fullscreen .mscv-video,
.mscv-video-shell:-webkit-full-screen .mscv-video {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  border-radius: 0 !important;
  background: #000 !important;
  object-fit: contain !important;
  object-position: center center !important;
  aspect-ratio: auto !important;
}

.mscv-video-shell:fullscreen .mscv-watermark,
.mscv-video-shell:-webkit-full-screen .mscv-watermark {
  display: block !important;
  opacity: 1 !important;
  z-index: 2147483647 !important;
  max-width: min(72vw, 520px) !important;
}

@media (max-width: 520px) {
  .mscv-video-shell:fullscreen .mscv-watermark,
  .mscv-video-shell:-webkit-full-screen .mscv-watermark {
    max-width: 76vw !important;
    font-size: 11px !important;
  }
}

/* 3.0.109: lightweight playback speed and zoom controls below the native HTML5 player. */
.mscv-playback-tools {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
  width: 100%;
  margin: 12px auto 8px;
  padding: 10px 12px;
  border-radius: 16px;
  background: color-mix(in srgb, var(--mscv-theme-btn-bg, var(--mscv-accent, #7d8f5d)) 8%, #ffffff);
  border: 1px solid color-mix(in srgb, var(--mscv-theme-btn-bg, var(--mscv-accent, #7d8f5d)) 18%, transparent);
  color: var(--mscv-heading, #1f2937);
  font-family: inherit;
  position: relative;
  z-index: 3;
  clear: both;
}

.mscv-playback-tool {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 0;
  font-size: 13px;
  line-height: 1.6;
  color: inherit;
}

.mscv-playback-tool > span {
  white-space: nowrap;
  color: var(--mscv-muted, #4b5563);
}

.mscv-speed-select {
  min-width: 92px;
  max-width: 120px;
  height: 38px;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--mscv-theme-btn-bg, var(--mscv-accent, #7d8f5d)) 30%, transparent);
  background: #fff;
  color: var(--mscv-heading, #1f2937);
  font-family: inherit;
  font-size: 13px;
  box-shadow: none;
}

.mscv-zoom-tool {
  direction: rtl;
}

.mscv-zoom-btn,
.mscv-zoom-value {
  height: 38px;
  min-width: 38px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: inherit;
  font-size: 13px;
  line-height: 1;
  box-sizing: border-box;
}

.mscv-zoom-btn {
  border: 1px solid var(--mscv-theme-btn-border, var(--mscv-theme-btn-bg, var(--mscv-accent, #7d8f5d)));
  background: var(--mscv-theme-btn-bg, var(--mscv-accent, #7d8f5d));
  color: var(--mscv-theme-btn-color, var(--mscv-on-accent, #ffffff));
  cursor: pointer;
  padding: 0 13px;
  box-shadow: none;
  text-decoration: none;
  transition: opacity .15s ease, transform .15s ease;
}

.mscv-zoom-btn:hover {
  background: var(--mscv-theme-btn-bg-hover, var(--mscv-accent-hover, var(--mscv-theme-btn-bg, #6f8053)));
  border-color: var(--mscv-theme-btn-bg-hover, var(--mscv-accent-hover, var(--mscv-theme-btn-bg, #6f8053)));
  color: var(--mscv-theme-btn-color, var(--mscv-on-accent, #ffffff));
  transform: translateY(-1px);
}

.mscv-zoom-btn:disabled {
  opacity: .45;
  cursor: default;
  transform: none;
}

.mscv-zoom-reset {
  min-width: 62px;
}

.mscv-zoom-value {
  padding: 0 10px;
  background: #fff;
  border: 1px solid color-mix(in srgb, var(--mscv-theme-btn-bg, var(--mscv-accent, #7d8f5d)) 25%, transparent);
  color: var(--mscv-heading, #1f2937);
  font-variant-numeric: tabular-nums;
}

.mscv-stage {
  overflow: hidden;
}

.mscv-video {
  transform-origin: center center;
}

.mscv-video.mscv-is-zoomed {
  cursor: grab;
  will-change: transform;
  backface-visibility: hidden;
}

.mscv-video.mscv-is-zoomed:active {
  cursor: grabbing;
}

.mscv-video-shell.mscv-zoom-active {
  overflow: hidden;
}

.mscv-video-shell:fullscreen .mscv-playback-tools,
.mscv-video-shell:-webkit-full-screen .mscv-playback-tools {
  display: none !important;
}

@media (max-width: 767px) {
  .mscv-playback-tools {
    align-items: stretch;
    gap: 8px;
    padding: 10px;
  }
  .mscv-playback-tool {
    width: 100%;
    justify-content: space-between;
  }
  .mscv-speed-select {
    flex: 1 1 auto;
    max-width: none;
  }
  .mscv-zoom-tool {
    justify-content: center;
    flex-wrap: wrap;
  }
  .mscv-zoom-tool > span {
    flex: 0 0 100%;
    text-align: center;
    margin-bottom: 2px;
  }
  .mscv-zoom-btn,
  .mscv-zoom-value {
    min-width: 44px;
    height: 40px;
  }
  .mscv-zoom-reset {
    min-width: 72px;
  }
}

/* 3.0.110: Video.js player with internal playback-rate menu and pinch zoom.
   The old external speed/zoom bar from 3.0.109 is intentionally hidden. */
.mscv-playback-tools {
  display: none !important;
}

.mscv-video-shell .video-js,
.mscv-stage .video-js,
.mscv-videojs-player {
  width: 100% !important;
  height: 100% !important;
  min-height: inherit !important;
  border-radius: inherit !important;
  overflow: hidden !important;
  background: var(--mscv-player-bg, #000) !important;
  font-family: inherit !important;
}

.mscv-video-shell .video-js .vjs-tech,
.mscv-videojs-player .vjs-tech {
  object-fit: contain !important;
  background: #000 !important;
  transform-origin: center center;
  will-change: transform;
  backface-visibility: hidden;
}

.mscv-videojs-player .vjs-control-bar {
  direction: ltr;
  z-index: 50;
}

.mscv-videojs-player .vjs-playback-rate,
.mscv-videojs-player .vjs-playback-rate .vjs-menu,
.mscv-videojs-player .vjs-playback-rate .vjs-menu-content {
  direction: ltr;
}

.mscv-videojs-player .vjs-big-play-button {
  border-color: color-mix(in srgb, var(--mscv-theme-btn-bg, var(--mscv-accent, #7d8f5d)) 60%, #fff) !important;
  background: color-mix(in srgb, var(--mscv-theme-btn-bg, var(--mscv-accent, #7d8f5d)) 70%, #000) !important;
  color: var(--mscv-theme-btn-color, #fff) !important;
}

.mscv-videojs-player .vjs-control-bar,
.mscv-videojs-player .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: rgba(0,0,0,.72) !important;
}

.mscv-videojs-player .vjs-play-progress,
.mscv-videojs-player .vjs-volume-level {
  background-color: var(--mscv-theme-btn-bg, var(--mscv-accent, #7d8f5d)) !important;
}

.mscv-videojs-player .vjs-slider {
  background-color: rgba(255,255,255,.22) !important;
}

.mscv-videojs-player.mscv-vjs-zoom-enabled {
  touch-action: none;
  overscroll-behavior: contain;
}

.mscv-videojs-player.mscv-vjs-zoomed {
  cursor: grab;
}

.mscv-videojs-player.mscv-vjs-zoomed:active {
  cursor: grabbing;
}

.mscv-videojs-player .mscv-watermark {
  z-index: 60 !important;
}

.mscv-videojs-player.vjs-fullscreen,
.mscv-videojs-player:-webkit-full-screen,
.mscv-videojs-player:fullscreen {
  border-radius: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  height: 100dvh !important;
}

.mscv-videojs-player.vjs-fullscreen .mscv-watermark,
.mscv-videojs-player:-webkit-full-screen .mscv-watermark,
.mscv-videojs-player:fullscreen .mscv-watermark {
  display: block !important;
  opacity: 1 !important;
  z-index: 2147483647 !important;
  max-width: min(72vw, 520px) !important;
}

@media (max-width: 520px) {
  .mscv-videojs-player.vjs-fullscreen .mscv-watermark,
  .mscv-videojs-player:-webkit-full-screen .mscv-watermark,
  .mscv-videojs-player:fullscreen .mscv-watermark {
    max-width: 76vw !important;
    font-size: 11px !important;
  }
}
