/*!
Theme Name: trama
Theme URI: https://www.thedigitaldepartment.ie/
Author: The Digital Department
Author URI: https://www.thedigitaldepartment.ie/
Description: The Digital Department is a full-service digital agency based in Cork and for 13 years has, specialised in high-performance website design, eCommerce development, and lead generation for home service and B2B businesses.
Version: 2.0.0
*/

body {
  margin: 0 !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
ul,
p {
  margin-top: 0 !important;
}

.paragrapgh p:last-child {
  margin-bottom: 0 !important;
}

.colored-span {
  color: var(--e-global-color-accent) !important;
}

.four-hundred {
  font-weight: 400 !important;
}

.five-hundred {
  font-weight: 500 !important;
}

.six-hundred {
  font-weight: 600 !important;
}

.seven-hundred {
  font-weight: 700 !important;
}

.italic {
  font-style: italic !important;
}

.uppercase {
  text-transform: uppercase !important;
}

.quote p {
  position: relative;
  margin: 0 10px;
  padding: 0 45px;
}

.quote p::before {
  content: "";
  position: absolute;
  width: clamp(18px, calc(18px + 17 * ((100vw - 320px) / 1600)), 35px);
  height: clamp(17px, calc(17px + 15 * ((100vw - 320px) / 1600)), 32px);
  background-size: contain;
  background-repeat: no-repeat;
}

.quote p::before {
  background-image: url("/wp-content/uploads/2026/07/unnamed-file.png");
  left: -10px;
  top: -12px;
}



.quote-start,
.quote-end {
  white-space: nowrap;
}

.quote-start::before,
.quote-end::after {
  content: "";
  display: inline-block;
  width: clamp(18px, calc(18px + 17 * ((100vw - 320px) / 1600)), 35px);
  height: clamp(17px, calc(17px + 15 * ((100vw - 320px) / 1600)), 32px);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

/* Opening quotation mark */
.quote-start::before {
  background-image: url("/wp-content/uploads/2026/07/unnamed-file.png");
  margin-right: 15px;
  vertical-align: top;
  transform: translateY(-8px);
}

/* Closing quotation mark */
.quote-end::after {
  background-image: url("/wp-content/uploads/2026/08/2.png");
  margin-left: 15px;
  vertical-align: bottom;
  transform: translateY(8px);
}


.para-italic {
  font-size: var(--e-global-typography-39832f7-font-size);
  line-height: var(--e-global-typography-39832f7-line-height);
  color: var(--e-global-color-accent);
  font-style: italic;
}

.half-divide {
  position: relative;
}

.half-divide::after {
  content: "";
  position: absolute;
  right: 0px;
  top: 0%;
  width: 1px;
  height: 10.9vw;
  background-color: #c8794133;
}

input#form-field-field_0b24138 {
  visibility: hidden;
  position: relative;
}

input#form-field-field_0b24138::after {
  content: "";
  background-image: url(/wp-content/uploads/2026/07/Vector.svg);
  width: 100%;
  height: 16px;
  display: block;
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: 1;
  visibility: visible;
}

.postid-35819 .learndash-wrapper .ld-tabs {
  margin: 0;
}

label[for="form-field-field_0b24138"] {
  font-size: var(--e-global-typography-text-font-size) !important;
}

label[for="form-field-field_0b24138"] a {
  color: var(--e-global-color-accent);
}

.ul-li-des li::marker {
  color: var(--e-global-color-accent);
}

.ul-li-des li:not(:last-child) {
  margin-block-end: 8px;
}

.sign-in-btn .elementor-button-content-wrapper {
  display: flex;
  justify-content: space-between;
}

.ld-login-modal-branding {
  display: none;
}

.ld-modal.ld-login-modal.ld-can-register {
  flex-wrap: wrap;
  background-color: transparent;
  gap: 40px;
}

.ld-login-modal-login,
.ld-login-modal-register {
  flex-basis: 100% !important;
}

.learndash-wrapper .ld-login-modal .ld-login-modal-login,
.learndash-wrapper .ld-login-modal .ld-login-modal-register {
  background: black !important;
  border: 1px solid #CA964F;
  border-radius: 10px;
}

.elementor-widget-text-editor .learndash-wrapper .ld-login-modal-form label[for="user_login"],
.elementor-widget-text-editor .learndash-wrapper .ld-login-modal-form label[for="user_pass"],
.elementor-widget-text-editor .learndash-wrapper .ld-login-modal-form .login-remember label,
.elementor-widget-text-editor .learndash-wrapper div#ld-user-register label[for="user_reg_login"],
.elementor-widget-text-editor .learndash-wrapper div#ld-user-register label[for="user_reg_email"] {
  font-family: Arial;
  font-weight: 400;
  font-style: Regular;
  font-size: clamp(16px, calc(16px + 2 * ((100vw - 320px) / 1600)), 18px);
  line-height: 1.1;
  color: #BEB4A6;
  text-align: left;
  text-transform: uppercase;
}

.elementor-widget-text-editor .learndash-wrapper .ld-login-modal .ld-login-modal-register input#user_reg_login,
.elementor-widget-text-editor .learndash-wrapper .ld-login-modal .ld-login-modal-register input#user_reg_email {
  margin-top: 10px;
}

.learndash-wrapper .ld-login-modal-form input#user_login,
.learndash-wrapper .ld-login-modal-form input#user_pass,
.elementor-widget-text-editor .learndash-wrapper .ld-login-modal .ld-login-modal-register input#user_reg_login,
.elementor-widget-text-editor .learndash-wrapper .ld-login-modal .ld-login-modal-register input#user_reg_email {
  background: transparent;
  border: 1px solid #2a2a2a;
  padding: 27px 35px;
}

.learndash-wrapper .ld-login-modal-form input#wp-submit,
.elementor-widget-text-editor .learndash-wrapper a.ld-button.ld-button-reverse.ld-js-register-account,
.elementor-widget-text-editor .learndash-wrapper .ld-login-modal .ld-login-modal-register input#wp-submit {
  width: 100%;
  background-color: #CA964F;
  border-radius: 3px;
  font-weight: 400;
  font-size: clamp(16px, calc(16px + 2 * ((100vw - 320px) / 1600)), 18px);
  line-height: 1.1;
  padding: 22px 19px;
  margin: 1em auto;
  color: #fff;
  max-width: 100%;
  border: none;
}

.elementor-widget-text-editor .learndash-wrapper .ld-login-modal .ld-login-modal-register p.submit,
.elementor-widget-text-editor .learndash-wrapper .ld-login-modal .ld-login-modal-register input#wp-submit {
  margin-bottom: 0;
}

.ld-login-modal-form a.ld-forgot-password-link {
  color: #BEB4A6 !important;
}

.learndash-wrapper .ld-login-modal-form input#wp-submit:hover,
.elementor-widget-text-editor .learndash-wrapper a.ld-button.ld-button-reverse.ld-js-register-account:hover {
  color: #BEB4A6;
  background-color: #CA964F;
}

.elementor-widget-text-editor .ld-login-modal-form,
.elementor-widget-text-editor div#ld-user-register {
  margin-bottom: 0 !important;
}

.elementor-widget-text-editor .learndash-wrapper .ld-login-modal .ld-login-modal-form .login-username:before,
.elementor-widget-text-editor .learndash-wrapper .ld-login-modal .ld-login-modal-form .login-password:before {
  top: 50%;
  transform: translateY(-50%);
}

.elementor-widget-text-editor .learndash-wrapper .ld-modal-heading {
  font-family: var(--e-global-typography-4763558-font-family), Sans-serif;
  color: #BEB4A6 !important;
  margin-top: 0 !important;
}

.elementor-widget-text-editor .learndash-wrapper .ld-login-modal .ld-login-modal-wrapper {
  max-width: 100%;
  min-width: 100%;
  padding: max(20px, 3.1vw) max(10px, 4.1vw);
}

/* =====================================================
   LEARNDASH DARK DASHBOARD
   Elementor page ID: 47125
   Box background: #0E1416
===================================================== */

.elementor-47125 .learndash-wrapper {
  --tri-box-background: #0e1416;
  --tri-border: rgba(202, 150, 79, 0.28);
  --tri-border-hover: rgba(202, 150, 79, 0.65);
  --tri-accent: var(--e-global-color-accent, #ca964f);
  --tri-heading: var(--e-global-color-primary, #f0e6d3);
  --tri-text: var(--e-global-color-text, #beb4a6);
  --tri-dark: var(--e-global-color-secondary, #03090b);

  width: 100%;
  color: var(--tri-text);
  font-family: var(--e-global-typography-text-font-family,
      Arial);
  font-size: var(--e-global-typography-text-font-size,
      20px);
  line-height: var(--e-global-typography-text-line-height,
      1.4);
}

/* Remove unwanted default backgrounds */
.elementor-47125 .learndash-wrapper *,
.elementor-47125 .learndash-wrapper *::before,
.elementor-47125 .learndash-wrapper *::after {
  box-sizing: border-box;
}

/* =====================================================
   PROFILE SUMMARY
===================================================== */

.elementor-47125 .ld-profile-summary {
  display: grid !important;
  grid-template-columns: minmax(220px, 0.8fr) minmax(0, 2fr);
  gap: clamp(30px, 4vw, 65px);
  align-items: center;

  margin: 0 0 clamp(30px, 4vw, 55px) !important;
  padding: clamp(28px, 4vw, 55px) !important;

  background: var(--tri-box-background) !important;
  border: 1px solid var(--tri-border);
  border-radius: 10px;
  box-shadow: none !important;
}

/* Profile card */
.elementor-47125 .ld-profile-card {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
  text-align: center;
}

/* Avatar */
.elementor-47125 .ld-profile-avatar {
  width: 130px !important;
  height: 130px !important;
  margin: 0 auto 22px !important;
  padding: 4px;

  background: transparent !important;
  border: 2px solid var(--tri-accent);
  border-radius: 50%;
  overflow: hidden;
}

.elementor-47125 .ld-profile-avatar img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;

  border: 0 !important;
  border-radius: 50% !important;
  object-fit: cover;
}

/* Profile name */
.elementor-47125 .ld-profile-heading {
  margin: 0 0 12px !important;

  color: var(--tri-heading) !important;
  font-family: var(--e-global-typography-secondary-font-family,
      Georgia) !important;
  font-size: clamp(25px, 2.2vw, 34px) !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
  text-transform: none !important;
}

/* Edit profile */
.elementor-47125 .ld-profile-edit-link {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;

  color: var(--tri-accent) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.3;
  letter-spacing: 0.04em;
  text-decoration: none !important;
  text-transform: uppercase;
}

.elementor-47125 .ld-profile-edit-link::after {
  content: "→";
  font-size: 19px;
  line-height: 1;
  transition: transform 0.25s ease;
}

.elementor-47125 .ld-profile-edit-link:hover::after {
  transform: translateX(5px);
}

/* =====================================================
   PROFILE STATISTICS
===================================================== */

.elementor-47125 .ld-profile-stats {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;

  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
}

/* Individual statistic */
.elementor-47125 .ld-profile-stat {
  display: flex !important;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;

  min-height: 125px;
  margin: 0 !important;
  padding: 24px !important;

  background: rgba(3, 9, 11, 0.48) !important;
  border: 1px solid var(--tri-border) !important;
  border-radius: 8px;
  text-align: left !important;

  transition:
    border-color 0.25s ease,
    transform 0.25s ease;
}

.elementor-47125 .ld-profile-stat:hover {
  border-color: var(--tri-border-hover) !important;
  transform: translateY(-3px);
}

.elementor-47125 .ld-profile-stat strong {
  margin: 0 0 5px !important;

  color: var(--tri-accent) !important;
  font-family: Georgia, serif !important;
  font-size: clamp(34px, 3vw, 48px) !important;
  font-weight: 400 !important;
  line-height: 1 !important;
}

.elementor-47125 .ld-profile-stat span {
  color: var(--tri-text) !important;
  font-family: Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: 0.08em;
  line-height: 1.3;
  text-transform: uppercase;
}

/* Remove LearnDash statistic dividers */
.elementor-47125 .ld-profile-stat::before,
.elementor-47125 .ld-profile-stat::after {
  display: none !important;
}

/* =====================================================
   COURSE LIST CONTAINER
===================================================== */

.elementor-47125 .ld-course-list {
  margin: 0 !important;
  padding: clamp(28px, 4vw, 50px) !important;

  background: var(--tri-box-background) !important;
  border: 1px solid var(--tri-border);
  border-radius: 10px;
}

/* Course section heading */
.elementor-47125 .ld-section-heading {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 20px;

  margin: 0 0 30px !important;
  padding: 0 0 20px !important;

  border-bottom: 1px solid var(--tri-border);
}

.elementor-47125 .ld-section-heading h3 {
  margin: 0 !important;

  color: var(--tri-accent) !important;
  font-family: var(--e-global-typography-secondary-font-family,
      Georgia) !important;
  font-size: clamp(18px, calc(18px + 11 * ((100vw - 320px) / 1600)), 29px) !important;
  font-weight: 400 !important;
  letter-spacing: 0.08em;
  line-height: 1.25 !important;
  text-transform: uppercase;
}

/* =====================================================
   COURSE CARDS
===================================================== */

.elementor-47125 .ld-item-list-items {
  display: grid;
  gap: 18px;
}

.elementor-47125 .ld-item-list-item {
  margin: 0 !important;

  background: rgba(3, 9, 11, 0.52) !important;
  border: 1px solid var(--tri-border) !important;
  border-radius: 8px !important;
  overflow: hidden;

  transition:
    border-color 0.25s ease,
    background-color 0.25s ease;
}

.elementor-47125 .ld-item-list-item:hover {
  background: rgba(3, 9, 11, 0.8) !important;
  border-color: var(--tri-border-hover) !important;
}

/* Course preview */
.elementor-47125 .ld-item-list-item-preview {
  display: flex !important;
  align-items: center;
  gap: 20px;

  padding: 24px 26px !important;
  background: transparent !important;
}

/* Course link */
.elementor-47125 .ld-item-name {
  display: flex !important;
  align-items: center;
  gap: 16px;

  color: var(--tri-heading) !important;
  text-decoration: none !important;
}

/* Course title */
.elementor-47125 .ld-course-title {
  color: var(--tri-heading) !important;
  font-family: Georgia, serif !important;
  font-size: clamp(18px, 1.7vw, 22px) !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  transition: color 0.25s ease;
}

.elementor-47125 .ld-item-name:hover .ld-course-title {
  color: var(--tri-accent) !important;
}

/* Course status circle */
.elementor-47125 .ld-status-icon {
  flex: 0 0 19px;
  width: 19px !important;
  height: 19px !important;
  flex-basis: 19px !important;
  margin: 0 !important;

  background: transparent !important;
  border: 2px solid var(--tri-accent) !important;
  border-radius: 50% !important;
}

.elementor-47125 .learndash-complete .ld-status-icon {
  background: var(--tri-accent) !important;
}

.elementor-47125 .ld-item-list-actions .ld-expand-button {
  background-color: var(--tri-accent) !important;
}

.elementor-47125 .ld-item-list-actions .ld-expand-button:hover,
.elementor-47125 .ld-item-list-actions .ld-expand-button:focus {
  background-color: var(--tri-accent) !important;
  color: var(--tri-box-background) !important;
}

.elementor-47125 .learndash-wrapper #ld-profile button.ld-icon-search.ld-icon {
  color: var(--tri-accent);
}

.elementor-47125 .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-details .ld-expand-button {
  background-color: transparent;
  color: var(--tri-accent) !important;
}

.elementor-47125 .learndash-wrapper .ld-expand-button {
  outline: 2px solid var(--tri-accent) !important;
}

/* =====================================================
   EXPANDED COURSE PROGRESS
===================================================== */

.elementor-47125 .ld-item-list-item-expanded {
  background: rgba(14, 20, 22, 0.92) !important;
  border-top: 1px solid var(--tri-border) !important;
}

.elementor-47125 .ld-progress {
  background: transparent !important;
}

.elementor-47125 .ld-progress-heading {
  margin: 0 0 14px !important;
}

.elementor-47125 .ld-progress-label,
.elementor-47125 .ld-progress-percentage,
.elementor-47125 .ld-progress-steps {
  color: var(--tri-text) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
}

.elementor-47125 .ld-progress-percentage {
  color: var(--tri-accent) !important;
}

/* Progress bar */
.elementor-47125 .ld-progress-bar {
  height: 7px !important;
  margin: 14px 0 0 !important;

  background: rgba(190, 180, 166, 0.18) !important;
  border-radius: 20px !important;
  overflow: hidden;
}

.elementor-47125 .ld-progress-bar-percentage {
  height: 100% !important;
  background: var(--tri-accent) !important;
  border-radius: 20px !important;
}

.elementor-47125 .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-expanded:before {
  background: var(--tri-accent) !important;
}

/* =====================================================
   COURSE SEARCH
===================================================== */

.elementor-47125 .ld-item-search-wrapper {
  padding: 28px !important;

  background: var(--tri-dark) !important;
  border: 1px solid var(--tri-border) !important;
  border-radius: 8px;
}

.elementor-47125 .ld-item-search-heading {
  color: var(--tri-heading) !important;
  font-family: Georgia, serif !important;
  font-size: 25px !important;
  font-weight: 400 !important;
}

.elementor-47125 .ld-item-search label {
  color: var(--tri-text) !important;
  font-size: 14px !important;
}

/* Input */
.elementor-47125 .ld-item-search input[type="text"] {
  min-height: 48px;
  padding: 10px 15px !important;

  color: var(--tri-heading) !important;
  background: var(--tri-box-background) !important;
  border: 1px solid var(--tri-border) !important;
  border-radius: 4px !important;
  outline: none;
}

.elementor-47125 .ld-item-search input[type="text"]:focus {
  border-color: var(--tri-accent) !important;
}

/* Search submit */
.elementor-47125 .ld-item-search input[type="submit"] {
  min-height: 48px;
  padding: 10px 24px !important;

  color: var(--tri-dark) !important;
  background: var(--tri-accent) !important;
  border: 1px solid var(--tri-accent) !important;
  border-radius: 4px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  cursor: pointer;
}

/* Close search button */
.elementor-47125 .ld-item-search .ld-closer {
  color: var(--tri-accent) !important;
  background: transparent !important;
}

.elementor-47125 .learndash-wrapper .ld-item-list .ld-item-search .ld-item-search-wrapper:before {
  content: none;
}

.elementor-post__card .elementor-post__read-more {
  background-color: #CA964F;
  color: #fff !important;
  padding: 15px;
  border-radius: 5px;
}

a[href*="/cart"] {
  display: none !important;
}

/* Reset password card */
.woocommerce form.woocommerce-ResetPassword {
  width: 100%;
  max-width: 1056px;
  margin: 5.2vw auto;
  padding: clamp(35px, 7vw, 80px);
  background: #03090b;
  border: 1px solid #ca964f;
  border-radius: 10px;
  box-sizing: border-box;
}

/* Hide introductory paragraph */
.woocommerce form.woocommerce-ResetPassword>p:first-child {
  display: none;
}

/* Remove WooCommerce default row styling */
.woocommerce form.woocommerce-ResetPassword .form-row {
  float: none;
  width: 100%;
  margin: 0;
  padding: 0;
}

/* Input field label */
.woocommerce form.woocommerce-ResetPassword label {
  display: block;
  margin: 0 0 18px;
  color: #beb4a6;
  font-family: Arial, sans-serif;
  font-size: clamp(13px,
      calc(13px + 3 * ((100vw - 320px) / 1600)),
      16px);
  font-weight: 400;
  line-height: 1.4;
  text-transform: uppercase;
}

/* Required symbol */
.woocommerce form.woocommerce-ResetPassword label .required {
  color: #ca964f;
}

/* Username/email input */
.woocommerce form.woocommerce-ResetPassword input[type="text"] {
  display: block;
  width: 100%;
  height: clamp(60px, 5vw, 80px);
  margin: 0 0 30px;
  padding: 15px 65px 15px 18px;
  color: #f0e6d3;
  background-color: transparent;

  /* Gold user icon */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23CA964F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3Cpath d='M5 21v-2a7 7 0 0 1 14 0v2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 20px center;
  background-size: 22px;

  border: 1px solid #293033;
  border-radius: 5px;
  box-shadow: none;
  outline: none;
  box-sizing: border-box;

  font-family: Arial, sans-serif;
  font-size: clamp(13px,
      calc(13px + 3 * ((100vw - 320px) / 1600)),
      16px);

  transition:
    border-color 0.25s ease,
    box-shadow 0.25s ease;
}

/* Input placeholder */
.woocommerce form.woocommerce-ResetPassword input[type="text"]::placeholder {
  color: #858585;
  opacity: 1;
}

/* Input focus */
.woocommerce form.woocommerce-ResetPassword input[type="text"]:focus {
  border-color: #ca964f;
  box-shadow: 0 0 0 2px rgba(202, 150, 79, 0.15);
}

/* Reset button */
.woocommerce form.woocommerce-ResetPassword button[type="submit"] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;

  width: 100%;
  min-height: clamp(60px, 5vw, 82px);
  margin: 0;
  padding: 15px 25px;

  color: #ffffff;
  background: #ca964f;
  border: 1px solid #ca964f;
  border-radius: 4px;

  font-family: Arial, sans-serif;
  font-size: clamp(13px,
      calc(13px + 3 * ((100vw - 320px) / 1600)),
      16px);
  font-weight: 400;
  line-height: 1.2;
  text-transform: uppercase;

  cursor: pointer;
  transition: all 0.25s ease;
}

/* Arrow after button text */
.woocommerce form.woocommerce-ResetPassword button[type="submit"]::after {
  content: "→";
  font-size: 24px;
  line-height: 1;
}

/* Button hover */
.woocommerce form.woocommerce-ResetPassword button[type="submit"]:hover,
.woocommerce form.woocommerce-ResetPassword button[type="submit"]:focus {
  color: #ca964f;
  background: transparent;
  border-color: #ca964f;
}

/* Remove unnecessary clearing space */
.woocommerce form.woocommerce-ResetPassword .clear {
  display: none;
}

/* Login and registration wrapper */
.woocommerce #customer_login {
  /* display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr)); */
  gap: clamp(20px, 3vw, 40px);
  width: 100%;
  max-width: 1400px;
  margin: 40px auto;
}

