/* RHDM funnel theme — dark cohesion for checkout / cart / My Account / course pages,
   matched to the homepage (page 875). Loaded only on those pages by rhdm-funnel-theme.php.
   First pass — iterate freely (CSS file, no opcache). */

:root{
  --ink:#0E1116; --ink2:#0b0e12; --raise:#161B22; --line:rgba(255,255,255,.12);
  --blue:#6799B2; --tx:#F4F6F8; --tx2:#C9D1D9; --tx3:#8A95A0;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}

/* ---- page surface + base text ---- */
html, body{ background:var(--ink) !important; }
body{ color:var(--tx2) !important; font-family:var(--font) !important; }
.ct-section, .ct-section-inner-wrap, .ct-div-block, #inner_content, .inner-content,
.oxy-stock-content-styles{ background:transparent !important; }
h1,h2,h3,h4,h5{ color:var(--tx) !important; font-family:var(--font) !important; letter-spacing:-.01em; }
p, li, span, td, th, label, dt, dd{ color:var(--tx2); }
a{ color:var(--blue); }
a:hover{ color:#8fbdd4; }

/* ---- global Oxygen header/footer (cart + My Account carry it) ---- */
header, .oxy-header, .oxy-header-wrapper, .oxy-header-container, .oxy-header-row,
.ct-section.oxy-header, #site-header{ background:var(--ink) !important; border-bottom:1px solid var(--line); }
header a, .oxy-menu .menu-item a, .oxy-nav-menu a, .menu-item a{ color:var(--tx2) !important; }
header a:hover, .menu-item a:hover{ color:var(--tx) !important; }
.oxy-pro-menu .oxy-pro-menu-show-dropdown-icon{ color:var(--tx2); }

/* ---- WooCommerce panels (order review, cart totals, account content) ---- */
.woocommerce table.shop_table,
.woocommerce-checkout-review-order-table,
.woocommerce .cart_totals,
.woocommerce-MyAccount-content,
.woocommerce-order, .woocommerce-customer-details,
.woocommerce ul.order_details{
  background:var(--raise) !important; border:1px solid var(--line) !important;
  border-radius:14px; padding:18px; color:var(--tx2);
}
.woocommerce table.shop_table th, .woocommerce table.shop_table td{ border-color:var(--line) !important; color:var(--tx2); }
.woocommerce table.shop_table tfoot th, .order-total .amount,
.woocommerce-Price-amount, .product-total .amount{ color:var(--tx) !important; }
.product-name a{ color:var(--tx) !important; }

/* ---- My Account nav tabs ---- */
.woocommerce-MyAccount-navigation ul{ list-style:none; padding:0; }
.woocommerce-MyAccount-navigation li{ background:var(--raise); border:1px solid var(--line); border-radius:10px; margin-bottom:8px; }
.woocommerce-MyAccount-navigation li a{ color:var(--tx2) !important; display:block; padding:12px 16px; }
.woocommerce-MyAccount-navigation li.is-active{ background:var(--blue); }
.woocommerce-MyAccount-navigation li.is-active a{ color:#0E1116 !important; font-weight:700; }

/* ---- form fields: keep LIGHT for legibility ---- */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce-account input[type=text], .woocommerce-account input[type=email],
.woocommerce-account input[type=password], .woocommerce-account input[type=tel],
.select2-container--default .select2-selection--single,
.woocommerce #order_comments{
  background:#fff !important; color:#0E1116 !important; border:1px solid #d0d7de !important;
  border-radius:8px !important; padding:12px 14px !important; font-family:var(--font);
}
.woocommerce form .form-row label, .woocommerce-billing-fields label,
.woocommerce-account label, .woocommerce-shipping-fields label{ color:var(--tx2) !important; }
::placeholder{ color:#6b7681; }

/* ---- payment box ---- */
.woocommerce-checkout #payment{ background:var(--raise) !important; border:1px solid var(--line); border-radius:14px; }
.woocommerce-checkout #payment ul.payment_methods{ border-bottom:1px solid var(--line); }
.woocommerce-checkout #payment ul.payment_methods li label{ color:var(--tx) !important; font-weight:600; }
.woocommerce-checkout #payment div.payment_box{ background:#fff !important; color:#0E1116 !important; border-radius:10px; }
.woocommerce-checkout #payment div.payment_box:before{ border-bottom-color:#fff !important; }

/* ---- buttons -> white CTA like the homepage ---- */
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #place_order, .wc-proceed-to-checkout a.checkout-button,
.woocommerce .button.alt, .woocommerce-account button.button,
.learndash-wrapper .ld-button, .ld-button{
  background:#fff !important; color:#0E1116 !important; border:1px solid #fff !important;
  border-radius:9px !important; font-weight:800 !important; padding:14px 28px !important;
  text-transform:none !important; box-shadow:none !important; transition:background .2s,transform .08s;
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce #place_order:hover,
.wc-proceed-to-checkout a.checkout-button:hover, .woocommerce .button.alt:hover,
.learndash-wrapper .ld-button:hover{ background:#E8EEF2 !important; transform:translateY(-1px); }
.woocommerce a.button.wc-backward{ background:transparent !important; color:var(--tx) !important; border:1px solid var(--line) !important; }

/* ---- coupon / quantity ---- */
.quantity input.qty{ background:#fff !important; color:#0E1116 !important; border:1px solid #d0d7de !important; border-radius:8px; }

/* ---- notices ---- */
.woocommerce-message, .woocommerce-info, .woocommerce-noreviews, p.no-comments{
  background:var(--raise) !important; color:var(--tx2) !important; border-top:3px solid var(--blue) !important; border-radius:0 0 10px 10px;
}
.woocommerce-error{ background:var(--raise) !important; color:var(--tx2) !important; border-top:3px solid #e5534b !important; }

/* ---- LearnDash course / lesson ---- */
.learndash-wrapper{ color:var(--tx2) !important; }
.learndash-wrapper h1, .learndash-wrapper h2, .learndash-wrapper h3, .learndash-wrapper h4{ color:var(--tx) !important; }
.learndash-wrapper .ld-item-list .ld-item-list-item,
.learndash-wrapper .ld-course-status, .learndash-wrapper .ld-lesson-item,
.learndash-wrapper .ld-table-list-items, .learndash-wrapper .ld-tabs-content{
  background:var(--raise) !important; border:1px solid var(--line) !important; border-radius:12px; color:var(--tx2);
}
.learndash-wrapper .ld-progress-bar{ background:rgba(255,255,255,.10) !important; }
.learndash-wrapper .ld-progress-bar .ld-progress-bar-percentage{ background:var(--blue) !important; }
.learndash-wrapper a{ color:var(--blue) !important; }

/* ==== PASS 2 — 2026-07-04, from Robert's phone QA screenshots ==== */

/* 1) Headings/labels INSIDE the light form cards were washed out (near-white on white).
      Billing details / Additional information / Order notes → dark ink. */
#customer_details h3, .woocommerce-billing-fields h3,
.woocommerce-additional-fields h3{ color:#0E1116 !important; }
#customer_details label, .woocommerce-additional-fields label,
.woocommerce-billing-fields label{ color:#3B4552 !important; }
#customer_details .required, .woocommerce-additional-fields .required{ color:#b3261e !important; }

/* 2) Links readable on dark everywhere (coupon toggle was near-invisible; terms/privacy
      were default browser blue). */
.woocommerce-info a, .woocommerce-message a, .woocommerce-form-coupon-toggle a,
a.showcoupon, #payment a, .woocommerce-terms-and-conditions-wrapper a,
.woocommerce-privacy-policy-text a{
  color:var(--blue) !important; text-decoration:underline;
}

/* 3) PayPal description: kill the white tooltip bubble → quiet dark card. (Stripe's box
      stays light — its card fields render on light.) */
.woocommerce-checkout #payment div.payment_box.payment_method_paypal{
  background:#1C232C !important; color:var(--tx2) !important; border:1px solid var(--line);
}
.woocommerce-checkout #payment div.payment_box.payment_method_paypal:before{
  border-bottom-color:#1C232C !important;
}

/* 4) "Your order": breathing room above + calmer table (the outlines were louder than
      the numbers). Internal rules softened, outer border quieted, total row emphasized. */
#order_review_heading{ margin:36px 0 14px !important; }
.woocommerce table.shop_table, .woocommerce-checkout-review-order-table{
  border:1px solid rgba(255,255,255,.08) !important;
}
.woocommerce table.shop_table th, .woocommerce table.shop_table td{
  border:0 !important; border-bottom:1px solid rgba(255,255,255,.07) !important;
  padding:14px 10px !important;
}
.woocommerce table.shop_table tfoot tr:last-child th,
.woocommerce table.shop_table tfoot tr:last-child td{ border-bottom:0 !important; }
.woocommerce-checkout-review-order-table .order-total .amount{ font-size:1.22em; }

/* 4b) One-product store: "× 1" and the Subtotal row are noise (taxes are off; nothing
       can differ from Total). Product line + Total only. Coupon rows still show if used. */
.woocommerce-checkout-review-order-table .product-quantity{ display:none !important; }
.woocommerce-checkout-review-order-table tr.cart-subtotal{ display:none !important; }

/* 5) Notice icons: Woo's default font glyph renders as a senseless blue box here.
      Kill it everywhere; give the two checkout toggles MEANINGFUL icons instead
      (returning customer = person, coupon = tag), drawn inline in brand blue. */
.woocommerce-info::before, .woocommerce-message::before, .woocommerce-error::before{
  display:none !important;
}
.woocommerce-info, .woocommerce-message, .woocommerce-error{ padding-left:18px !important; }
.woocommerce-form-login-toggle .woocommerce-info::before,
.woocommerce-form-coupon-toggle .woocommerce-info::before{
  content:"" !important; display:inline-block !important; position:static !important;
  width:19px; height:19px; margin:0 12px -4px 0; background:var(--blue);
  -webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 12a5 5 0 1 0-5-5 5 5 0 0 0 5 5zm0 2c-4.4 0-8 2.2-8 5v2h16v-2c0-2.8-3.6-5-8-5z"/></svg>') center/contain no-repeat;
          mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 12a5 5 0 1 0-5-5 5 5 0 0 0 5 5zm0 2c-4.4 0-8 2.2-8 5v2h16v-2c0-2.8-3.6-5-8-5z"/></svg>') center/contain no-repeat;
}
.woocommerce-form-coupon-toggle .woocommerce-info::before{
  -webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21.4 11.6l-9-9A2 2 0 0 0 11 2H4a2 2 0 0 0-2 2v7a2 2 0 0 0 .6 1.4l9 9a2 2 0 0 0 2.8 0l7-7a2 2 0 0 0 0-2.8zM6.5 8A1.5 1.5 0 1 1 8 6.5 1.5 1.5 0 0 1 6.5 8z"/></svg>') center/contain no-repeat;
          mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21.4 11.6l-9-9A2 2 0 0 0 11 2H4a2 2 0 0 0-2 2v7a2 2 0 0 0 .6 1.4l9 9a2 2 0 0 0 2.8 0l7-7a2 2 0 0 0 0-2.8zM6.5 8A1.5 1.5 0 1 1 8 6.5 1.5 1.5 0 0 1 6.5 8z"/></svg>') center/contain no-repeat;
}

/* ==== PASS 3 — 2026-07-07 (Robert's 2nd phone QA round) ==== */

/* 6) Checkout login drawer: was old scheme (grey-on-white, invisible white Login button). */
.woocommerce-checkout form.woocommerce-form-login{ background:#fff; border-radius:12px; }
.woocommerce-checkout form.woocommerce-form-login p,
.woocommerce-checkout form.woocommerce-form-login label{ color:#3B4552 !important; }
.woocommerce-checkout form.woocommerce-form-login .lost_password a{ color:#33566b !important; }
.woocommerce-checkout form.woocommerce-form-login button[name="login"],
.woocommerce-checkout form.woocommerce-form-login .button{
  background:#0E1116 !important; color:#fff !important; border-color:#0E1116 !important;
  width:100%; margin-top:12px;
}
.woocommerce-checkout form.woocommerce-form-login button[name="login"]:hover{ background:#242c36 !important; }
.woocommerce-form-login__rememberme{ display:block !important; margin:2px 0 4px !important; }

/* 7) Payment/order typography — one deliberate type scale instead of the size soup. */
#order_review_heading{ font-size:25px !important; font-weight:800 !important; letter-spacing:-.01em; }
.woocommerce-checkout-review-order-table thead th{
  font-size:11px !important; letter-spacing:.14em; color:var(--tx3) !important; font-weight:700;
}
.woocommerce-checkout-review-order-table td.product-name{
  font-size:16px !important; font-weight:600; color:var(--tx) !important;
}
.woocommerce-checkout-review-order-table .woocommerce-Price-amount{ font-size:16px; font-weight:700; }
.woocommerce-checkout-review-order-table .order-total th{
  font-size:11px !important; letter-spacing:.14em; text-transform:uppercase; color:var(--tx3) !important;
}
.woocommerce-checkout-review-order-table .order-total .amount{ font-size:22px !important; }
.woocommerce-checkout #payment ul.payment_methods li label{ font-size:16px !important; }
.woocommerce-checkout #payment .payment_box p{ font-size:14px !important; line-height:1.55; margin:0; }
.woocommerce-privacy-policy-text p{ font-size:13px !important; color:var(--tx3) !important; line-height:1.6; }
.woocommerce-terms-and-conditions-wrapper .woocommerce-form__label-for-checkbox span{ font-size:14px; }
.woocommerce-checkout #place_order{ font-size:17px !important; }

/* 8) Course pages: LearnDash status box was still its default light scheme (specificity
      beat pass 1). Force the dark card. */
.learndash-wrapper .ld-course-status.ld-course-status-not-enrolled,
.learndash-wrapper .ld-course-status.ld-course-status-enrolled{
  background:var(--raise) !important; border:1px solid var(--line) !important; border-radius:14px;
}
.learndash-wrapper .ld-course-status-segment{ border-color:var(--line) !important; }
.learndash-wrapper .ld-course-status-label{
  color:var(--tx3) !important; text-transform:uppercase; font-size:12px; letter-spacing:.1em; font-weight:700;
}
.learndash-wrapper .ld-course-status-price{ color:var(--tx) !important; font-weight:800; font-size:22px; }
.learndash-wrapper .ld-course-status a.ld-button{ text-align:center; }

/* 9) Global Oxygen header (template 64): kill the old-brand RED account pill + red accents;
      match the dark scheme. Sub-menu (Profile/My Courses/My Account) themed dark too. */
#-pro-menu-24-64{ background-color:var(--raise) !important; border:1px solid var(--line) !important; border-radius:8px !important; }
#div_block-12-64{ background-color:var(--ink) !important; }
#link_text-43-64{ background-color:#fff !important; color:#0E1116 !important; }
#link_text-43-64:hover{ background-color:#E8EEF2 !important; color:#0E1116 !important; }
.oxy-pro-menu .menu-item a{ color:var(--tx2) !important; }
.oxy-pro-menu .sub-menu{ background:var(--raise) !important; border:1px solid var(--line); }
.oxy-pro-menu .sub-menu .menu-item a{ background:var(--raise) !important; color:var(--tx2) !important; }
.oxy-pro-menu .sub-menu .menu-item a:hover{ background:var(--blue) !important; color:#0E1116 !important; }

/* ==== PASS 3b — 2026-07-07: free-course / course-page cleanup (verified via headless render) ==== */

/* The saturated BLUE frame around the course status box = Oxygen #inner_content-3-29
   (facebook-blue #3b5998, 65px padding). Neutralize; let the dark card sit on the page. */
#inner_content-3-29{ background-color:transparent !important; padding-left:24px !important; padding-right:24px !important; }
/* The giant empty void below = min-height:70vh on this wrapper. */
#div_block-9-135{ min-height:auto !important; overflow:visible !important; }

/* Footer (template 64): stale "© 2020" + developer credit + loud social squares. */
#text_block-17-64{ font-size:0 !important; line-height:0; }
#text_block-17-64::after{
  content:"© Robert Hoffman's Dance Mastery. All rights reserved.";
  font-size:14px; line-height:1.6; color:var(--tx3);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
#link-20-64{ display:none !important; }  /* "by <developer>" credit */
#_social_icons-19-64 a{ filter:grayscale(1) brightness(1.35); }
#section-13-64{ background-color:var(--ink) !important; border-top:1px solid var(--line); }
#section-13-64 *{ font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important; }

/* Footer logo: swap the bright-red 2020 mark for the current homepage mark */
#image-16-64{ content:url('/wp-content/uploads/2022/08/Logo-copy-2.png'); width:40px; height:40px; border-radius:8px; }

/* Course/lesson page titles: match homepage type (they render spaced-out uppercase) */
.single-sfwd-courses h1, .single-sfwd-lessons h1, .single-sfwd-topic h1{
  font-weight:800 !important; letter-spacing:-.01em !important;
}

/* ==== PASS 4 — 2026-07-08: contact page + uniform chrome support ==== */

/* Contact (386): was a lopsided two-column with a red mail icon + crawlable email on the
   left. Email/icon removed (JS drops the nodes; CSS is the backstop) — the form IS the
   contact channel. Stack + center everything. */
/* both envelope icons (plain + red envelope-square) + crawlable email removed */
.page-id-386 #fancy_icon-11-386, .page-id-386 #fancy_icon-17-386,
.page-id-386 #link_text-12-386{ display:none !important; }
.page-id-386 .ct-fancy-icon{ display:none !important; }
.page-id-386 #new_columns-3-386{ display:flex !important; flex-direction:column; align-items:center; gap:6px; }
.page-id-386 #new_columns-3-386 > .ct-div-block{ width:100% !important; max-width:640px; margin:0 auto; float:none; }
.page-id-386 #headline-5-386{ text-align:center; width:100%; }

/* FluentForm fields on the dark theme (contact + coaching forms) */
.fluentform input[type="text"], .fluentform input[type="email"], .fluentform input[type="tel"],
.fluentform input[type="url"], .fluentform textarea, .fluentform select{
  background:#fff !important; color:#0E1116 !important; border:1px solid #d0d7de !important;
  border-radius:8px !important; padding:12px 14px !important;
}
.fluentform label{ color:var(--tx2) !important; }
.fluentform .ff-btn-submit{
  background:#fff !important; color:#0E1116 !important; border:0 !important;
  border-radius:9px !important; font-weight:800 !important; padding:13px 28px !important;
}
.fluentform .ff-btn-submit:hover{ background:#E8EEF2 !important; }

/* ==== PASS 5 — 2026-07-08: My Account cleanup (Robert's logged-in screenshots) ==== */

/* THE clusterfuck: Oxygen pins the account section to a FIXED 80vh — taller content
   (account details form) overflows and the footer renders straight through it. */
#section-3-814{ height:auto !important; min-height:55vh; }

/* Account nav tabs: kill the legacy red for good; dark cards, blue active. */
.woocommerce-MyAccount-navigation li{ background:var(--raise) !important; border:1px solid var(--line) !important; }
.woocommerce-MyAccount-navigation li a{ background:transparent !important; color:var(--tx2) !important; }
.woocommerce-MyAccount-navigation li.is-active{ background:var(--blue) !important; }
.woocommerce-MyAccount-navigation li.is-active a{ color:#0E1116 !important; }

/* Account forms sit on WHITE cards (same doctrine as checkout): dark text, dark buttons.
   The washed-out grey labels and the white-on-white Log in / Save changes buttons die here. */
.woocommerce-account form.woocommerce-form-login label,
.woocommerce-account form.woocommerce-form-register label,
.woocommerce-account .woocommerce-MyAccount-content form label{ color:#3B4552 !important; }
.woocommerce-account .woocommerce-MyAccount-content form p,
.woocommerce-account .woocommerce-MyAccount-content form span,
.woocommerce-account .woocommerce-MyAccount-content form em{ color:#4A5560 !important; }
.woocommerce-account .woocommerce-MyAccount-content form h1,
.woocommerce-account .woocommerce-MyAccount-content form h2,
.woocommerce-account .woocommerce-MyAccount-content form h3,
.woocommerce-account .woocommerce-MyAccount-content fieldset legend{ color:#0E1116 !important; }
.woocommerce-account form.woocommerce-form-login .button,
.woocommerce-account form.woocommerce-form-register .button,
.woocommerce-account .woocommerce-MyAccount-content .button{
  background:#0E1116 !important; color:#fff !important; border-color:#0E1116 !important;
  width:100%; margin-top:12px;
}
.woocommerce-account form.woocommerce-form-login .button:hover,
.woocommerce-account .woocommerce-MyAccount-content .button:hover{ background:#242C36 !important; }
.woocommerce-account .woocommerce-MyAccount-content fieldset{
  border:1px solid #D8DEE4 !important; border-radius:10px; padding:16px 18px; margin-top:10px;
}

/* ==== PASS 6 — 2026-07-08: lesson/video pages (video tiny, layout squeezed, wonky colors) ==== */

/* Dead vertical space under the lesson title — Oxygen pads the title section 3–6em. */
#section-15-135 > .ct-section-inner-wrap{ padding-top:28px !important; padding-bottom:14px !important; }
/* Content wrapper: kill the scroll-trap / fixed-height flex squeeze. */
#div_block-9-135{ overflow:visible !important; height:auto !important; max-height:none !important; }
#div_block-16-135{ width:100%; }

/* THE VIDEO: Gutenberg Vimeo embeds ship a fixed 500×281 iframe. Full-width 16:9. */
.learndash-wrapper .wp-block-embed{ margin:0 0 24px !important; }
.learndash-wrapper .wp-block-embed__wrapper{ position:relative; width:100%; padding-top:56.25%; }
.learndash-wrapper .wp-block-embed__wrapper iframe{
  position:absolute; inset:0; width:100% !important; height:100% !important; border-radius:12px;
}

/* Breadcrumb/status bar: LD's light card + full-width pill → one quiet dark bar. */
.learndash-wrapper .ld-lesson-status{ background:transparent !important; }
.learndash-wrapper .ld-breadcrumbs{
  background:var(--raise) !important; border:1px solid var(--line); border-radius:12px;
  padding:12px 16px !important; display:flex; align-items:center; justify-content:space-between;
  gap:10px 14px; flex-wrap:wrap;
}
.learndash-wrapper .ld-breadcrumbs-segments span a{ color:var(--tx3) !important; font-size:13px; font-weight:600; }
.learndash-wrapper .ld-breadcrumbs-segments span:last-child a{ color:var(--tx) !important; }
.learndash-wrapper .ld-breadcrumbs .ld-status{
  border-radius:999px; font-size:11px; letter-spacing:.06em; padding:6px 14px !important;
  width:auto !important; margin:0 !important;
}
.learndash-wrapper .ld-status.ld-status-progress{ background:var(--blue) !important; color:#0E1116 !important; }

/* Lesson body: readable measure, calm color, consistent type. */
.learndash-wrapper .ld-tab-content{ color:var(--tx2) !important; font-size:16.5px; line-height:1.7; }
.learndash-wrapper .ld-tab-content p.course-text,
.learndash-wrapper .ld-tab-content > p{ max-width:760px; }

/* Lesson action buttons: Mark Complete = white CTA; disabled Next Lesson = quiet, legible. */
.learndash-wrapper #learndash_mark_complete_button,
.learndash-wrapper .learndash_mark_complete_button,
.learndash-wrapper input[type="submit"].learndash_mark_complete_button{
  background:#fff !important; color:#0E1116 !important; border:1px solid #fff !important;
  border-radius:9px !important; font-weight:800 !important; padding:12px 26px !important;
  font-size:15px !important; cursor:pointer;
}
.learndash-wrapper .ld-content-actions{ margin-top:20px; align-items:center; gap:12px; }
.learndash-wrapper .ld-content-action a.ld-button{ font-size:15px !important; padding:12px 26px !important; }
.learndash-wrapper a.ld-button.learndash-link-disabled{
  background:transparent !important; color:#5A6570 !important;
  border:1px solid rgba(255,255,255,.14) !important; text-decoration:none !important;
}
/* the generic light-grey span rule was bleeding into button labels (grey-on-white) */
.learndash-wrapper .ld-button span{ color:inherit !important; }
/* action row: Mark Complete left, Next Lesson right, Back to Course centered below */
.learndash-wrapper .ld-content-actions{
  display:flex !important; flex-wrap:wrap; align-items:center; justify-content:space-between;
  gap:14px; margin-top:22px !important;
}
.learndash-wrapper .ld-content-actions .sfwd-mark-complete{ margin:0 !important; }
.learndash-wrapper .ld-course-step-back{
  order:3; flex-basis:100%; text-align:center; color:var(--blue) !important; font-size:14px;
}