/* === Profit Pathways mobile fixes === */
/* Stack multi-column sections on phones (fixes crushed one-letter columns) */
@media (max-width: 781px){
	.wp-block-columns{ flex-wrap:wrap !important; }
	.wp-block-columns > .wp-block-column{ flex-basis:100% !important; max-width:100% !important; }
}
/* Collapse main nav to a hamburger before the header wraps to two lines */
@media (max-width: 980px){
	.wp-block-navigation__responsive-container:not(.is-menu-open){ display:none !important; }
	.wp-block-navigation__responsive-container-open:not(.always-shown){ display:flex !important; }
}

/* === MemberPress Classroom branding === */
.mpcs-classroom .navbar{ background-color:#224C3C !important; }
.mpcs-classroom .navbar a, .mpcs-classroom .navbar .navbar-brand{ color:#FAF4EA !important; }
.mpcs-classroom .mpcs-lesson-row-link, .mpcs-classroom .mpcs-lesson-link, .mpcs-classroom .mpcs-sidebar-menu a{ color:#224C3C !important; }
.mpcs-classroom .mpcs-section-header.active, .mpcs-classroom .mpcs-lesson-current{ border-left-color:#2E8B1A !important; }
.mpcs-classroom .mpcs-lesson-button, .mpcs-classroom .mpcs-button, .mpcs-classroom .button-primary, .mpcs-classroom .mpcs-complete-button{ background-color:#2E8B1A !important; border-color:#2E8B1A !important; color:#fff !important; }

/* === MemberPress checkout / signup button (brand amber CTA) === */
.mepr-form .mepr-submit, input.mepr-submit, .mp_wrapper .mepr-submit{ background-color:#F5A623 !important; border-color:#F5A623 !important; color:#2E2620 !important; font-weight:700 !important; }
.mepr-form .mepr-submit:hover, input.mepr-submit:hover{ background-color:#e0961b !important; }

/* === MemberPress course-overview: smoother typography + header banner === */
.mpcs-classroom .entry-content h2{ font-size:28px !important; font-weight:700 !important; color:#224C3C !important; line-height:1.2; margin-top:1.3em; }
.mpcs-classroom .entry-content h3{ font-size:21px !important; font-weight:700 !important; color:#2E8B1A !important; margin-top:1.1em; }
.mpcs-classroom .entry-content{ font-size:16px; line-height:1.7; }
.mpcs-classroom .entry-content .pp-course-header-banner{ margin:0 0 30px; }
.mpcs-classroom .entry-content .pp-course-header-banner img{ width:100%; aspect-ratio:3/1; object-fit:cover; object-position:center 40%; border-radius:10px; display:block; }

/* === CCS Course Styles === */
/* ============================================================
   Certified Cleaning Scheduler — Profit Pathways
   Shared course styles — paste <link> to this OR inline into
   MemberPress Courses custom CSS field.
   ============================================================ */

:root {
  --pp-green:      #1B6B0A;
  --pp-green-lt:   #E8F5E0;
  --pp-green-mid:  #2E8A12;
  --pp-orange:     #C65911;
  --pp-orange-lt:  #FCE4D6;
  --pp-dark:       #1A1A1A;
  --pp-gray:       #F4F4F4;
  --pp-border:     #D1D5DB;
  --pp-white:      #FFFFFF;
  --radius:        8px;
  --shadow:        0 2px 8px rgba(0,0,0,0.08);
  --font:          'Inter', 'Segoe UI', Arial, sans-serif;
}

/* ── Base ─────────────────────────────────────────────────── */
.ccs-lesson {
  font-family: var(--font);
  color: var(--pp-dark);
  max-width: 860px;
  margin: 0 auto;
  padding: 0 20px 60px;
  line-height: 1.7;
}

/* ── Day Banner ───────────────────────────────────────────── */
.ccs-day-banner {
  background: var(--pp-green);
  color: var(--pp-white);
  border-radius: var(--radius);
  padding: 28px 32px;
  margin-bottom: 32px;
}
.ccs-day-banner .ccs-day-label {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  opacity: .8;
  margin-bottom: 6px;
}
.ccs-day-banner h1 {
  font-size: 28px;
  font-weight: 800;
  margin: 0 0 8px;
  line-height: 1.2;
}
.ccs-day-banner .ccs-module-meta {
  font-size: 14px;
  opacity: .85;
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
  margin-top: 12px;
}
.ccs-day-banner .ccs-module-meta span::before {
  content: '⏱ ';
}
.ccs-day-banner .ccs-module-meta span.format::before {
  content: '📋 ';
}

/* ── Objectives box ───────────────────────────────────────── */
.ccs-objectives {
  background: var(--pp-green-lt);
  border-left: 4px solid var(--pp-green);
  border-radius: 0 var(--radius) var(--radius) 0;
  padding: 20px 24px;
  margin-bottom: 32px;
}
.ccs-objectives h3 {
  color: var(--pp-green);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin: 0 0 12px;
}
.ccs-objectives ul {
  margin: 0;
  padding-left: 20px;
}
.ccs-objectives li {
  font-size: 15px;
  margin-bottom: 6px;
}

/* ── Video Placeholder ────────────────────────────────────── */
.ccs-video-placeholder {
  background: #111;
  border-radius: var(--radius);
  aspect-ratio: 16/9;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 32px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  min-height: 240px;
}
.ccs-video-placeholder::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, #1B6B0A22 0%, #00000088 100%);
}
.ccs-video-placeholder .ccs-play-btn {
  width: 72px;
  height: 72px;
  background: var(--pp-green);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  box-shadow: 0 4px 20px rgba(0,0,0,.4);
}
.ccs-video-placeholder .ccs-play-btn::after {
  content: '';
  border-style: solid;
  border-width: 14px 0 14px 24px;
  border-color: transparent transparent transparent #fff;
  margin-left: 4px;
}
.ccs-video-placeholder .ccs-video-label {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  margin-top: 16px;
  position: relative;
  z-index: 1;
  text-align: center;
  padding: 0 20px;
}
.ccs-video-placeholder .ccs-video-sub {
  color: rgba(255,255,255,.65);
  font-size: 13px;
  margin-top: 4px;
  position: relative;
  z-index: 1;
}

/* ── Section headings ─────────────────────────────────────── */
.ccs-lesson h2 {
  font-size: 22px;
  font-weight: 700;
  color: var(--pp-green);
  border-bottom: 2px solid var(--pp-green-lt);
  padding-bottom: 8px;
  margin: 36px 0 16px;
}
.ccs-lesson h3 {
  font-size: 17px;
  font-weight: 700;
  color: var(--pp-dark);
  margin: 24px 0 10px;
}
.ccs-lesson p {
  font-size: 15px;
  margin-bottom: 14px;
}

/* ── Tables ───────────────────────────────────────────────── */
.ccs-table-wrap {
  overflow-x: auto;
  margin-bottom: 24px;
}
.ccs-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}
.ccs-table th {
  background: var(--pp-green);
  color: var(--pp-white);
  font-weight: 700;
  text-align: left;
  padding: 11px 14px;
}
.ccs-table td {
  padding: 10px 14px;
  border-bottom: 1px solid var(--pp-border);
  vertical-align: top;
}
.ccs-table tr:nth-child(even) td {
  background: var(--pp-gray);
}

/* ── Callout boxes ────────────────────────────────────────── */
.ccs-callout {
  border-radius: var(--radius);
  padding: 18px 22px;
  margin-bottom: 24px;
  font-size: 15px;
}
.ccs-callout.green {
  background: var(--pp-green-lt);
  border-left: 4px solid var(--pp-green);
  color: #144d07;
}
.ccs-callout.orange {
  background: var(--pp-orange-lt);
  border-left: 4px solid var(--pp-orange);
  color: #7a3209;
}
.ccs-callout strong {
  display: block;
  margin-bottom: 4px;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: .06em;
}

/* ── Key concept card ─────────────────────────────────────── */
.ccs-concept-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 16px;
  margin-bottom: 28px;
}
.ccs-concept-card {
  border: 1.5px solid var(--pp-border);
  border-radius: var(--radius);
  padding: 18px;
  background: var(--pp-white);
  box-shadow: var(--shadow);
}
.ccs-concept-card .ccs-card-icon {
  font-size: 28px;
  margin-bottom: 8px;
}
.ccs-concept-card h4 {
  font-size: 15px;
  font-weight: 700;
  color: var(--pp-green);
  margin: 0 0 6px;
}
.ccs-concept-card p {
  font-size: 13px;
  color: #444;
  margin: 0;
  line-height: 1.5;
}

/* ── Step list ────────────────────────────────────────────── */
.ccs-steps {
  counter-reset: step;
  list-style: none;
  padding: 0;
  margin: 0 0 24px;
}
.ccs-steps li {
  display: flex;
  gap: 16px;
  margin-bottom: 16px;
  align-items: flex-start;
}
.ccs-steps li::before {
  counter-increment: step;
  content: counter(step);
  background: var(--pp-green);
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  min-width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2px;
  flex-shrink: 0;
}
.ccs-steps li .step-body {
  flex: 1;
}
.ccs-steps li .step-title {
  font-weight: 700;
  font-size: 15px;
  color: var(--pp-dark);
}
.ccs-steps li .step-desc {
  font-size: 14px;
  color: #555;
  margin-top: 4px;
}

/* ── Mantra box ───────────────────────────────────────────── */
.ccs-mantra {
  background: var(--pp-green);
  color: #fff;
  border-radius: var(--radius);
  padding: 24px 32px;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  font-style: italic;
  margin: 36px 0 0;
  letter-spacing: .01em;
}

/* ── Navigation ───────────────────────────────────────────── */
.ccs-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 48px;
  padding-top: 24px;
  border-top: 1px solid var(--pp-border);
  gap: 16px;
}
.ccs-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 24px;
  border-radius: var(--radius);
  font-weight: 700;
  font-size: 15px;
  text-decoration: none;
  cursor: pointer;
  border: none;
  transition: opacity .15s;
}
.ccs-btn:hover { opacity: .88; }
.ccs-btn-primary {
  background: var(--pp-green);
  color: #fff;
}
.ccs-btn-secondary {
  background: var(--pp-gray);
  color: var(--pp-dark);
  border: 1.5px solid var(--pp-border);
}
.ccs-btn-disabled {
  background: #ccc;
  color: #888;
  cursor: not-allowed;
  pointer-events: none;
}

/* ── QUIZ STYLES ──────────────────────────────────────────── */
.ccs-quiz-wrap {
  font-family: var(--font);
  max-width: 760px;
  margin: 0 auto;
  padding: 0 20px 60px;
  color: var(--pp-dark);
}
.ccs-quiz-header {
  background: var(--pp-green);
  color: #fff;
  border-radius: var(--radius);
  padding: 24px 28px;
  margin-bottom: 32px;
}
.ccs-quiz-header h2 {
  font-size: 22px;
  margin: 0 0 6px;
  font-weight: 800;
}
.ccs-quiz-header p {
  font-size: 14px;
  opacity: .85;
  margin: 0;
}
.ccs-quiz-progress {
  height: 6px;
  background: var(--pp-green-lt);
  border-radius: 99px;
  margin-bottom: 28px;
  overflow: hidden;
}
.ccs-quiz-progress-bar {
  height: 100%;
  background: var(--pp-green);
  border-radius: 99px;
  transition: width .3s ease;
}
.ccs-question-block {
  background: var(--pp-white);
  border: 1.5px solid var(--pp-border);
  border-radius: var(--radius);
  padding: 24px;
  margin-bottom: 20px;
  box-shadow: var(--shadow);
}
.ccs-question-num {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--pp-green);
  margin-bottom: 8px;
}
.ccs-question-text {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 16px;
  line-height: 1.5;
}
.ccs-options {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.ccs-option {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 16px;
  border: 1.5px solid var(--pp-border);
  border-radius: 6px;
  cursor: pointer;
  transition: border-color .15s, background .15s;
  font-size: 14px;
  line-height: 1.4;
}
.ccs-option:hover { border-color: var(--pp-green); background: var(--pp-green-lt); }
.ccs-option input[type="radio"] { margin-top: 2px; accent-color: var(--pp-green); flex-shrink: 0; }
.ccs-option.selected { border-color: var(--pp-green); background: var(--pp-green-lt); }
.ccs-option.correct { border-color: #16a34a; background: #f0fdf4; }
.ccs-option.wrong { border-color: #dc2626; background: #fef2f2; }
.ccs-option.reveal-correct { border-color: #16a34a; background: #f0fdf4; }

.ccs-feedback {
  margin-top: 12px;
  padding: 10px 14px;
  border-radius: 6px;
  font-size: 13px;
  display: none;
}
.ccs-feedback.correct { background: #f0fdf4; color: #166534; border-left: 3px solid #16a34a; }
.ccs-feedback.wrong { background: #fef2f2; color: #991b1b; border-left: 3px solid #dc2626; }

.ccs-quiz-submit-wrap {
  text-align: center;
  margin-top: 32px;
}
.ccs-quiz-submit {
  padding: 14px 40px;
  background: var(--pp-green);
  color: #fff;
  border: none;
  border-radius: var(--radius);
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  transition: opacity .15s;
}
.ccs-quiz-submit:hover { opacity: .88; }
.ccs-quiz-submit:disabled { background: #ccc; cursor: not-allowed; }

/* Result panel */
.ccs-result {
  display: none;
  border-radius: var(--radius);
  padding: 32px;
  text-align: center;
  margin-top: 32px;
}
.ccs-result.pass { background: #f0fdf4; border: 2px solid #16a34a; }
.ccs-result.fail { background: #fef2f2; border: 2px solid #dc2626; }
.ccs-result .ccs-result-icon { font-size: 48px; margin-bottom: 12px; }
.ccs-result h3 { font-size: 24px; margin: 0 0 8px; }
.ccs-result.pass h3 { color: #166534; }
.ccs-result.fail h3 { color: #991b1b; }
.ccs-result p { font-size: 15px; color: #444; margin-bottom: 20px; }
.ccs-result .ccs-score-badge {
  display: inline-block;
  font-size: 36px;
  font-weight: 800;
  padding: 10px 24px;
  border-radius: 99px;
  margin-bottom: 20px;
}
.ccs-result.pass .ccs-score-badge { background: #dcfce7; color: #166534; }
.ccs-result.fail .ccs-score-badge { background: #fee2e2; color: #991b1b; }
.ccs-continue-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 32px;
  background: var(--pp-green);
  color: #fff;
  border: none;
  border-radius: var(--radius);
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  text-decoration: none;
  transition: opacity .15s;
}
.ccs-continue-btn:hover { opacity: .88; }
.ccs-retry-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 32px;
  background: var(--pp-gray);
  color: var(--pp-dark);
  border: 1.5px solid var(--pp-border);
  border-radius: var(--radius);
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  margin-right: 12px;
}

/* ── CERTIFICATE ──────────────────────────────────────────── */
.ccs-cert-wrap {
  font-family: var(--font);
  max-width: 800px;
  margin: 0 auto;
  padding: 20px;
}
.ccs-cert {
  border: 8px solid var(--pp-green);
  border-radius: 16px;
  padding: 60px 60px 50px;
  text-align: center;
  position: relative;
  background: #fff;
}
.ccs-cert-badge {
  width: 100px;
  height: 100px;
  object-fit: contain;
  margin-bottom: 20px;
}
.ccs-cert-badge-placeholder {
  width: 100px;
  height: 100px;
  background: var(--pp-green-lt);
  border: 3px dashed var(--pp-green);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  font-size: 11px;
  color: var(--pp-green);
  font-weight: 700;
  text-align: center;
  line-height: 1.3;
}
.ccs-cert-brand {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .15em;
  text-transform: uppercase;
  color: var(--pp-green);
  margin-bottom: 6px;
}
.ccs-cert-subtitle {
  font-size: 13px;
  color: #666;
  margin-bottom: 28px;
}
.ccs-cert h1 {
  font-size: 32px;
  font-weight: 800;
  color: var(--pp-dark);
  margin: 0 0 8px;
  line-height: 1.2;
}
.ccs-cert .ccs-cert-presents {
  font-size: 14px;
  color: #666;
  margin-bottom: 24px;
}
.ccs-cert .ccs-cert-name {
  font-size: 36px;
  font-weight: 800;
  color: var(--pp-green);
  border-bottom: 3px solid var(--pp-green);
  display: inline-block;
  padding-bottom: 4px;
  margin-bottom: 20px;
  min-width: 300px;
}
.ccs-cert .ccs-cert-desc {
  font-size: 15px;
  color: #444;
  max-width: 480px;
  margin: 0 auto 32px;
  line-height: 1.6;
}
.ccs-cert-sigs {
  display: flex;
  justify-content: center;
  gap: 80px;
  margin-top: 40px;
}
.ccs-cert-sig-block {
  text-align: center;
}
.ccs-cert-sig-line {
  width: 160px;
  height: 2px;
  background: var(--pp-dark);
  margin: 0 auto 6px;
}
.ccs-cert-sig-label {
  font-size: 12px;
  color: #666;
  font-style: italic;
}
.ccs-cert-date {
  font-size: 13px;
  color: #888;
  margin-top: 28px;
}

@media (max-width: 600px) {
  .ccs-day-banner { padding: 20px; }
  .ccs-day-banner h1 { font-size: 22px; }
  .ccs-cert { padding: 32px 20px; }
  .ccs-cert h1 { font-size: 24px; }
  .ccs-cert .ccs-cert-name { font-size: 26px; }
  .ccs-cert-sigs { gap: 32px; }
}


/* === Sub Accounts help panel === */
.mepr-manage_sub_accounts-wrapper::before{
  content:"HOW TO ADD YOUR TEAM\A\A
1.  Scroll down to Signup URL and copy the whole link, including the long code after ?ca=\A
2.  Email it to the people who should have this course. Email works better than text, which can cut off long links.\A
3.  They click it, choose their own username and password, and they show up in your list here.\A\A
Adding one person yourself? Use Add Sub Account below and tick Send NEW members the welcome email, or they will have a login and not know it.\A\A
Somebody left? Find them in the list and remove them. Their seat opens back up.\A\A
Full walkthrough: myprofitpathways.com/team-rollout";
  white-space:pre-line;
  display:block;
  background:#EFE7D8;
  border-left:6px solid #F5A623;
  border-radius:0 10px 10px 0;
  padding:20px 24px;
  margin:0 0 28px;
  font-size:15.5px;
  line-height:1.65;
  color:#2E2620;
  max-width:780px;
}
@media (max-width:640px){
  .mepr-manage_sub_accounts-wrapper::before{padding:16px 18px;font-size:14.5px;border-radius:0}
}

/* === Sub Accounts: Signup URL closeup === */
.mepr-manage_sub_accounts-wrapper::after{
  content:"";
  display:block;
  width:100%;
  max-width:700px;
  aspect-ratio:1404/242;
  background:#fff url(https://myprofitpathways.com/wp-content/uploads/2026/10/03-signup-url-closeup.png) no-repeat center/contain;
  border:2px solid #F5A623;
  border-radius:10px;
  box-shadow:0 0 0 7px #EFE7D8;
  margin:26px 0 14px;
}
@media (max-width:640px){
  .mepr-manage_sub_accounts-wrapper::after{box-shadow:0 0 0 4px #EFE7D8;margin:20px 0 10px}
}


/* === Subscriptions page help panel === */
.mepr-subscriptions-wrapper::before{
  content:"YOUR TRAININGS\A \A Each row below is a training you own. They are yours for life. Nothing renews and nothing expires.\A \A Sharing with your team? Click the three dots at the right end of a row, then Sub Accounts. Each training has its own list, so you choose who gets which one.\A \A Full walkthrough: myprofitpathways.com/team-rollout";
  white-space:pre-line; display:block; background:#EFE7D8;
  border-left:6px solid #F5A623; border-radius:0 10px 10px 0;
  padding:20px 24px; margin:0 0 28px; font-size:15.5px;
  line-height:1.65; color:#2E2620; max-width:780px;
}
@media (max-width:640px){
  .mepr-subscriptions-wrapper::before{padding:16px 18px;font-size:14.5px;border-radius:0}
}

.mepr-subscriptions-wrapper::after{
  content:"";
  display:block;
  width:100%;
  max-width:720px;
  aspect-ratio:1720/366;
  background:#fff url(https://myprofitpathways.com/wp-content/uploads/2026/10/01-click-the-three-dots.png) no-repeat center/contain;
  border:2px solid #F5A623;
  border-radius:10px;
  box-shadow:0 0 0 7px #EFE7D8;
  margin:34px 0 14px;
}
@media (max-width:640px){
  .mepr-subscriptions-wrapper::after{box-shadow:0 0 0 4px #EFE7D8;margin:24px 0 10px}
}


/* === Put the help image directly under the help panel, above the content === */
.mepr-subscriptions-wrapper,
.mepr-manage_sub_accounts-wrapper{display:flex;flex-direction:column}
.mepr-subscriptions-wrapper::before,
.mepr-manage_sub_accounts-wrapper::before{order:1}
.mepr-subscriptions-wrapper::after,
.mepr-manage_sub_accounts-wrapper::after{order:2;margin:0 0 30px}
.mepr-subscriptions-wrapper > *,
.mepr-manage_sub_accounts-wrapper > *{order:3}