/* Reset WooCommerce column widths */
.woocommerce #customer_login .u-column1,
.woocommerce #customer_login .u-column2 {
  float: none !important;
  width: 100% !important;
  margin: 0;
  padding: clamp(20px, 5vw, 65px);
  background: #03090b;
  border: 1px solid #ca964f;
  border-radius: 10px;
  box-sizing: border-box;
  margin-bottom: 30px;
}

/* Login and Register headings */
.woocommerce #customer_login h2 {
  margin: 0 0 clamp(30px, 4vw, 50px);
  color: #f0e6d3;
  font-family: Georgia, serif;
  font-size: clamp(26px, 2.5vw, 40px);
  font-weight: 400;
  line-height: 1.2;
  text-align: center;
}

/* Remove default WooCommerce form styles */
.woocommerce #customer_login form.login,
.woocommerce #customer_login form.register {
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
}

/* Form rows */
.woocommerce #customer_login .form-row {
  float: none;
  width: 100%;
  margin: 0 0 28px;
  padding: 0;
}

/* Labels */
.woocommerce #customer_login .form-row label {
  display: block;
  margin: 0 0 16px;
  color: #beb4a6;
  font-family: Arial, sans-serif;
  font-size: clamp(13px,
      calc(13px + 3 * ((100vw - 320px) / 1600)),
      16px);
  font-weight: 400;
  line-height: 1.4;
  text-transform: uppercase;
}

/* Required symbol */
.woocommerce #customer_login .required {
  color: #ca964f;
}

/* All text fields */
.woocommerce #customer_login input[type="text"],
.woocommerce #customer_login input[type="email"],
.woocommerce #customer_login input[type="password"] {
  display: block;
  width: 100%;
  height: clamp(60px, 5vw, 80px);
  margin: 0;
  padding: 15px 60px 15px 18px;
  color: #f0e6d3;
  background-color: transparent;
  border: 1px solid #293033;
  border-radius: 5px;
  box-shadow: none;
  outline: none;
  box-sizing: border-box;
  font-family: Arial, sans-serif;
  font-size: clamp(13px,
      calc(13px + 3 * ((100vw - 320px) / 1600)),
      16px);
  transition:
    border-color 0.25s ease,
    box-shadow 0.25s ease;
}

/* Username and email icons */
.woocommerce #customer_login #username,
.woocommerce #customer_login #reg_email {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23CA964F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3Cpath d='M5 21v-2a7 7 0 0 1 14 0v2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 20px center;
  background-size: 22px;
}

/* Input focus */
.woocommerce #customer_login input[type="text"]:focus,
.woocommerce #customer_login input[type="email"]:focus,
.woocommerce #customer_login input[type="password"]:focus {
  border-color: #ca964f;
  box-shadow: 0 0 0 2px rgba(202, 150, 79, 0.15);
}

/* Placeholder */
.woocommerce #customer_login input::placeholder {
  color: #858585;
  opacity: 1;
}

/* Password input wrapper */
.woocommerce #customer_login .password-input {
  display: block;
  width: 100%;
}

/* Password visibility button */
.woocommerce #customer_login .show-password-input {
  top: 50%;
  right: 20px;
  width: 24px;
  height: 24px;
  padding: 0;
  color: #ca964f;
  /* background: transparent !important; */
  border: 0 !important;
  transform: translateY(-50%);
}

/* Remember-me and submit row */
.woocommerce #customer_login .woocommerce-form-login>.form-row:not(.form-row-wide) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

/* Remember-me label */
.woocommerce #customer_login .woocommerce-form-login__rememberme {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 22px;
  color: #beb4a6;
  text-transform: none;
  cursor: pointer;
}

/* Checkbox */
.woocommerce #customer_login input[type="checkbox"] {
  width: 18px;
  height: 18px;
  margin: 0;
  accent-color: #ca964f;
}

/* Login and Register buttons */
.woocommerce #customer_login .woocommerce-form-login__submit,
.woocommerce #customer_login .woocommerce-form-register__submit {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  width: 100%;
  min-height: clamp(60px, 5vw, 80px);
  margin: 0;
  padding: 15px 25px;
  color: #ffffff;
  background: #ca964f;
  border: 1px solid #ca964f;
  border-radius: 4px;
  box-sizing: border-box;
  font-family: Arial, sans-serif;
  font-size: clamp(13px,
      calc(13px + 3 * ((100vw - 320px) / 1600)),
      16px);
  font-weight: 400;
  line-height: 1.2;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.25s ease;
}

/* Button arrows */
.woocommerce #customer_login .woocommerce-form-login__submit::after,
.woocommerce #customer_login .woocommerce-form-register__submit::after {
  content: "→";
  font-size: 23px;
  line-height: 1;
}

/* Button hover */
.woocommerce #customer_login .woocommerce-form-login__submit:hover,
.woocommerce #customer_login .woocommerce-form-login__submit:focus,
.woocommerce #customer_login .woocommerce-form-register__submit:hover,
.woocommerce #customer_login .woocommerce-form-register__submit:focus {
  color: #ca964f;
  background: transparent;
  border-color: #ca964f;
}

/* Registration information */
.woocommerce #customer_login form.register>p:not(.form-row),
.woocommerce #customer_login .woocommerce-privacy-policy-text {
  margin: 0 0 25px;
  color: #beb4a6;
  font-family: Arial, sans-serif;
  font-size: clamp(13px,
      calc(13px + 3 * ((100vw - 320px) / 1600)),
      16px);
  line-height: 1.6;
}

/* Lost password link */
.woocommerce #customer_login .lost_password {
  margin: 20px 0 0;
  text-align: center;
}

.woocommerce #customer_login .lost_password a {
  color: #ca964f;
  font-family: Arial, sans-serif;
  font-size: clamp(13px,
      calc(13px + 3 * ((100vw - 320px) / 1600)),
      16px);
  text-decoration: none;
}

.woocommerce #customer_login .lost_password a:hover {
  color: #f0e6d3;
  text-decoration: underline;
}

/* =========================================================
   LEARNDASH COURSE PROGRESS BAR — COURSE PAGES ONLY
   ========================================================= */

/* Main progress status container */
body.single-sfwd-courses .learndash_post_sfwd-courses .ld-course-status {
  background-color: transparent !important;
  padding: 15px 0;
  margin-bottom: 20px;
  font-family: "Cormorant Garamond",
    var(--e-global-typography-text-font-family),
    serif;
  margin-inline-start: 2vw;
  margin-inline-end: 1.5vw;
}

/* Progress heading */
body.single-sfwd-courses .learndash_post_sfwd-courses .ld-course-status .ld-progress-heading {
  margin-bottom: 12px;
}

/* Progress statistics layout */
body.single-sfwd-courses .learndash_post_sfwd-courses .ld-course-status .ld-progress-stats {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: 10px;
}

/* Completion percentage */
body.single-sfwd-courses .learndash_post_sfwd-courses .ld-course-status .ld-progress-percentage {
  color: var(--e-global-color-accent) !important;
  font-size: var(--e-global-typography-primary-font-size);
  font-weight: var(--e-global-typography-primary-font-weight);
  margin: 0;
}

body.single-sfwd-courses .learndash-wrapper .ld-course-status .ld-status.ld-status-progress {
  background-color: var(--e-global-color-accent);
}

body.single-sfwd-courses .learndash-wrapper .ld-course-status.ld-course-status-enrolled {
  align-items: center;
}

body.single-sfwd-courses .learndash-wrapper .ld-progress .ld-progress-heading {
  line-height: 1.2;
}

/* Last activity text */
body.single-sfwd-courses .learndash_post_sfwd-courses .ld-course-status .ld-progress-steps {
  color: var(--e-global-color-text) !important;
  font-size: 15px;
  font-style: italic;
  opacity: 0.8;
}

/* Progress bar track */
body.single-sfwd-courses .learndash_post_sfwd-courses .ld-course-status .ld-progress-bar {
  position: relative;
  width: 100%;
  height: 12px;
  overflow: hidden;
  background-color: var(--e-global-color-86ed878) !important;
  border: 1px solid rgba(202, 150, 79, 0.3) !important;
  border-radius: 5px;
}

/* Progress bar fill */
body.single-sfwd-courses .learndash_post_sfwd-courses .ld-course-status .ld-progress-bar-percentage {
  height: 100%;
  background-color: var(--e-global-color-accent) !important;
  border-radius: 3px;
  box-shadow: 0 0 8px rgba(202, 150, 79, 0.4);
  transition: width 0.6s ease-in-out;
}

body.single-sfwd-courses .hide-on-course-page {
  display: none !important;
}


/* =========================================================
   LEARNDASH NON-ENROLLED COURSE STATUS BAR
   Individual course pages only
   ========================================================= */

body.single-sfwd-courses .learndash_post_sfwd-courses .ld-course-status.ld-course-status-not-enrolled {
  --status-border: rgba(231, 214, 168, 0.2);
  --status-divider: rgba(231, 214, 168, 0.15);
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  /* width: 100%; */
  margin-bottom: 30px;
  padding: 25px 20px !important;
  overflow: hidden;
  background: transparent !important;
  border: 1px solid var(--e-global-color-94a737f) !important;
  border-radius: 5px;
  box-sizing: border-box;
}

/* Individual columns */
body.single-sfwd-courses .learndash_post_sfwd-courses .ld-course-status-not-enrolled .ld-course-status-segment {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 0;
  padding: 0 20px;

  text-align: center;
  border-right: 1px solid var(--e-global-color-94a737f) !important;
  box-sizing: border-box;
}

/* Remove final divider */
body.single-sfwd-courses .learndash_post_sfwd-courses .ld-course-status-not-enrolled .ld-course-status-segment:last-child {
  border-right: 0 !important;
}

/* Column labels */
body.single-sfwd-courses .learndash_post_sfwd-courses .ld-course-status-not-enrolled .ld-course-status-label {
  margin: 0 0 15px !important;

  color: var(--e-global-color-text) !important;
  font-family:
    var(--e-global-typography-accent-font-family),
    "Cormorant Garamond",
    serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.3;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

/* Column content */
body.single-sfwd-courses .learndash_post_sfwd-courses .ld-course-status-not-enrolled .ld-course-status-content {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 45px;
  height: auto !important;
}

/* Status badge */
body.single-sfwd-courses .learndash_post_sfwd-courses .ld-course-status-not-enrolled .ld-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 16px !important;

  color: var(--e-global-color-text) !important;
  background: transparent !important;
  border: 1px solid var(--e-global-color-text) !important;
  border-radius: 3px !important;
  box-shadow: none !important;

  font-family:
    var(--e-global-typography-accent-font-family),
    Arial,
    sans-serif !important;
  font-size: 13px !important;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 1px;
  text-align: center;
  text-transform: uppercase;
}

/* Course price */
body.single-sfwd-courses .learndash_post_sfwd-courses .ld-course-status-not-enrolled .ld-course-status-price {
  color: var(--e-global-color-primary) !important;
  font-family:
    "Cormorant Garamond",
    var(--e-global-typography-secondary-font-family),
    serif !important;
  font-size: clamp(28px, 2.5vw, 36px) !important;
  font-weight: 600;
  line-height: 1.1 !important;
  overflow-wrap: anywhere;
}

/* Enrolment button */
body.single-sfwd-courses .learndash_post_sfwd-courses .ld-course-status-not-enrolled .btn-join {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 12px 30px !important;
  color: var(--e-global-color-cdfd722) !important;
  background: var(--e-global-color-accent) !important;
  border: 1px solid var(--e-global-color-accent) !important;
  border-radius: 3px !important;
  box-shadow: none !important;
  font-family: "Arial", Sans-serif;
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1.2;
  letter-spacing: 1px;
  text-align: center;
  text-decoration: none !important;
  text-transform: none !important;
  transition:
    color 0.3s ease,
    background-color 0.3s ease,
    border-color 0.3s ease !important;
}

/* Button hover and keyboard focus */
body.single-sfwd-courses .learndash_post_sfwd-courses .ld-course-status-not-enrolled .btn-join:hover,
body.single-sfwd-courses .learndash_post_sfwd-courses .ld-course-status-not-enrolled .btn-join:focus-visible {
  color: var(--e-global-color-accent) !important;
  background: transparent !important;
  border-color: var(--e-global-color-accent) !important;
}

/* Visible keyboard focus */
body.single-sfwd-courses .learndash_post_sfwd-courses .ld-course-status-not-enrolled .btn-join:focus-visible {
  outline: 2px solid var(--e-global-color-accent);
  outline-offset: 3px;
}

/* =========================================================
   LEARNDASH COURSE CONTENT LIST — CREATIVE DARK THEME
   Course pages only
   ========================================================= */
body.single-sfwd-courses .learndash-wrapper .ld-item-list {
  margin: 3em 1.5em;
}

body.single-sfwd-courses .ld-item-list-items {
  --course-accent: var(--e-global-color-accent);
  --course-border: rgba(200, 121, 65, 0.22);
  --course-border-hover: rgba(202, 150, 79, 0.55);
  --course-highlight: rgba(202, 150, 79, 0.10);

  position: relative;
  padding: clamp(15px, 2vw, 25px) !important;
  overflow: hidden;

  background:
    radial-gradient(circle at 100% 0%,
      rgba(202, 150, 79, 0.08),
      transparent 35%),
    linear-gradient(145deg,
      var(--e-global-color-secondary),
      rgba(3, 9, 11, 0.96)) !important;

  border: 1px solid var(--course-border) !important;
  border-radius: 8px;
  box-shadow:
    0 18px 45px rgba(0, 0, 0, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.025);
}

/* Decorative top accent */
body.single-sfwd-courses .ld-item-list-items::before {
  content: "";
  position: absolute;
  top: 0;
  left: 7%;
  width: 86%;
  height: 1px;

  background: linear-gradient(90deg,
      transparent,
      var(--course-accent),
      transparent);

  opacity: 0.7;
}

/* =========================================================
   SECTION HEADINGS
   ========================================================= */

body.single-sfwd-courses .ld-item-list-section-heading {
  position: relative;
  margin: 32px 0 16px !important;
  padding: 16px 22px 16px 28px !important;
  overflow: hidden;

  background:
    linear-gradient(90deg,
      rgba(202, 150, 79, 0.13),
      rgba(202, 150, 79, 0.025)) !important;

  border: 1px solid rgba(202, 150, 79, 0.12) !important;
  border-left: 3px solid var(--course-accent) !important;
  border-radius: 0 6px 6px 0;
}

/* Small decorative diamond */
body.single-sfwd-courses .ld-item-list-section-heading::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 12px;
  width: 7px;
  height: 7px;

  background: var(--course-accent);
  box-shadow: 0 0 10px rgba(202, 150, 79, 0.55);
  transform: translateY(-50%) rotate(45deg);
}

/* Subtle heading light effect */
body.single-sfwd-courses .ld-item-list-section-heading::after {
  content: "";
  position: absolute;
  top: 0;
  right: -60px;
  width: 160px;
  height: 100%;

  background: linear-gradient(90deg,
      transparent,
      rgba(202, 150, 79, 0.06),
      transparent);

  transform: skewX(-20deg);
  pointer-events: none;
}

body.single-sfwd-courses .ld-item-list-section-heading:first-child {
  margin-top: 0 !important;
}

body.single-sfwd-courses .ld-lesson-section-heading {
  position: relative;
  z-index: 1;
  margin: 0 !important;

  color: var(--course-accent) !important;
  font-family:
    "Cormorant Garamond",
    var(--e-global-typography-primary-font-family),
    serif !important;
  font-size: clamp(16px, 1.4vw, 19px) !important;
  font-weight: 600 !important;
  line-height: 1.3;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}

/* =========================================================
   LESSON CARDS
   ========================================================= */

body.single-sfwd-courses .ld-item-lesson-item {
  position: relative;
  margin-bottom: 8px;
  padding: 16px 16px 16px 20px !important;
  overflow: hidden;

  background:
    linear-gradient(90deg,
      rgba(255, 255, 255, 0.018),
      transparent) !important;

  border: 1px solid transparent !important;
  border-bottom-color: var(--course-border) !important;
  border-radius: 5px;

  transition:
    transform 0.3s ease,
    background-color 0.3s ease,
    border-color 0.3s ease,
    box-shadow 0.3s ease;
}

/* Animated left accent */
body.single-sfwd-courses .ld-item-lesson-item::before {
  content: "";
  position: absolute;
  top: 15%;
  bottom: 15%;
  left: 0;
  width: 2px;

  background: var(--course-accent);
  border-radius: 0 2px 2px 0;
  box-shadow: 0 0 10px rgba(202, 150, 79, 0.45);
  opacity: 0;
  transform: scaleY(0.3);

  transition:
    opacity 0.3s ease,
    transform 0.3s ease;
}

body.single-sfwd-courses .ld-item-lesson-item:hover {
  background:
    linear-gradient(90deg,
      rgba(202, 150, 79, 0.12),
      rgba(202, 150, 79, 0.025)) !important;

  border-color: var(--course-border-hover) !important;
  box-shadow:
    0 8px 24px rgba(0, 0, 0, 0.22),
    inset 0 0 18px rgba(202, 150, 79, 0.025);

  transform: translateX(5px);
}

body.single-sfwd-courses .ld-item-lesson-item:hover::before {
  opacity: 1;
  transform: scaleY(1);
}

/* Remove unnecessary final spacing */
body.single-sfwd-courses .ld-item-lesson-item:last-of-type {
  margin-bottom: 0;
}

/* =========================================================
   LESSON LINKS AND TITLES
   ========================================================= */

body.single-sfwd-courses .ld-item-list-items .ld-item-name {
  position: relative;
  z-index: 1;

  display: flex !important;
  align-items: center;
  gap: 15px;
  width: 100%;

  color: var(--e-global-color-text) !important;
  font-family:
    "Cormorant Garamond",
    var(--e-global-typography-text-font-family),
    serif !important;
  font-size: clamp(15px, 1.1vw, 17px) !important;
  font-weight: 500;
  line-height: 1.4;
  text-decoration: none !important;

  transition: color 0.3s ease;
}

body.single-sfwd-courses .ld-item-title {
  flex: 1;
  line-height: 1.4;
  transition:
    color 0.3s ease,
    letter-spacing 0.3s ease;
}

body.single-sfwd-courses .ld-item-name:hover,
body.single-sfwd-courses .ld-item-name:hover .ld-item-title {
  color: var(--course-accent) !important;
}

body.single-sfwd-courses .ld-item-name:focus-visible {
  color: var(--course-accent) !important;
  outline: 1px solid var(--course-accent);
  outline-offset: 5px;
  border-radius: 2px;
}

/* =========================================================
   STATUS ICONS
   ========================================================= */

body.single-sfwd-courses .ld-item-list-items .ld-status-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 20px;

  width: 20px !important;
  height: 20px !important;

  background: transparent !important;
  border: 1px solid var(--course-accent) !important;
  border-radius: 50% !important;
  box-shadow: inset 0 0 0 3px rgba(202, 150, 79, 0.05);

  transition:
    background-color 0.3s ease,
    box-shadow 0.3s ease,
    transform 0.3s ease;
}

/* Incomplete lesson */
body.single-sfwd-courses .ld-item-list-items .ld-status-incomplete {
  background: transparent !important;
}

/* Completed lesson */
body.single-sfwd-courses .ld-item-list-items .ld-status-complete {
  color: var(--e-global-color-secondary) !important;
  background: var(--course-accent) !important;
  border-color: var(--course-accent) !important;
  box-shadow: 0 0 12px rgba(202, 150, 79, 0.35);
}

/* Icon interaction */
body.single-sfwd-courses .ld-item-name:hover .ld-status-icon {
  box-shadow:
    0 0 12px rgba(202, 150, 79, 0.4),
    inset 0 0 0 3px rgba(202, 150, 79, 0.08);

  transform: scale(1.08);
}

/* Locked lesson icon */
body.single-sfwd-courses .ld-item-list-items .ld-status-icon .ld-icon {
  color: inherit !important;
}

/* =========================================================
   PAGINATION
   ========================================================= */

body.single-sfwd-courses .ld-item-list-items .ld-pagination {
  display: flex;
  justify-content: center;
  margin-top: 30px !important;
  padding-top: 25px !important;
  /* border-top: 1px solid var(--course-border) !important; */
}

body.single-sfwd-courses .ld-item-list-items .ld-pages {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 7px;

  color: var(--e-global-color-text) !important;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid var(--course-border);
  border-radius: 6px;

  font-family:
    "Cormorant Garamond",
    var(--e-global-typography-text-font-family),
    serif !important;
  font-size: 16px;
}

/* Pagination links */
body.single-sfwd-courses .ld-item-list-items .ld-pages a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  min-height: 36px;
  padding: 6px;

  color: var(--course-accent) !important;
  background: rgba(202, 150, 79, 0.06);
  border: 1px solid transparent;
  border-radius: 4px;

  text-decoration: none !important;
  transition:
    color 0.3s ease,
    background-color 0.3s ease,
    border-color 0.3s ease,
    transform 0.3s ease;
}

body.single-sfwd-courses .ld-item-list-items .ld-pages a:hover {
  color: var(--e-global-color-secondary) !important;
  background: var(--course-accent);
  border-color: var(--course-accent);
  transform: translateY(-2px);
}

body.single-sfwd-courses .ld-item-list-items .ld-pages a:focus-visible {
  outline: 2px solid var(--course-accent);
  outline-offset: 2px;
}

/* Pagination icons */
body.single-sfwd-courses .ld-item-list-items .ld-pages .ld-icon {
  color: inherit !important;
}

/* Disabled pagination */
body.single-sfwd-courses .ld-item-list-items .ld-pages a.disabled {
  background: transparent;
  opacity: 0.35;
  pointer-events: none;
  cursor: not-allowed;
}

/* Respect reduced-motion preferences */
@media (prefers-reduced-motion: reduce) {

  body.single-sfwd-courses .ld-item-lesson-item,
  body.single-sfwd-courses .ld-item-lesson-item::before,
  body.single-sfwd-courses .ld-item-name,
  body.single-sfwd-courses .ld-status-icon,
  body.single-sfwd-courses .ld-pages a {
    transition: none !important;
    transform: none !important;
  }
}

body.learndash-cpt:is(.single-sfwd-lessons, .single-sfwd-topic) .elementor-widget-html .sectionTitle,
body.learndash-cpt:is(.single-sfwd-lessons, .single-sfwd-topic) .elementor-widget-html h1,
body.learndash-cpt:is(.single-sfwd-lessons, .single-sfwd-topic) #ld-focus-content h1 {
  color: #111b2c;
}

body.learndash-cpt:is(.single-sfwd-lessons, .single-sfwd-topic) .ld-breadcrumbs-segments a {
  color: #551a8b;
}

body.learndash-cpt:is(.single-sfwd-lessons, .single-sfwd-topic) .elementor-widget-html h5 {
  color: #2c86a8;
}


/* =========================================================
   LEARNDASH FOCUS SIDEBAR — REFINED DARK THEME
   ========================================================= */

body.learndash-cpt:is(.single-sfwd-lessons, .single-sfwd-topic) .ld-focus-sidebar {
  --ld-side-bg: #03090b;
  --ld-side-panel: #081012;
  --ld-side-accent: var(--e-global-color-accent, #ca964f);
  --ld-side-heading: #f0e6d3;
  --ld-side-text: var(--e-global-color-text, #beb4a6);
  --ld-side-border: rgba(202, 150, 79, 0.2);

  background:
    radial-gradient(circle at top left,
      rgba(202, 150, 79, 0.11),
      transparent 250px),
    linear-gradient(180deg,
      var(--ld-side-panel),
      var(--ld-side-bg)) !important;

  border-right: 1px solid var(--ld-side-border) !important;
  box-shadow: 10px 0 35px rgba(0, 0, 0, 0.2);
}

/* =========================================================
   COURSE HEADING
   ========================================================= */

body.learndash-cpt:is(.single-sfwd-lessons, .single-sfwd-topic) .ld-focus-sidebar .ld-course-navigation-heading {
  position: relative;
  padding: 18px 55px 18px 22px !important;
  background:
    linear-gradient(135deg,
      rgba(202, 150, 79, 0.14),
      rgba(3, 9, 11, 0.97) 65%) !important;
  border-bottom: 1px solid var(--ld-side-border) !important;
}

/* Decorative line */
body.learndash-cpt:is(.single-sfwd-lessons, .single-sfwd-topic) .ld-focus-sidebar .ld-course-navigation-heading::after {
  content: "";
  position: absolute;
  right: 20px;
  bottom: 0;
  left: 20px;
  height: 1px;

  background: linear-gradient(90deg,
      var(--ld-side-accent),
      rgba(202, 150, 79, 0.15),
      transparent);
}

/* Course title */
body.learndash-cpt:is(.single-sfwd-lessons, .single-sfwd-topic) .ld-focus-sidebar .ld-focus-mode-course-heading-wrapper a {
  display: flex !important;
  align-items: flex-start;
  gap: 12px;

  color: var(--ld-side-heading) !important;
  font-family:
    "Cormorant Garamond",
    var(--e-global-typography-primary-font-family),
    serif !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  letter-spacing: 0.15px;
  text-decoration: none !important;

  transition: color 0.25s ease;
}

body.learndash-cpt:is(.single-sfwd-lessons, .single-sfwd-topic) .ld-focus-sidebar .ld-focus-mode-course-heading-wrapper a:hover {
  color: var(--ld-side-accent) !important;
}

/* Course icon */
body.learndash-cpt:is(.single-sfwd-lessons, .single-sfwd-topic) .ld-focus-sidebar .ld-focus-mode-course-heading-wrapper .ld-icon {
  flex: 0 0 auto;
  margin-top: 3px;

  color: var(--ld-side-accent) !important;
  font-size: 18px;
}

/*
 * Do not style .ld-focus-sidebar-trigger here.
 * This preserves the original LearnDash trigger.
 */

/* =========================================================
   NAVIGATION AREA
   ========================================================= */

body.learndash-cpt:is(.single-sfwd-lessons, .single-sfwd-topic) .ld-focus-sidebar .ld-focus-sidebar-wrapper {
  margin-top: 0px !important;
  background: transparent !important;
  scrollbar-width: thin;
  scrollbar-color:
    var(--ld-side-accent) rgba(255, 255, 255, 0.03);
}

body.learndash-cpt:is(.single-sfwd-lessons, .single-sfwd-topic) .ld-focus-sidebar .ld-focus-sidebar-wrapper::-webkit-scrollbar {
  width: 6px;
}

body.learndash-cpt:is(.single-sfwd-lessons, .single-sfwd-topic) .ld-focus-sidebar .ld-focus-sidebar-wrapper::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.02);
}

body.learndash-cpt:is(.single-sfwd-lessons, .single-sfwd-topic) .ld-focus-sidebar .ld-focus-sidebar-wrapper::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg,
      var(--ld-side-accent),
      rgba(202, 150, 79, 0.35));
  border-radius: 20px;
}

/* Remove LearnDash default backgrounds */
body.learndash-cpt:is(.single-sfwd-lessons, .single-sfwd-topic) .ld-focus-sidebar .ld-course-navigation,
body.learndash-cpt:is(.single-sfwd-lessons, .single-sfwd-topic) .ld-focus-sidebar .ld-course-navigation-list,
body.learndash-cpt:is(.single-sfwd-lessons, .single-sfwd-topic) .ld-focus-sidebar .ld-lesson-navigation,
body.learndash-cpt:is(.single-sfwd-lessons, .single-sfwd-topic) .ld-focus-sidebar .ld-lesson-items {
  background: transparent !important;
}

/* Add space above first lesson */
body.learndash-cpt:is(.single-sfwd-lessons, .single-sfwd-topic) .ld-focus-sidebar .ld-lesson-items>.ld-lesson-item:first-child {
  margin-top: 12px !important;
}

/* =========================================================
   MODULE/PHASE HEADINGS
   ========================================================= */

body.learndash-cpt:is(.single-sfwd-lessons, .single-sfwd-topic) .ld-focus-sidebar .ld-lesson-item-section-heading {
  position: relative;
  margin: 25px 14px 12px !important;
  padding: 14px 14px 14px 24px !important;
  overflow: hidden;

  background:
    linear-gradient(90deg,
      rgba(202, 150, 79, 0.16),
      rgba(202, 150, 79, 0.025)) !important;

  border: 1px solid rgba(202, 150, 79, 0.16) !important;
  border-left: 3px solid var(--ld-side-accent) !important;
  border-radius: 0 6px 6px 0;
  box-shadow: 0 5px 16px rgba(0, 0, 0, 0.12);
}

/* Decorative diamond */
body.learndash-cpt:is(.single-sfwd-lessons, .single-sfwd-topic) .ld-focus-sidebar .ld-lesson-item-section-heading::before {
  content: "";
  position: absolute;
  top: 18px;
  left: 10px;

  width: 6px;
  height: 6px;

  background: var(--ld-side-accent);
  box-shadow: 0 0 8px rgba(202, 150, 79, 0.45);
  transform: rotate(45deg);
}

body.learndash-cpt:is(.single-sfwd-lessons, .single-sfwd-topic) .ld-focus-sidebar .ld-lesson-section-heading {
  display: block;

  color: var(--ld-side-accent) !important;
  font-family:
    "Cormorant Garamond",
    var(--e-global-typography-accent-font-family),
    serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.4;
  letter-spacing: 0.9px;
  text-transform: uppercase;
}

#secondary {
  display: none;
}

body.my-account .entry-header {
  display: none;
}

/* =========================================================
   LESSON ITEMS
   ========================================================= */

body.learndash-cpt:is(.single-sfwd-lessons, .single-sfwd-topic) .ld-focus-sidebar .ld-lesson-item {
  position: relative;
  margin: 5px 10px !important;
  overflow: hidden;

  background: transparent !important;
  border: 1px solid transparent !important;
  border-radius: 6px;

  transition:
    background-color 0.25s ease,
    border-color 0.25s ease,
    box-shadow 0.25s ease,
    transform 0.25s ease;
}

/* Subtle separator */
body.learndash-cpt:is(.single-sfwd-lessons, .single-sfwd-topic) .ld-focus-sidebar .ld-lesson-item:not(.ld-is-current-lesson)::after {
  content: "";
  position: absolute;
  right: 15px;
  bottom: 0;
  left: 45px;
  height: 1px;
  background: rgba(202, 150, 79, 0.09);
}

body.learndash-cpt:is(.single-sfwd-lessons, .single-sfwd-topic) .ld-focus-sidebar .ld-lesson-item-preview {
  padding: 0 !important;
  background: transparent !important;
}

body.learndash-cpt:is(.single-sfwd-lessons, .single-sfwd-topic) .ld-focus-sidebar .ld-lesson-item-preview-heading {
  display: flex !important;
  align-items: center;
  gap: 12px;
  min-height: 52px;
  padding: 12px 14px !important;

  color: var(--ld-side-text) !important;
  background: transparent !important;
  text-decoration: none !important;
}

/* Lesson title */
body.learndash-cpt:is(.single-sfwd-lessons, .single-sfwd-topic) .ld-focus-sidebar .ld-lesson-title {
  flex: 1;

  color: inherit !important;
  font-family:
    "Cormorant Garamond",
    var(--e-global-typography-text-font-family),
    serif !important;
  font-size: 15px !important;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.1px;

  transition: color 0.25s ease;
}

/* Hover */
body.learndash-cpt:is(.single-sfwd-lessons, .single-sfwd-topic) .ld-focus-sidebar .ld-lesson-item:hover {
  background:
    linear-gradient(90deg,
      rgba(202, 150, 79, 0.12),
      rgba(202, 150, 79, 0.025)) !important;

  border-color: rgba(202, 150, 79, 0.24) !important;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.14);
  transform: translateX(2px);
}

body.learndash-cpt:is(.single-sfwd-lessons, .single-sfwd-topic) .ld-focus-sidebar .ld-lesson-item:hover .ld-lesson-title {
  color: var(--ld-side-accent) !important;
}

/* Keyboard focus */
body.learndash-cpt:is(.single-sfwd-lessons, .single-sfwd-topic) .ld-focus-sidebar .ld-lesson-item-preview-heading:focus-visible {
  outline: 1px solid var(--ld-side-accent);
  outline-offset: -3px;
  border-radius: 5px;
}

/* =========================================================
   CURRENT LESSON
   ========================================================= */

body.learndash-cpt:is(.single-sfwd-lessons, .single-sfwd-topic) .ld-focus-sidebar .ld-is-current-lesson {
  background:
    linear-gradient(100deg,
      rgba(202, 150, 79, 0.22),
      rgba(202, 150, 79, 0.055)) !important;

  border-color: rgba(202, 150, 79, 0.45) !important;
  box-shadow:
    0 8px 22px rgba(0, 0, 0, 0.2),
    inset 3px 0 0 var(--ld-side-accent);
}

/* Current lesson accent */
body.learndash-cpt:is(.single-sfwd-lessons, .single-sfwd-topic) .ld-focus-sidebar .ld-is-current-lesson::before {
  content: "";
  position: absolute;
  top: 20%;
  right: 0;
  bottom: 20%;
  width: 1px;

  background: var(--ld-side-accent);
  box-shadow: 0 0 8px rgba(202, 150, 79, 0.65);
}

body.learndash-cpt:is(.single-sfwd-lessons, .single-sfwd-topic) .ld-focus-sidebar .ld-is-current-lesson .ld-lesson-title {
  color: var(--ld-side-heading) !important;
  font-weight: 600;
}

/* =========================================================
   STATUS ICONS
   ========================================================= */

body.learndash-cpt:is(.single-sfwd-lessons, .single-sfwd-topic) .ld-focus-sidebar .ld-status-icon {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  flex: 0 0 19px;

  width: 19px !important;
  height: 19px !important;

  background: transparent !important;
  border: 1px solid var(--ld-side-accent) !important;
  border-radius: 50% !important;
  box-shadow: inset 0 0 0 3px rgba(202, 150, 79, 0.04);

  transition:
    background-color 0.25s ease,
    box-shadow 0.25s ease,
    transform 0.25s ease;
}

/* Incomplete */
body.learndash-cpt:is(.single-sfwd-lessons, .single-sfwd-topic) .ld-focus-sidebar .ld-status-incomplete {
  background: transparent !important;
}

/* Add inner dot to current incomplete lesson */
body.learndash-cpt:is(.single-sfwd-lessons, .single-sfwd-topic) .ld-focus-sidebar .ld-is-current-lesson .ld-status-incomplete::after {
  content: "";
  width: 5px;
  height: 5px;

  background: var(--ld-side-accent);
  border-radius: 50%;
  box-shadow: 0 0 6px rgba(202, 150, 79, 0.65);
}

/* Completed */
body.learndash-cpt:is(.single-sfwd-lessons, .single-sfwd-topic) .ld-focus-sidebar .ld-status-complete {
  color: var(--ld-side-bg) !important;
  background: var(--ld-side-accent) !important;
  border-color: var(--ld-side-accent) !important;
  box-shadow: 0 0 10px rgba(202, 150, 79, 0.35);
}

body.learndash-cpt:is(.single-sfwd-lessons, .single-sfwd-topic) .ld-focus-sidebar .ld-lesson-item:hover .ld-status-icon {
  box-shadow:
    0 0 10px rgba(202, 150, 79, 0.35),
    inset 0 0 0 3px rgba(202, 150, 79, 0.07);

  transform: scale(1.07);
}

/* =========================================================
   NESTED TOPICS
   ========================================================= */

body.learndash-cpt:is(.single-sfwd-lessons, .single-sfwd-topic) .ld-focus-sidebar .ld-topic-list {
  margin: 0 12px 12px 32px !important;
  padding-left: 12px !important;

  border-left: 1px dashed rgba(202, 150, 79, 0.25);
}

body.learndash-cpt:is(.single-sfwd-lessons, .single-sfwd-topic) .ld-focus-sidebar .ld-topic-list a {
  color: rgba(190, 180, 166, 0.82) !important;
  font-family:
    "Cormorant Garamond",
    var(--e-global-typography-text-font-family),
    serif !important;
  line-height: 1.4;

  transition: color 0.25s ease;
}

body.learndash-cpt:is(.single-sfwd-lessons, .single-sfwd-topic) .ld-focus-sidebar .ld-topic-list a:hover {
  color: var(--ld-side-accent) !important;
}

.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-focus-sidebar-trigger .ld-icon {
  background: #CA964F !important;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {

  body.learndash-cpt:is(.single-sfwd-lessons, .single-sfwd-topic) .ld-focus-sidebar *,
  body.learndash-cpt:is(.single-sfwd-lessons, .single-sfwd-topic) .ld-focus-sidebar *::before,
  body.learndash-cpt:is(.single-sfwd-lessons, .single-sfwd-topic) .ld-focus-sidebar *::after {
    transition: none !important;
    transform: none !important;
  }
}

body.learndash-cpt:is(.single-sfwd-lessons, .single-sfwd-topic) .learndash-wrapper .ld-expand-button:focus {
  outline: none;
}

/* =========================================================
   EXPANDABLE LESSONS AND NESTED TOPICS
   ========================================================= */

/* Allow lesson title and expand button to wrap correctly */
body.learndash-cpt .ld-focus-sidebar .ld-lesson-item:has(.ld-expand-button) .ld-lesson-item-preview {
  display: flex !important;
  align-items: center;
  flex-wrap: wrap;
}

/* Keep the lesson title full-width */
body.learndash-cpt .ld-focus-sidebar .ld-lesson-item:has(.ld-expand-button) .ld-lesson-item-preview-heading {
  flex: 1 1 100%;
  min-width: 0;
}

/* =========================================================
   EXPAND/COLLAPSE BUTTON
   ========================================================= */

body.learndash-cpt .ld-focus-sidebar .ld-expand-button {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;

  width: auto !important;
  min-height: 32px;
  margin: 0 12px 12px 45px !important;
  padding: 5px 12px 5px 6px !important;

  color: var(--ld-side-accent) !important;
  background: rgba(202, 150, 79, 0.08) !important;
  border: 1px solid rgba(202, 150, 79, 0.22) !important;
  border-radius: 30px !important;
  box-shadow: none !important;

  font-family:
    "Cormorant Garamond",
    var(--e-global-typography-text-font-family),
    serif !important;

  cursor: pointer;
  transition:
    color 0.25s ease,
    background-color 0.25s ease,
    border-color 0.25s ease;
}

body.learndash-cpt .ld-focus-sidebar .ld-expand-button:hover {
  color: var(--ld-side-heading) !important;
  background: rgba(202, 150, 79, 0.15) !important;
  border-color: rgba(202, 150, 79, 0.48) !important;
}

/* Expand button arrow */
body.learndash-cpt .ld-focus-sidebar .ld-expand-button .ld-icon {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;

  /* width: 23px !important;
    height: 23px !important; */

  color: var(--ld-side-bg) !important;
  background: var(--ld-side-accent) !important;
  border-radius: 50% !important;
  box-shadow: 0 0 8px rgba(202, 150, 79, 0.25);

  font-size: 10px !important;
}

/* Number of topics */
body.learndash-cpt .ld-focus-sidebar .ld-expand-button .ld-expand-text {
  color: inherit !important;
  font-size: 13px !important;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.35px;
}

/* Keyboard focus */
body.learndash-cpt .ld-focus-sidebar .ld-expand-button:focus-visible {
  outline: 2px solid var(--ld-side-accent);
  outline-offset: 2px;
}

/* =========================================================
   EXPANDED TOPIC CONTAINER
   ========================================================= */

body.learndash-cpt .ld-focus-sidebar .ld-lesson-item-expanded {
  margin: 0 12px 14px 44px !important;
  overflow: hidden;

  background:
    linear-gradient(180deg,
      rgba(202, 150, 79, 0.07),
      rgba(255, 255, 255, 0.012)) !important;

  border: 1px solid rgba(202, 150, 79, 0.15) !important;
  border-left: 2px solid var(--ld-side-accent) !important;
  border-radius: 0 6px 6px 0;
}

/* Override earlier topic-list spacing */
body.learndash-cpt .ld-focus-sidebar .ld-topic-list {
  margin: 0 !important;
  padding: 7px !important;

  background: transparent !important;
  border: 0 !important;
}

/* Remove LearnDash default list backgrounds */
body.learndash-cpt .ld-focus-sidebar .ld-table-list,
body.learndash-cpt .ld-focus-sidebar .ld-table-list-items,
body.learndash-cpt .ld-focus-sidebar .ld-table-list-item {
  background: transparent !important;
  border: 0 !important;
}

/* Individual topic */
body.learndash-cpt .ld-focus-sidebar .ld-table-list-item {
  position: relative;
  margin: 3px 0 !important;
  overflow: hidden;

  border-radius: 4px !important;
  transition:
    background-color 0.25s ease,
    transform 0.25s ease;
}

/* Separator between topics */
body.learndash-cpt .ld-focus-sidebar .ld-table-list-item:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 10px;
  bottom: 0;
  left: 34px;
  height: 1px;

  background: rgba(202, 150, 79, 0.1);
}

/* Topic link */
body.learndash-cpt .ld-focus-sidebar .ld-table-list-item-preview {
  display: flex !important;
  align-items: center;
  gap: 10px;

  min-height: 40px;
  padding: 8px 10px !important;

  color: rgba(190, 180, 166, 0.88) !important;
  background: transparent !important;
  text-decoration: none !important;
}

/* Topic title */
body.learndash-cpt .ld-focus-sidebar .ld-topic-title {
  flex: 1;

  color: inherit !important;
  font-family:
    "Cormorant Garamond",
    var(--e-global-typography-text-font-family),
    serif !important;
  font-size: 14px !important;
  font-weight: 500;
  line-height: 1.35;

  transition: color 0.25s ease;
}

/* Topic hover */
body.learndash-cpt .ld-focus-sidebar .ld-table-list-item:hover {
  background: rgba(202, 150, 79, 0.1) !important;
  transform: translateX(2px);
}

body.learndash-cpt .ld-focus-sidebar .ld-table-list-item:hover .ld-topic-title {
  color: var(--ld-side-accent) !important;
}

/* Smaller topic status icon */
body.learndash-cpt .ld-focus-sidebar .ld-topic-list .ld-status-icon {
  flex: 0 0 15px;
  width: 15px !important;
  height: 15px !important;

  border-width: 1px !important;
}

/* Completed topic */
body.learndash-cpt .ld-focus-sidebar .ld-topic-list .ld-status-complete {
  color: var(--ld-side-bg) !important;
  background: var(--ld-side-accent) !important;
  border-color: var(--ld-side-accent) !important;
}

/* Current topic */
body.learndash-cpt .ld-focus-sidebar .ld-topic-row[aria-current="page"],
body.learndash-cpt .ld-focus-sidebar .ld-table-list-item.ld-is-current-item .ld-topic-row {
  color: var(--ld-side-heading) !important;
  background: rgba(202, 150, 79, 0.14) !important;
  box-shadow: inset 2px 0 0 var(--ld-side-accent);
}

body.learndash-cpt:is(.single-sfwd-lessons, .single-sfwd-topic) .ld-focus-header {
  --ld-header-bg: #050b0d;
  --ld-header-panel: #0a1214;
  --ld-header-accent: var(--e-global-color-accent, #ca964f);
  --ld-header-heading: #f0e6d3;
  --ld-header-text: var(--e-global-color-text, #beb4a6);
  --ld-header-border: rgba(202, 150, 79, 0.2);
  background:
    linear-gradient(90deg,
      rgba(202, 150, 79, 0.06),
      transparent 25%),
    var(--ld-header-bg) !important;
  border-bottom: 1px solid var(--ld-header-border) !important;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.22);
}

@media(min-width: 769px) {
  body.single-sfwd-courses .learndash-wrapper .ld-item-list {
    max-width: 85%;
    margin: 3em auto;
  }

  body.learndash-cpt:is(.single-sfwd-lessons, .single-sfwd-topic) .ld-focus-header .ld-brand-logo {
    display: flex;
    align-items: center;
    padding: 10px 18px !important;
    background: rgba(255, 255, 255, 0.015);
    border-right: 1px solid var(--ld-header-border);
  }

  body.learndash-cpt:is(.single-sfwd-lessons, .single-sfwd-topic) .ld-focus-header .ld-brand-logo a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  body.learndash-cpt:is(.single-sfwd-lessons, .single-sfwd-topic) .ld-focus-header .ld-brand-logo img {
    width: 38px !important;
    height: 38px !important;
    padding: 3px;
    object-fit: cover;
    background: #111719;
    border: 1px solid rgba(202, 150, 79, 0.35);
    border-radius: 5px;
    box-shadow: 0 0 14px rgba(202, 150, 79, 0.14);
  }
}

/* =========================================================
   COURSE PROGRESS
   ========================================================= */

body.learndash-cpt:is(.single-sfwd-lessons, .single-sfwd-topic) .ld-focus-header>.ld-progress {
  padding: 10px 25px !important;
  background: transparent !important;
}

body.learndash-cpt:is(.single-sfwd-lessons, .single-sfwd-topic) .ld-focus-header .ld-progress-wrap {
  width: 100%;
}

body.learndash-cpt:is(.single-sfwd-lessons, .single-sfwd-topic) .ld-focus-header .ld-progress-heading {
  margin-bottom: 7px !important;
}

body.learndash-cpt:is(.single-sfwd-lessons, .single-sfwd-topic) .ld-focus-header .ld-progress-stats {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

/* Percentage */
body.learndash-cpt:is(.single-sfwd-lessons, .single-sfwd-topic) .ld-focus-header .ld-progress-percentage {
  color: var(--ld-header-accent) !important;
  font-family:
    "Cormorant Garamond",
    var(--e-global-typography-accent-font-family),
    serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.2;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

/* Steps */
body.learndash-cpt:is(.single-sfwd-lessons, .single-sfwd-topic) .ld-focus-header .ld-progress-steps {
  color: var(--ld-header-text) !important;
  font-family:
    "Cormorant Garamond",
    var(--e-global-typography-text-font-family),
    serif !important;
  font-size: 13px !important;
  font-style: italic;
  opacity: 0.75;
}

/* Progress track */
body.learndash-cpt:is(.single-sfwd-lessons, .single-sfwd-topic) .ld-focus-header .ld-progress-bar {
  width: 100%;
  height: 7px !important;
  overflow: hidden;

  background: rgba(240, 230, 211, 0.1) !important;
  border: 1px solid rgba(202, 150, 79, 0.16);
  border-radius: 20px !important;
}

/* Progress fill */
body.learndash-cpt:is(.single-sfwd-lessons, .single-sfwd-topic) .ld-focus-header .ld-progress-bar-percentage {
  height: 100% !important;

  background:
    linear-gradient(90deg,
      #a66f35,
      var(--ld-header-accent),
      #e0b26d) !important;

  border-radius: 20px !important;
  box-shadow: 0 0 10px rgba(202, 150, 79, 0.4);
  transition: width 0.5s ease;
}

/* =========================================================
   MARK COMPLETE BUTTON
   ========================================================= */

body.learndash-cpt:is(.single-sfwd-lessons, .single-sfwd-topic) .ld-focus-header .learndash_mark_complete_button:hover {
  color: var(--ld-header-accent) !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: translateY(-1px);
  outline: none !important;
}

body.learndash-cpt:is(.single-sfwd-lessons, .single-sfwd-topic) .learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-complete .learndash_mark_complete_button {
  color: #fff;
}

body.learndash-cpt:is(.single-sfwd-lessons, .single-sfwd-topic) .ld-focus-header .learndash_mark_complete_button:focus-visible {
  outline: none
}

body.learndash-cpt:is(.single-sfwd-lessons, .single-sfwd-topic) .learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-complete:after {
  color: var(--ld-header-accent) !important;
}


/* Previous/next lesson button */
body.learndash-cpt:is(.single-sfwd-lessons, .single-sfwd-topic) .learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) .ld-button.ld-button-transparent {
  color: #fff;
  outline: none;
}

body.learndash-cpt:is(.single-sfwd-lessons, .single-sfwd-topic) .learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) .ld-button.ld-button-transparent:hover {
  color: #d9aa65;
}

/* Avatar */
body.learndash-cpt:is(.single-sfwd-lessons, .single-sfwd-topic) .ld-focus-header .ld-profile-avatar {
  width: 39px !important;
  height: 39px !important;
  overflow: hidden;

  background: var(--ld-header-panel);
  border: 2px solid rgba(202, 150, 79, 0.5);
  border-radius: 50%;
  box-shadow: 0 0 12px rgba(202, 150, 79, 0.16);
}

body.learndash-cpt:is(.single-sfwd-lessons, .single-sfwd-topic) .ld-focus-header .ld-profile-avatar img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}

body.learndash-cpt:is(.single-sfwd-lessons, .single-sfwd-topic) .learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu .ld-user-menu-items a {
  background-color: var(--ld-header-bg);
}

body.learndash-cpt:is(.single-sfwd-lessons, .single-sfwd-topic) .learndash-wrapper .ld-focus .ld-focus-header .ld-mobile-nav span {
  background-color: #d9aa65;
}

body.learndash-cpt:is(.single-sfwd-lessons, .single-sfwd-topic) .learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu {
  padding-inline: .5em;
}

/* =========================================================
   WOOCOMMERCE THANK-YOU PAGE — DARK GOLD THEME
   Applies only to the order-received page
   ========================================================= */

body.woocommerce-order-received .woocommerce-order {
  --order-bg: #03090b;
  --order-panel: #091113;
  --order-panel-light: #0d1719;
  --order-accent: var(--e-global-color-accent, #ca964f);
  --order-heading: #f0e6d3;
  --order-text: var(--e-global-color-text, #beb4a6);
  --order-border: rgba(202, 150, 79, 0.22);
  --order-success: #71b88b;

  max-width: 1200px;
  margin: 0 auto;
  padding: clamp(20px, 4vw, 50px);

  color: var(--order-text);

  background:
    radial-gradient(circle at top right,
      rgba(202, 150, 79, 0.1),
      transparent 35%),
    linear-gradient(145deg,
      var(--order-panel),
      var(--order-bg));

  border: 1px solid var(--order-border);
  border-radius: 10px;
  box-shadow: 0 22px 55px rgba(0, 0, 0, 0.24);
  box-sizing: border-box;
}

/* Consistent box sizing */
body.woocommerce-order-received .woocommerce-order *,
body.woocommerce-order-received .woocommerce-order *::before,
body.woocommerce-order-received .woocommerce-order *::after {
  box-sizing: border-box;
}

/* =========================================================
   SUCCESS MESSAGE
   ========================================================= */

body.woocommerce-order-received .woocommerce-thankyou-order-received {
  position: relative;
  margin: 0 0 30px !important;
  padding: 22px 25px 22px 68px !important;

  color: var(--order-heading) !important;

  background:
    linear-gradient(90deg,
      rgba(113, 184, 139, 0.15),
      rgba(202, 150, 79, 0.04)) !important;

  border: 1px solid rgba(113, 184, 139, 0.35) !important;
  border-left: 4px solid var(--order-success) !important;
  border-radius: 6px;

  font-family:
    "Cormorant Garamond",
    var(--e-global-typography-primary-font-family),
    serif !important;
  font-size: clamp(20px, 2vw, 27px) !important;
  font-weight: 600 !important;
  line-height: 1.3;
}

/* Success tick using LearnDash icon font */
body.woocommerce-order-received .woocommerce-thankyou-order-received::before {
  content: "\e906";
  position: absolute;
  top: 50%;
  left: 22px;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 31px;
  height: 31px;

  color: var(--order-bg);
  background: var(--order-success);
  border-radius: 50%;
  box-shadow: 0 0 14px rgba(113, 184, 139, 0.3);

  font-family: ld-icons !important;
  font-size: 15px;
  font-style: normal;
  font-weight: normal;
  line-height: 1;

  transform: translateY(-50%);
}

/* =========================================================
   ORDER OVERVIEW
   ========================================================= */

body.woocommerce-order-received .woocommerce-order-overview {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;

  margin: 0 0 25px !important;
  padding: 0 !important;

  list-style: none !important;
  background: transparent !important;
}

body.woocommerce-order-received .woocommerce-order-overview li {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  min-height: 95px;

  margin: 0 !important;
  padding: 16px !important;

  color: rgba(190, 180, 166, 0.75) !important;

  background:
    linear-gradient(145deg,
      rgba(202, 150, 79, 0.08),
      rgba(255, 255, 255, 0.015)) !important;

  border: 1px solid var(--order-border) !important;
  border-radius: 6px;

  font-size: 12px !important;
  line-height: 1.35;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  overflow-wrap: anywhere;
}

/* Remove WooCommerce default separators */
body.woocommerce-order-received .woocommerce-order-overview li::before,
body.woocommerce-order-received .woocommerce-order-overview li::after {
  display: none !important;
}

body.woocommerce-order-received .woocommerce-order-overview li strong {
  display: block;
  margin-top: 8px;

  color: var(--order-heading) !important;

  font-family:
    "Cormorant Garamond",
    var(--e-global-typography-text-font-family),
    serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.3;
  letter-spacing: 0;
  text-transform: none;
}

body.woocommerce-order-received .woocommerce-order-overview__total strong {
  color: var(--order-accent) !important;
}

/* =========================================================
   PAYMENT MESSAGE
   ========================================================= */

body.woocommerce-order-received .woocommerce-order>p:not(.woocommerce-notice) {
  margin: 0 0 30px !important;
  padding: 14px 18px !important;

  color: var(--order-text) !important;
  background: rgba(202, 150, 79, 0.06);
  border: 1px solid rgba(202, 150, 79, 0.15);
  border-left: 3px solid var(--order-accent);
  border-radius: 4px;

  font-style: italic;
}

/* =========================================================
   ORDER AND CUSTOMER SECTIONS
   ========================================================= */

body.woocommerce-order-received .woocommerce-order-details,
body.woocommerce-order-received .woocommerce-customer-details {
  margin: 30px 0 0 !important;
  padding: clamp(18px, 3vw, 30px) !important;

  background:
    linear-gradient(145deg,
      var(--order-panel-light),
      rgba(3, 9, 11, 0.96)) !important;

  border: 1px solid var(--order-border);
  border-radius: 8px;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.14);
}

/* Section headings */
body.woocommerce-order-received .woocommerce-order-details__title,
body.woocommerce-order-received .woocommerce-column__title {
  position: relative;
  margin: 0 0 22px !important;
  padding: 0 0 14px !important;

  color: var(--order-heading) !important;
  background: transparent !important;

  font-family:
    "Cormorant Garamond",
    var(--e-global-typography-primary-font-family),
    serif !important;
  font-size: clamp(23px, 2.2vw, 31px) !important;
  font-weight: 600 !important;
  line-height: 1.2;
  text-transform: none !important;
}

/* Heading accent */
body.woocommerce-order-received .woocommerce-order-details__title::after,
body.woocommerce-order-received .woocommerce-column__title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;

  width: 70px;
  height: 2px;

  background:
    linear-gradient(90deg,
      var(--order-accent),
      transparent);
}

/* =========================================================
   ORDER DETAILS TABLE
   ========================================================= */

body.woocommerce-order-received .woocommerce-table--order-details {
  width: 100%;
  margin: 0 !important;
  overflow: hidden;

  color: var(--order-text) !important;
  background: transparent !important;

  border: 1px solid var(--order-border) !important;
  border-collapse: separate !important;
  border-spacing: 0;
  border-radius: 6px;
}

/* Table headings */
body.woocommerce-order-received .woocommerce-table--order-details thead th {
  padding: 16px 18px !important;

  color: var(--order-accent) !important;
  background: rgba(202, 150, 79, 0.1) !important;

  border: 0 !important;
  border-bottom: 1px solid var(--order-border) !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 1px;
  text-transform: uppercase;
}

/* Table content */
body.woocommerce-order-received .woocommerce-table--order-details tbody td,
body.woocommerce-order-received .woocommerce-table--order-details tfoot th,
body.woocommerce-order-received .woocommerce-table--order-details tfoot td {
  padding: 16px 18px !important;

  color: var(--order-text) !important;
  background: transparent !important;

  border: 0 !important;
  border-bottom: 1px solid rgba(202, 150, 79, 0.12) !important;

  font-size: 15px;
}

/* Product link */
body.woocommerce-order-received .woocommerce-table--order-details .product-name a {
  color: var(--order-heading) !important;

  font-family:
    "Cormorant Garamond",
    var(--e-global-typography-text-font-family),
    serif !important;
  font-size: 17px;
  font-weight: 600;
  text-decoration: none !important;

  transition: color 0.25s ease;
}

body.woocommerce-order-received .woocommerce-table--order-details .product-name a:hover {
  color: var(--order-accent) !important;
}

body.woocommerce-order-received .woocommerce-table--order-details .product-quantity {
  color: var(--order-accent) !important;
}

/* Price colouring */
body.woocommerce-order-received .woocommerce-table--order-details .amount,
body.woocommerce-order-received .woocommerce-table--order-details bdi {
  color: inherit !important;
}

/* Align price columns */
body.woocommerce-order-received .woocommerce-table--order-details .product-total,
body.woocommerce-order-received .woocommerce-table--order-details tfoot td {
  text-align: right;
}

/* Footer labels */
body.woocommerce-order-received .woocommerce-table--order-details tfoot th {
  color: var(--order-heading) !important;
  font-weight: 600;
}

/* Final total */
body.woocommerce-order-received .woocommerce-table--order-details tfoot tr:last-child th,
body.woocommerce-order-received .woocommerce-table--order-details tfoot tr:last-child td {
  color: var(--order-accent) !important;
  background: rgba(202, 150, 79, 0.07) !important;
  border-bottom: 0 !important;

  font-size: 17px;
  font-weight: 700;
}

/* =========================================================
   BILLING ADDRESS
   ========================================================= */

body.woocommerce-order-received .woocommerce-customer-details address {
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 22px !important;

  color: var(--order-text) !important;

  background:
    linear-gradient(135deg,
      rgba(202, 150, 79, 0.07),
      rgba(255, 255, 255, 0.015)) !important;

  border: 1px solid var(--order-border) !important;
  border-left: 3px solid var(--order-accent) !important;
  border-radius: 5px !important;

  font-style: normal !important;
  font-size: 16px;
  line-height: 1.75;
}

/* Phone and email */
body.woocommerce-order-received .woocommerce-customer-details--phone,
body.woocommerce-order-received .woocommerce-customer-details--email {
  position: relative;
  margin: 12px 0 0 !important;
  padding-left: 30px !important;

  color: var(--order-heading) !important;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

/* Shared SVG icon styling */
body.woocommerce-order-received .woocommerce-customer-details--phone::before,
body.woocommerce-order-received .woocommerce-customer-details--email::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;

  display: block;
  width: 17px;
  height: 17px;

  background-color: var(--order-accent);
  transform: translateY(-50%);
}

/* Phone SVG */
body.woocommerce-order-received .woocommerce-customer-details--phone::before {
  -webkit-mask:
    url("https://thetraumarecoveryinstitute.demoworkspace.info/wp-content/uploads/2026/07/Black.svg") center / contain no-repeat;
  mask:
    url("https://thetraumarecoveryinstitute.demoworkspace.info/wp-content/uploads/2026/07/Black.svg") center / contain no-repeat;
}

/* Email SVG */
body.woocommerce-order-received .woocommerce-customer-details--email::before {
  -webkit-mask:
    url("https://thetraumarecoveryinstitute.demoworkspace.info/wp-content/uploads/2026/07/Vector-2.svg") center / contain no-repeat;
  mask:
    url("https://thetraumarecoveryinstitute.demoworkspace.info/wp-content/uploads/2026/07/Vector-2.svg") center / contain no-repeat;
}

/* =========================================================
   ACCESSIBILITY
   ========================================================= */

body.woocommerce-order-received .woocommerce-order a:focus-visible {
  outline: 2px solid var(--order-accent);
  outline-offset: 3px;
}

body.woocommerce-order-received .woocommerce-customer-details .woocommerce-customer-details--phone::before,
body.woocommerce-order-received .woocommerce-customer-details .woocommerce-customer-details--email::before {
  margin-left: 0em;
}

/* =========================================================
   profile page css
   ========================================================= */

/* ==========================================================================
   BUDDYPRESS PROFILE - MASTER CSS (RESPONSIVE & INTERACTIVE)
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. GLOBAL RESET & WRAPPERS (Kill Theme Shadows)
   -------------------------------------------------------------------------- */
#buddypress,
#buddypress .bp-wrap,
#buddypress #item-header,
#buddypress #item-body,
#buddypress #cover-image-container,
#buddypress nav#object-nav,
#buddypress nav#subnav,
#buddypress ul#member-primary-nav,
#buddypress ul#member-secondary-nav,
#buddypress .bp-navs,
#buddypress .user-subnav ul {
  box-shadow: none !important;
  background: transparent !important;
  border: none !important;
}

#buddypress {
  max-width: 1200px;
  margin: 40px auto;
  padding: 0 15px;
  color: var(--e-global-color-text);
  font-family: var(--e-global-typography-text-font-family), sans-serif;
}

#buddypress #cover-image-container {
  border: 1px solid rgba(202, 150, 79, 0.3) !important;
  border-radius: 8px;
  background-color: var(--e-global-color-secondary) !important;
  margin-bottom: 30px;
  overflow: hidden;
}

#buddypress #item-body {
  border: 1px solid rgba(202, 150, 79, 0.3) !important;
  border-radius: 8px;
  padding: 35px;
  background: transparent !important;
}

/* --------------------------------------------------------------------------
   2. HEADER & AVATAR (Layout & Interactions)
   -------------------------------------------------------------------------- */
#buddypress #header-cover-image {
  height: 200px;
  width: 100%;
  background-color: #050a0c;
  background-size: cover;
  background-position: center;
}


#buddypress #item-header-cover-image {
  display: flex;
  align-items: center;
  padding: 20px 30px;
  background-color: transparent !important;
  position: relative;
}

#buddypress #item-header-avatar {
  margin-right: 30px;
  margin-top: -80px;
  /* Overlaps the cover image */
  z-index: 2;
}

#buddypress #item-header-avatar img.avatar {
  width: 140px !important;
  height: 140px !important;
  border-radius: 50%;
  border: 4px solid var(--e-global-color-secondary) !important;
  background-color: var(--e-global-color-secondary);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.5) !important;
  display: block;
  transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.4s ease;
}

#buddypress #item-header-avatar img.avatar:hover {
  transform: scale(1.05) translateY(-5px);
  box-shadow: 0 15px 25px rgba(202, 150, 79, 0.2) !important;
  /* Accent glow on hover */
}

#buddypress #item-header-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#buddypress #item-header-content h2.user-nicename {
  color: var(--e-global-color-primary) !important;
  font-family: var(--e-global-typography-secondary-font-family);
  font-size: clamp(24px, 4vw, 32px) !important;
  margin: 0 0 5px 0 !important;
  line-height: 1.2;
}

#buddypress .item-meta .activity {
  color: var(--e-global-color-accent) !important;
  font-size: 13px !important;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-weight: 600;
}

/* --------------------------------------------------------------------------
   3. NAVIGATION (Horizontal Flexbox & Hover States)
   -------------------------------------------------------------------------- */
/* Primary Nav (Activity, Profile, etc.) */
#buddypress nav#object-nav ul#member-primary-nav {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  padding: 0 !important;
  margin: 0 0 25px 0 !important;
  border-bottom: 1px solid rgba(202, 150, 79, 0.2) !important;
  gap: 30px !important;
}

#buddypress nav#object-nav ul#member-primary-nav li {
  list-style: none !important;
  margin: 0 !important;
  background: transparent !important;
}

#buddypress nav#object-nav ul#member-primary-nav li a {
  display: block !important;
  background: transparent !important;
  color: var(--e-global-color-text) !important;
  padding: 12px 5px !important;
  border-bottom: 2px solid transparent !important;
  text-decoration: none !important;
  font-size: 16px !important;
  font-weight: 600;
  transition: all 0.3s ease !important;
}

#buddypress nav#object-nav ul#member-primary-nav li a:hover {
  color: var(--e-global-color-primary) !important;
  transform: translateY(-2px);
}

#buddypress nav#object-nav ul#member-primary-nav li.current a,
#buddypress nav#object-nav ul#member-primary-nav li.selected a {
  color: var(--e-global-color-accent) !important;
  border-bottom: 2px solid var(--e-global-color-accent) !important;
}

/* Secondary Nav (View, Edit, Change Photo) */
#buddypress nav#subnav ul#member-secondary-nav {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  padding: 0 !important;
  margin-bottom: 35px !important;
}

#buddypress nav#subnav ul#member-secondary-nav a {
  border: 1px solid rgba(202, 150, 79, 0.3) !important;
  border-radius: 4px !important;
  padding: 8px 20px !important;
  color: var(--e-global-color-text) !important;
  font-size: 14px !important;
  text-decoration: none !important;
  background: transparent !important;
  transition: all 0.3s ease !important;
}

#buddypress nav#subnav ul#member-secondary-nav li.current a,
#buddypress nav#subnav ul#member-secondary-nav a:hover {
  border-color: var(--e-global-color-accent) !important;
  color: var(--e-global-color-primary) !important;
  background: rgba(202, 150, 79, 0.1) !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2) !important;
}

/* --------------------------------------------------------------------------
   4. FORMS & INPUTS (White Background Fixes & Focus States)
   -------------------------------------------------------------------------- */
#buddypress .profile.edit h2.screen-heading {
  color: var(--e-global-color-primary) !important;
  font-family: var(--e-global-typography-secondary-font-family);
  font-size: 28px !important;
  margin-bottom: 25px !important;
  border-bottom: 1px solid rgba(202, 150, 79, 0.2) !important;
  padding-bottom: 15px !important;
}

#buddypress .profile-group-title {
  color: var(--e-global-color-accent) !important;
  font-size: 18px !important;
  margin-bottom: 15px !important;
  letter-spacing: 0.5px;
}

/* Strip white backgrounds from form wrappers */
#buddypress form.standard-form .editfield,
#buddypress form.standard-form fieldset {
  background-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  border: none !important;
  margin-bottom: 25px !important;
  max-width: 650px;
}

#buddypress form.standard-form legend,
#buddypress form.standard-form label {
  color: var(--e-global-color-primary) !important;
  background: transparent !important;
  font-weight: 600 !important;
  display: block !important;
  margin-bottom: 8px !important;
}

/* Input Fields */
#buddypress form.standard-form input[type="text"],
#buddypress form.standard-form input[type="password"],
#buddypress form.standard-form input[type="email"],
#buddypress form.standard-form textarea {
  width: 100% !important;
  background-color: rgba(0, 0, 0, 0.2) !important;
  /* Very slight dark tint */
  border: 1px solid rgba(202, 150, 79, 0.3) !important;
  color: var(--e-global-color-primary) !important;
  padding: 16px !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  font-family: inherit !important;
  transition: all 0.3s ease !important;
}

/* Input Focus Interaction */
#buddypress form.standard-form input:focus,
#buddypress form.standard-form textarea:focus {
  border-color: var(--e-global-color-accent) !important;
  outline: none !important;
  background-color: rgba(0, 0, 0, 0.4) !important;
  box-shadow: 0 0 0 2px rgba(202, 150, 79, 0.2) !important;
  /* Soft accent glow */
}

#buddypress form.standard-form p.field-visibility-settings-header {
  color: rgba(190, 180, 166, 0.6) !important;
  background: transparent !important;
  font-size: 13px !important;
  margin-top: 8px !important;
}

/* Submit Button */
#buddypress form.standard-form .submit input[type="submit"] {
  background-color: transparent !important;
  border: 1px solid var(--e-global-color-accent) !important;
  color: var(--e-global-color-accent) !important;
  padding: 14px 35px !important;
  border-radius: 4px !important;
  cursor: pointer !important;
  font-family: var(--e-global-typography-accent-font-family);
  text-transform: uppercase !important;
  font-weight: 600 !important;
  letter-spacing: 1px !important;
  transition: all 0.3s ease !important;
  margin-top: 10px !important;
}

#buddypress form.standard-form .submit input[type="submit"]:hover {
  background-color: var(--e-global-color-accent) !important;
  color: var(--e-global-color-secondary) !important;
  box-shadow: 0 5px 15px rgba(202, 150, 79, 0.25) !important;
  transform: translateY(-2px);
}

/* ==========================================================================
   6. BUDDYPRESS ACTIVITY STREAM FIXES (Backgrounds, Shadows & Dropdowns)
   ========================================================================== */

/* Set the requested dark background inside the golden border wrapper */
#buddypress #item-body {
  background-color: #0e1416 !important;
}

/* Activity Stream Title */
#buddypress h2.bp-screen-title {
  color: var(--e-global-color-primary) !important;
  font-family: var(--e-global-typography-secondary-font-family);
  font-size: 24px !important;
  margin-bottom: 20px !important;
}

/* --- A. "What's New" Post Box Fixes --- */
/* Strip the glowing shadow and white background from the post box wrappers */
#buddypress #bp-nouveau-activity-form,
#buddypress #whats-new-form,
#buddypress #whats-new-content,
#buddypress #whats-new-textarea {
  box-shadow: none !important;
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
}

/* Style the actual textarea to match the dark theme */
#buddypress textarea#whats-new {
  width: 100% !important;
  background-color: transparent !important;
  border: 1px solid rgba(202, 150, 79, 0.4) !important;
  /* Golden border */
  color: var(--e-global-color-primary) !important;
  padding: 15px !important;
  border-radius: 6px !important;
  min-height: 60px !important;
  font-family: var(--e-global-typography-text-font-family);
  transition: all 0.3s ease !important;
}

#buddypress textarea#whats-new:focus {
  border-color: var(--e-global-color-accent) !important;
  outline: none !important;
  box-shadow: 0 0 0 1px rgba(202, 150, 79, 0.2) !important;
}

#buddypress textarea#whats-new::placeholder {
  color: rgba(190, 180, 166, 0.5) !important;
}

/* --- B. Filter Dropdown Fixes --- */
/* Style the dropdown so text and arrows are visible */
#buddypress .subnav-filters {
  margin-bottom: 20px !important;
  border-bottom: 1px solid rgba(202, 150, 79, 0.15) !important;
  padding-bottom: 10px !important;
}

#buddypress .subnav-filters select {
  background-color: #0e1416 !important;
  /* Matches main background */
  color: var(--e-global-color-accent) !important;
  border: 1px solid rgba(202, 150, 79, 0.4) !important;
  padding: 8px 30px 8px 15px !important;
  border-radius: 4px !important;
  font-family: inherit;
  font-size: 14px !important;
  cursor: pointer;
}

/* Dropdown Options (ensures the list is readable when clicked) */
#buddypress .subnav-filters select option {
  background-color: #03090B !important;
  color: var(--e-global-color-primary) !important;
}

/* Fix the custom arrow visibility if your theme uses a span for the arrow */
#buddypress .select-arrow {
  color: var(--e-global-color-accent) !important;
  fill: var(--e-global-color-accent) !important;
}

/* --- C. Activity Feed Items Fixes --- */
/* Kill the massive white boxes wrapping every activity post */
#buddypress ul.activity-list li.activity-item {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: 1px solid rgba(202, 150, 79, 0.15) !important;
  border-radius: 8px !important;
  padding: 20px !important;
  margin-bottom: 20px !important;
}

/* Text and Link Colors inside the feed */
#buddypress .activity-header {
  color: var(--e-global-color-text) !important;
}

#buddypress .activity-header a {
  color: var(--e-global-color-accent) !important;
  text-decoration: none !important;
  font-weight: 600;
}

#buddypress .activity-header a:hover {
  text-decoration: underline !important;
}

#buddypress .time-since {
  color: rgba(190, 180, 166, 0.6) !important;
  font-size: 12px;
}

/* --- D. Action Buttons (Comment, Favorite, Delete) --- */
#buddypress .activity-meta .button {
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: var(--e-global-color-text) !important;
  padding: 5px 12px !important;
  border-radius: 4px !important;
  font-size: 13px !important;
  transition: 0.3s ease;
}

#buddypress .activity-meta .button:hover {
  border-color: var(--e-global-color-accent) !important;
  color: var(--e-global-color-accent) !important;
  background: rgba(202, 150, 79, 0.1) !important;
}

/* --- E. Nested Comment Area Fixes --- */
#buddypress .activity-comments {
  background-color: transparent !important;
  border-top: 1px dashed rgba(202, 150, 79, 0.2) !important;
  margin-top: 15px !important;
  padding-top: 15px !important;
}

#buddypress form.ac-form {
  background: transparent !important;
  box-shadow: none !important;
}

#buddypress textarea.ac-input {
  background-color: rgba(0, 0, 0, 0.3) !important;
  border: 1px solid rgba(202, 150, 79, 0.2) !important;
  color: var(--e-global-color-primary) !important;
  border-radius: 4px !important;
}

#buddypress .ac-reply-content input[type="submit"] {
  background: transparent !important;
  border: 1px solid var(--e-global-color-accent) !important;
  color: var(--e-global-color-accent) !important;
  border-radius: 4px !important;
  padding: 6px 15px !important;
}

#buddypress .ac-reply-content input[type="submit"]:hover {
  background: var(--e-global-color-accent) !important;
  color: #0e1416 !important;
}

#buddypress .ac-reply-cancel {
  color: var(--e-global-color-text) !important;
  background: transparent !important;
  border: none !important;
}

.activity-list .activity-item.mini .activity-avatar {
  margin-bottom: 10px;
}

/* ==========================================================================
   BUDDYPRESS ACTIVITY FEED ITEMS (Black Background & Compact Buttons)
   ========================================================================== */

/* 1. Kill the massive white wrapper and backgrounds */
#buddypress #activity-stream,
#buddypress ul.activity-list,
#buddypress .activity-content {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: none !important;
  padding: 0 !important;
}

/* 2. Apply Black Background and Golden Border to Individual Activity Items */
#buddypress ul.activity-list li.activity-item {
  background-color: #0e1416 !important;
  border: 1px solid rgba(202, 150, 79, 0.4) !important;
  /* Golden accent border */
  border-radius: 8px !important;
  padding: 20px !important;
  margin-bottom: 20px !important;
  box-shadow: none !important;
}

/* 3. Text and Link Colors in the Header */
#buddypress .activity-header,
#buddypress .activity-header p {
  color: var(--e-global-color-text) !important;
  margin-bottom: 10px !important;
  line-height: 1.5 !important;
}

#buddypress .activity-header a {
  color: var(--e-global-color-accent) !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

#buddypress .activity-header .time-since {
  color: rgba(190, 180, 166, 0.5) !important;
  font-size: 13px !important;
  font-weight: normal !important;
}

/* 4. Fix "Expanded" Buttons (Comment, Favorite, Delete) */
#buddypress .activity-meta.action {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  /* Spacing between buttons */
  margin-top: 15px !important;
  padding: 0 !important;
  border: none !important;
  width: 100% !important;
}

/* Prevent individual button wrappers from stretching */
#buddypress .activity-meta.action .generic-button {
  margin: 0 !important;
  padding: 0 !important;
  display: inline-block !important;
  flex: 0 0 auto !important;
  /* Forces them not to grow */
}

/* Style the actual buttons to be compact and bordered */
#buddypress .activity-meta.action a.button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  border: 1px solid rgba(202, 150, 79, 0.3) !important;
  /* Subtle golden border */
  color: var(--e-global-color-text) !important;
  padding: 6px 12px !important;
  /* Tight padding to stop expansion */
  border-radius: 4px !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  height: auto !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

/* Ensure text/icons inside buttons don't blow up in size */
#buddypress .activity-meta.action a.button span {
  display: inline-block !important;
  font-size: 13px !important;
}

/* Hover effects for buttons */
#buddypress .activity-meta.action a.button:hover {
  border-color: var(--e-global-color-accent) !important;
  color: var(--e-global-color-accent) !important;
  background: rgba(202, 150, 79, 0.1) !important;
}

/* Remove weird dashed lines injected by themes at the bottom of activity items */
#buddypress .activity-item::after,
#buddypress .activity-content::after {
  display: none !important;
}

/* ==========================================================================
   FIX STUBBORN WHITE BACKGROUND ON ACTIVITY BUTTONS
   ========================================================================== */

/* 1. Nuke the white background on the action row container */
#buddypress .activity-list .activity-content .activity-meta,
#buddypress .activity-list .activity-content .activity-meta.action {
  background-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  margin: 15px 0 0 0 !important;
  padding: 0 !important;
  width: auto !important;
  /* Stops the row from forcing a full-width background block */
}

/* 2. Ensure the individual button wrappers don't hold the white background */
#buddypress .activity-list .activity-content .activity-meta .generic-button {
  background-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* 3. Style the buttons themselves to ensure transparency */
#buddypress .activity-list .activity-content .activity-meta a.button {
  background-color: transparent !important;
  background: transparent !important;
  border: 1px solid rgba(202, 150, 79, 0.4) !important;
  /* Subtle golden border */
  color: var(--e-global-color-text) !important;
  box-shadow: none !important;
}

/* Hover effect for buttons */
#buddypress .activity-list .activity-content .activity-meta a.button:hover {
  background: rgba(202, 150, 79, 0.1) !important;
  border-color: var(--e-global-color-accent) !important;
  color: var(--e-global-color-accent) !important;
}

/* 4. Kill the faint dashed line below the buttons */
#buddypress .activity-list .activity-content {
  border-bottom: none !important;
}

#buddypress .activity-list li.activity-item::after,
#buddypress .activity-list li.activity-item::before,
#buddypress .activity-list .activity-content::after,
#buddypress .activity-list .activity-content::before,
#buddypress .activity-list .activity-meta::after,
#buddypress .activity-list .activity-meta::before {
  display: none !important;
  /* Stops themes from injecting decorative borders */
  content: none !important;
}

/* ==========================================================================
   BUDDYPRESS NOTIFICATIONS & SYSTEM MESSAGES FIX
   ========================================================================== */

/* 1. Nuke the white background from all feedback messages */
#buddypress aside.bp-feedback,
#buddypress div.bp-feedback,
#buddypress .bp-messages {
  background-color: transparent !important;
  background: transparent !important;
  border: 1px solid rgba(202, 150, 79, 0.4) !important;
  /* Subtle golden border */
  border-radius: 6px !important;
  box-shadow: none !important;
  display: flex !important;
  align-items: stretch !important;
  /* Ensures the icon background stretches full height */
  padding: 0 !important;
  margin-bottom: 20px !important;
  overflow: hidden !important;
}

/* 2. Fix the text color inside the notification box */
#buddypress aside.bp-feedback p,
#buddypress div.bp-feedback p,
#buddypress .bp-messages p {
  color: var(--e-global-color-text) !important;
  margin: 0 !important;
  padding: 15px 20px !important;
  display: flex !important;
  align-items: center !important;
  background: transparent !important;
  /* Forces the white block to disappear */
}

/* 3. Restyle the Icon Block (Replacing the solid teal box) */
#buddypress aside.bp-feedback span.bp-icon,
#buddypress div.bp-feedback span.bp-icon,
#buddypress .bp-messages span.bp-icon {
  background-color: rgba(202, 150, 79, 0.1) !important;
  /* Subtle golden tint instead of teal */
  color: var(--e-global-color-accent) !important;
  border-right: 1px solid rgba(202, 150, 79, 0.4) !important;
  /* Separator line */
  padding: 15px 20px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
}

/* 4. Fix specific notification list wrappers just in case */
#buddypress #notifications-user-list {
  background: transparent !important;
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;
}

/* ==========================================================================
   BUDDYPRESS "VIEW PROFILE" TABLE FIX (Black Background & Rounded Borders)
   ========================================================================== */

/* 1. Restyle the Table Container (Black background, golden border, 10px radius) */
#buddypress table.profile-fields,
#buddypress table.bp-tables-user {
  background-color: #0e1416 !important;
  border: 1px solid rgba(202, 150, 79, 0.4) !important;
  /* Golden border */
  border-radius: 10px !important;
  border-collapse: separate !important;
  /* CRITICAL: Allows border-radius to work on tables */
  border-spacing: 0 !important;
  overflow: hidden !important;
  /* Clips the corners cleanly */
  width: 100% !important;
  margin-top: 15px !important;
  box-shadow: none !important;
}

/* 2. Strip the hardcoded white background from all rows and cells */
#buddypress table.profile-fields tr,
#buddypress table.profile-fields td {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

/* 3. Style the "Label" Column (e.g., "Name") */
#buddypress table.profile-fields td.label {
  color: var(--e-global-color-primary) !important;
  font-weight: 600 !important;
  padding: 16px 20px !important;
  width: 25% !important;
  /* Keeps the labels column proportional */
  border-right: 1px solid rgba(202, 150, 79, 0.2) !important;
  /* Vertical divider line */
  border-bottom: 1px solid rgba(202, 150, 79, 0.2) !important;
  /* Horizontal divider line */
}

/* 4. Style the "Data" Column (e.g., "DarrenMaguire") */
#buddypress table.profile-fields td.data {
  color: var(--e-global-color-text) !important;
  padding: 16px 20px !important;
  border-bottom: 1px solid rgba(202, 150, 79, 0.2) !important;
  /* Horizontal divider line */
}

/* Ensure paragraph tags inside the data column inherit the right color and spacing */
#buddypress table.profile-fields td.data p {
  margin: 0 !important;
  color: inherit !important;
}

/* 5. Clean up the bottom borders on the very last row */
#buddypress table.profile-fields tr:last-child td {
  border-bottom: none !important;
}

button.button.wp-generate-pw,
#bp-data-export button {
  background-color: transparent !important;
  border: 1px solid var(--e-global-color-accent) !important;
  color: var(--e-global-color-accent) !important;
  padding: 14px 35px !important;
  border-radius: 4px !important;
  cursor: pointer !important;
  font-family: var(--e-global-typography-accent-font-family);
  text-transform: uppercase !important;
  font-weight: 600 !important;
  letter-spacing: 1px !important;
  transition: all 0.3s ease !important;
  margin-top: 10px !important;
}

button.button.wp-generate-pw:hover,
#bp-data-export button:hover {
  background-color: var(--e-global-color-accent) !important;
  color: var(--e-global-color-secondary) !important;
  box-shadow: 0 5px 15px rgba(202, 150, 79, 0.25) !important;
  transform: translateY(-2px);
}

/* ==========================================================================
   BUDDYPRESS PROFILE VISIBILITY SETTINGS TABLE FIX
   ========================================================================== */

/* 1. Restyle the Table Container (Black background, golden border, 10px radius) */
#buddypress form#settings-form table.profile-settings {
  background-color: #0e1416 !important;
  border: 1px solid rgba(202, 150, 79, 0.4) !important;
  /* Golden border */
  border-radius: 10px !important;
  border-collapse: separate !important;
  /* CRITICAL for border-radius on tables */
  border-spacing: 0 !important;
  overflow: hidden !important;
  width: 100% !important;
  margin-bottom: 25px !important;
  box-shadow: none !important;
}

/* 2. Style Table Headers */
#buddypress form#settings-form table.profile-settings thead th {
  background-color: rgba(0, 0, 0, 0.3) !important;
  /* Subtle dark header */
  color: var(--e-global-color-accent) !important;
  /* Golden text for headers */
  font-weight: 600 !important;
  padding: 16px 20px !important;
  border-bottom: 1px solid rgba(202, 150, 79, 0.4) !important;
  text-align: left;
}

/* 3. Strip the stubborn white background from rows and cells */
#buddypress form#settings-form table.profile-settings tbody tr,
#buddypress form#settings-form table.profile-settings tbody td {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

/* 4. Style the Table Cells (Text color and spacing) */
#buddypress form#settings-form table.profile-settings tbody td {
  color: var(--e-global-color-text) !important;
  padding: 16px 20px !important;
  border-bottom: 1px solid rgba(202, 150, 79, 0.15) !important;
  /* Soft divider between rows */
}

/* Remove bottom border on the very last row for a clean edge */
#buddypress form#settings-form table.profile-settings tbody tr:last-child td {
  border-bottom: none !important;
}

/* Ensure the span text inside inherits the correct color */
#buddypress form#settings-form table.profile-settings tbody td span {
  color: var(--e-global-color-text) !important;
  opacity: 0.8 !important;
}

/* 5. Style the Save Changes Button to match the global theme */
#buddypress form#settings-form .submit input[type="submit"] {
  background-color: transparent !important;
  border: 1px solid var(--e-global-color-accent) !important;
  color: var(--e-global-color-accent) !important;
  padding: 14px 35px !important;
  border-radius: 4px !important;
  cursor: pointer !important;
  font-family: var(--e-global-typography-accent-font-family);
  text-transform: uppercase !important;
  font-weight: 600 !important;
  letter-spacing: 1px !important;
  transition: all 0.3s ease !important;
  margin-top: 10px !important;
}

/* Save Button Hover Effect */
#buddypress form#settings-form .submit input[type="submit"]:hover {
  background-color: var(--e-global-color-accent) !important;
  color: var(--e-global-color-secondary) !important;
  box-shadow: 0 5px 15px rgba(202, 150, 79, 0.25) !important;
  transform: translateY(-2px);
}

.elementor-element-b428030 .elementor-image-box-description,
.elementor-element-a082060 .elementor-image-box-description {
  margin-block-start: 10px !important;
}

.elementor-element-b428030 .elementor-image-box-description .para-italic,
.elementor-element-a082060 .elementor-image-box-description .para-italic,
.elementor-element-f51e41d .elementor-image-box-description .para-italic,
.elementor-element-2483f09 .elementor-image-box-description .para-italic {
  display: inline-block;
  margin-bottom: 10px;
}

.elementor-shortcode .admin-logout-button {
  border: 0;
  border-radius: 20px;
  box-shadow: none;
  color: #fff;
  cursor: pointer;
  font-family: inherit;
  font-size: 20px;
  font-weight: 600;
  height: auto;
  justify-content: center;
  line-height: 1.25em;
  margin: 0;
  max-width: 385px;
  opacity: 1;
  padding: 1em;
  text-align: center;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  transition: opacity .3s ease;
  white-space: normal;
  background: var(--e-global-color-accent);
  padding: 14px 30px;
}

.woocommerce-checkout .select2-search--dropdown .select2-search__field {
  padding: 4px !important;
  background-color: #fff !important;
}

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.elementor-kit-47604 {
  --e-global-typography-5268fc4-line-height: 1.2 !important;
}


/* 
========================================================================================================
ankur css */

.home-text p{
	margin-bottom: 10px;
}

.home-text p:last-child{
	margin-bottom: 0;
}













/* ============================================================================================================ */

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {

  body.woocommerce-order-received .woocommerce-order *,
  body.woocommerce-order-received .woocommerce-order *::before,
  body.woocommerce-order-received .woocommerce-order *::after {
    scroll-behavior: auto !important;
    transition: none !important;
  }
}

@media (max-width: 1500px) {
  .woocommerce #customer_login {
    max-width: 85%;
  }

  .quote p::before {
    left: 0;
  }

  .elementor-kit-47604 {
    --e-global-typography-text-line-height: 1.5 !important;
  }



}

@media (max-width: 1440px) and (min-width: 1280px) {
  .elementor-kit-47604 {
    --e-global-typography-f67e459-font-size: 19px !important;
    --e-global-typography-f538162-font-size: 28px !important;
    --e-global-typography-5268fc4-font-size: clamp(45px, calc(45px + 15 * ((100vw - 320px) / 1600)), 60px) !important;
    --e-global-typography-4763558-font-size: 20px !important;
    --e-global-typography-dbcd76b-font-size: clamp(18px, calc(18px + 2 * ((100vw - 320px) / 1600)), 20px) !important;
    /* --e-global-typography-d20de68-font-size: 20px !important; */

  }
}

@media (max-width:1366px) and (min-width: 1200px) {
  .elementor-kit-47604 {
    --e-global-typography-f538162-font-size: 24px !important;

  }
}

@media (max-width: 1280px) and (min-width: 767px) {
  .box-item {
    grid-column: span 2;
  }

  .box-item:nth-child(4) {
    grid-column: 2 / span 2;
  }

  .box-item:nth-child(5) {
    grid-column: 4 / span 2;
  }

  .elementor-47125 .ld-profile-avatar {
    width: 100px !important;
    height: 100px !important;
  }

  .quote p {
    padding: 0 35px;
  }
}

@media (max-width: 1024px) {
  body.single-sfwd-courses .learndash_post_sfwd-courses .ld-course-status-not-enrolled .btn-join {
    padding: 12px !important;
  }

  .half-divide-contnet-none::after {
    content: none !important;
  }

  .elementor-47125 .ld-profile-summary {
    grid-template-columns: 1fr;
  }

  .elementor-47125 .ld-profile-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .elementor-47125 .ld-profile-card {
    border-bottom: 1px solid var(--tri-border) !important;
    padding-bottom: 30px !important;
  }

  .woocommerce #customer_login {
    grid-template-columns: 1fr;
  }

  body.woocommerce-order-received .woocommerce-order-overview {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.woocommerce-order-received .woocommerce-order-overview li:last-child {
    grid-column: 1 / -1;
  }


  /* --- General Layout --- */
  #buddypress {
    margin: 20px auto !important;
    padding: 0 15px !important;
  }

  #buddypress #item-body {
    padding: 25px 20px !important;
  }

  /* --- Primary Navigation (Activity, Profile, etc.) --- */
  #buddypress nav#object-nav,
  #buddypress .item-list-tabs#object-nav {
    margin-bottom: 25px !important;
  }

  #buddypress nav#object-nav ul#member-primary-nav,
  #buddypress .item-list-tabs#object-nav ul {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 10px !important;
    padding: 0 !important;
    border: none !important;
  }

  #buddypress nav#object-nav ul#member-primary-nav li,
  #buddypress .item-list-tabs#object-nav ul li {
    width: auto !important;
    float: none !important;
    margin: 0 !important;
  }

  #buddypress nav#object-nav ul#member-primary-nav li a,
  #buddypress .item-list-tabs#object-nav ul li a {
    display: block !important;
    padding: 10px 14px !important;
    font-size: 15px !important;
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    border-bottom: 2px solid transparent !important;
  }

  /* Active State for Primary Nav */
  #buddypress nav#object-nav ul#member-primary-nav li.current a,
  #buddypress .item-list-tabs#object-nav ul li.selected a {
    border-bottom: 2px solid var(--e-global-color-accent) !important;
    color: var(--e-global-color-accent) !important;
    background: transparent !important;
    background-color: transparent !important;
  }

  /* --- Sub-Navigation (View, Edit, Change Photo) - STRIPPING THE WHITE BOXES --- */
  #buddypress nav#subnav ul#member-secondary-nav,
  #buddypress .item-list-tabs#subnav ul,
  #buddypress .user-subnav ul {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 10px !important;
    margin-bottom: 30px !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
  }

  #buddypress nav#subnav ul#member-secondary-nav li,
  #buddypress .item-list-tabs#subnav ul li {
    width: auto !important;
    float: none !important;
    margin: 0 !important;
    background: transparent !important;
  }

  /* Aggressively target the anchor tags to strip the white background and apply borders */
  #buddypress nav#subnav ul#member-secondary-nav li a,
  #buddypress .item-list-tabs#subnav ul li a,
  #buddypress .user-subnav ul li a {
    display: inline-block !important;
    background-color: transparent !important;
    background: transparent !important;
    color: var(--e-global-color-text) !important;
    border: 1px solid rgba(202, 150, 79, 0.4) !important;
    /* Golden Border */
    padding: 8px 16px !important;
    border-radius: 4px !important;
    font-size: 14px !important;
    box-shadow: none !important;
    text-shadow: none !important;
    line-height: 1.2 !important;
  }

  /* Active State for Sub Nav */
  #buddypress nav#subnav ul#member-secondary-nav li.current a,
  #buddypress .item-list-tabs#subnav ul li.current a,
  #buddypress .item-list-tabs#subnav ul li.selected a {
    color: var(--e-global-color-primary) !important;
    border-color: var(--e-global-color-accent) !important;
    background-color: rgba(202, 150, 79, 0.1) !important;
    background: rgba(202, 150, 79, 0.1) !important;
  }
}

@media (max-width: 768px) {
  body.learndash-cpt:is(.single-sfwd-lessons, .single-sfwd-topic) .learndash-wrapper .ld-focus .ld-focus-header .ld-content-actions {
    background-color: #050b0d;
  }

  body.learndash-cpt:is(.single-sfwd-lessons, .single-sfwd-topic) .learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) .sfwd-mark-complete:after {
    right: 6.5em;
  }

  /* =========================================================
   profile page css
   ========================================================= */
  #buddypress #header-cover-image {
    height: 150px;
  }

  #buddypress #item-header-cover-image {
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 15px;
  }

  #buddypress #item-header-avatar {
    margin-right: 0;
    margin-bottom: 15px;
    margin-top: -70px;
    /* Adjust overlap for stacked layout */
  }

  #buddypress #item-header-avatar img.avatar {
    width: 110px !important;
    height: 110px !important;
  }

  #buddypress nav#object-nav ul#member-primary-nav {
    justify-content: center !important;
    gap: 15px !important;
  }

  #buddypress nav#subnav ul#member-secondary-nav {
    justify-content: center !important;
  }

  #buddypress #item-body {
    padding: 20px 15px;
  }

}

@media (max-width: 767px) {
  body.woocommerce-order-received .woocommerce-order {
    padding: 16px;
    border-radius: 6px;
  }

  body.woocommerce-order-received .woocommerce-thankyou-order-received {
    padding: 18px 16px 18px 55px !important;
    font-size: 20px !important;
  }

  body.woocommerce-order-received .woocommerce-thankyou-order-received::before {
    left: 15px;
    width: 28px;
    height: 28px;
    font-size: 13px;
  }

  body.woocommerce-order-received .woocommerce-order-overview {
    grid-template-columns: 1fr;
  }

  body.woocommerce-order-received .woocommerce-order-overview li:last-child {
    grid-column: auto;
  }

  body.woocommerce-order-received .woocommerce-order-details,
  body.woocommerce-order-received .woocommerce-customer-details {
    padding: 16px !important;
  }

  body.woocommerce-order-received .woocommerce-table--order-details thead {
    display: none;
  }

  body.woocommerce-order-received .woocommerce-table--order-details,
  body.woocommerce-order-received .woocommerce-table--order-details tbody,
  body.woocommerce-order-received .woocommerce-table--order-details tfoot,
  body.woocommerce-order-received .woocommerce-table--order-details tr,
  body.woocommerce-order-received .woocommerce-table--order-details td,
  body.woocommerce-order-received .woocommerce-table--order-details th {
    display: block;
    width: 100%;
  }

  body.woocommerce-order-received .woocommerce-table--order-details .product-total,
  body.woocommerce-order-received .woocommerce-table--order-details tfoot td {
    text-align: left;
  }

  body.woocommerce-order-received .woocommerce-table--order-details tfoot th {
    padding-bottom: 5px !important;
    border-bottom: 0 !important;
  }

  body.woocommerce-order-received .woocommerce-customer-details address {
    padding: 17px !important;
    font-size: 15px;
  }

  body.learndash-cpt .ld-focus-sidebar .ld-expand-button {
    margin-left: 38px !important;
  }

  body.learndash-cpt .ld-focus-sidebar .ld-lesson-item-expanded {
    margin-right: 8px !important;
    margin-left: 32px !important;
  }

  body.learndash-cpt .ld-focus-sidebar .ld-table-list-item:hover {
    transform: none;
  }

  body.learndash-cpt:is(.single-sfwd-lessons, .single-sfwd-topic) .ld-focus-sidebar .ld-course-navigation-heading {
    padding: 20px 52px 20px 16px !important;
  }

  body.learndash-cpt:is(.single-sfwd-lessons, .single-sfwd-topic) .ld-focus-sidebar .ld-focus-mode-course-heading-wrapper a {
    font-size: 15px !important;
  }

  body.learndash-cpt:is(.single-sfwd-lessons, .single-sfwd-topic) .ld-focus-sidebar .ld-lesson-item {
    margin-right: 7px !important;
    margin-left: 7px !important;
  }

  body.learndash-cpt:is(.single-sfwd-lessons, .single-sfwd-topic) .ld-focus-sidebar .ld-lesson-item:hover {
    transform: none;
  }

  body.single-sfwd-courses .ld-item-list-items {
    padding: 12px !important;
  }

  body.single-sfwd-courses .ld-item-list-section-heading {
    margin-top: 24px !important;
    padding: 14px 14px 14px 25px !important;
  }

  body.single-sfwd-courses .ld-item-lesson-item {
    padding: 14px 10px 14px 14px !important;
  }

  body.single-sfwd-courses .ld-item-lesson-item:hover {
    transform: none;
  }

  body.single-sfwd-courses .ld-item-name {
    gap: 10px;
  }

  body.single-sfwd-courses .ld-item-list-items .ld-pages {
    width: 100%;
    gap: 8px;
  }

  body.single-sfwd-courses .learndash_post_sfwd-courses .ld-course-status.ld-course-status-not-enrolled {
    flex-direction: column;
    padding: 10px 20px !important;
  }

  body.single-sfwd-courses .learndash_post_sfwd-courses .ld-course-status-not-enrolled .ld-course-status-segment {
    width: 100%;
    padding: 25px 0 !important;
    border-right: 0 !important;
    border-bottom: 1px solid var(--status-divider) !important;
  }

  body.single-sfwd-courses .learndash_post_sfwd-courses .ld-course-status-not-enrolled .ld-course-status-segment:last-child {
    border-bottom: 0 !important;
  }

  body.single-sfwd-courses .learndash_post_sfwd-courses .ld-course-status-not-enrolled .btn-join {
    width: 100%;
  }

  body.single-sfwd-courses .learndash_post_sfwd-courses .ld-course-status {
    margin-inline: 18px;
  }

  .quote p {
    margin: 0;
  }

  .woocommerce #customer_login {
    margin: 20px auto;
    max-width: 92%;
  }

  .woocommerce #customer_login .u-column1,
  .woocommerce #customer_login .u-column2 {
    border-radius: 6px;
  }

  .woocommerce #customer_login #username,
  .woocommerce #customer_login #reg_email {
    background-position: right 15px center;
    background-size: 20px;
  }

  .woocommerce form.woocommerce-ResetPassword {
    margin: 20px auto;
    border-radius: 6px;
  }

  .woocommerce form.woocommerce-ResetPassword input[type="text"] {
    padding-right: 52px;
    background-position: right 15px center;
    background-size: 20px;
  }

  .quote p {
    padding: 0 15px;
  }

  .half-divide::after {
    content: none !important;
  }

  .elementor-widget-text-editor .learndash-wrapper .ld-login-modal .ld-login-modal-login {
    margin-bottom: 30px;
  }

  .elementor-47125 .learndash-wrapper #ld-profile .ld-profile-stats .ld-profile-stat {
    margin-bottom: 0 !important;
    width: 100%;
  }

  .elementor-47125 .learndash-wrapper #ld-profile .ld-section-heading .ld-expand-button {
    max-width: 85%;
  }

  .elementor-47125 .ld-profile-summary,
  .elementor-47125 .ld-course-list {
    padding: 25px 15px !important;
  }

  .elementor-47125 .ld-profile-avatar {
    width: 100px !important;
    height: 100px !important;
  }

  .elementor-47125 .learndash-wrapper .ld-expand-button {
    outline: none !important;
  }

  .learndash-wrapper .ld-expand-button.ld-button-alternate .ld-icon {
    background-color: transparent !important;
    color: var(--tri-accent) !important;
    outline: 1px solid var(--tri-accent);
  }

  .elementor-47125 .ld-progress .ld-progress-heading {
    gap: 10px;
  }

  body.learndash-cpt:is(.single-sfwd-lessons, .single-sfwd-topic) .learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) .sfwd-mark-complete:after {
    right: 1.5em;
  }

  /* =========================================================
   profile page css
   ========================================================= */
  #buddypress {
    margin: 20px auto;
  }

  #buddypress nav#object-nav ul#member-primary-nav {
    flex-direction: column !important;
    align-items: center !important;
    gap: 10px !important;
  }

  #buddypress nav#object-nav ul#member-primary-nav li {
    width: 100%;
    text-align: center;
  }

  #buddypress nav#object-nav ul#member-primary-nav li a {
    border-bottom: none !important;
    border-left: 2px solid transparent !important;
  }

  #buddypress nav#object-nav ul#member-primary-nav li.current a {
    border-bottom: none !important;
    border-left: 2px solid var(--e-global-color-accent) !important;
    background: rgba(202, 150, 79, 0.05) !important;
  }

  /* Tighten up navigation spacing for very small screens */
  #buddypress nav#object-nav ul#member-primary-nav {
    gap: 5px !important;
  }

  #buddypress nav#object-nav ul#member-primary-nav li a {
    padding: 8px 10px !important;
    font-size: 13px !important;
  }

  #buddypress nav#subnav ul#member-secondary-nav a {
    padding: 8px 12px !important;
    font-size: 13px !important;
  }

  /* Stack tables vertically so data doesn't get squished */
  #buddypress table.profile-fields,
  #buddypress table.profile-settings {
    display: block !important;
  }

  #buddypress table.profile-fields tbody,
  #buddypress table.profile-fields tr,
  #buddypress table.profile-fields td,
  #buddypress table.profile-settings thead,
  #buddypress table.profile-settings tbody,
  #buddypress table.profile-settings tr,
  #buddypress table.profile-settings th,
  #buddypress table.profile-settings td {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  #buddypress table.profile-fields td.label,
  #buddypress table.profile-settings thead th {
    border-right: none !important;
    border-bottom: none !important;
    padding-bottom: 5px !important;
    color: var(--e-global-color-accent) !important;
  }

  #buddypress table.profile-fields td.data,
  #buddypress table.profile-settings tbody td {
    padding-top: 5px !important;
    border-bottom: 1px solid rgba(202, 150, 79, 0.2) !important;
    margin-bottom: 10px !important;
  }

  #buddypress table.profile-fields tr:last-child td.data,
  #buddypress table.profile-settings tbody tr:last-child td {
    border-bottom: none !important;
    margin-bottom: 0 !important;
  }

  #buddypress nav#object-nav ul#member-primary-nav li,
  #buddypress .item-list-tabs#object-nav ul li {
    width: 100% !important;
  }

}