/* Course sales pages: the hero in the AU/NZ shape (sub-line, bullet points, close line, start line) and the guides block. Shared by every course page. */
.pec-hero .pec-sub{display:block;margin:0 0 18px;padding-top:12px;border-top:2px solid rgba(255,187,38,.55);width:fit-content;max-width:44ch;font-size:clamp(1.02rem,1.6vw,1.22rem);line-height:1.5;color:#DCE7F8;font-weight:400}
.pec-hero .pec-sub b{color:#FFD970;font-weight:600}
.pec-hero .hx-lede{font-size:17px;line-height:1.55;color:#fff;font-weight:600;margin:0 0 14px;max-width:60ch}
.pec-hero .hx-points{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:8px;max-width:62ch}
.pec-hero .hx-points li{position:relative;padding-left:22px;font-size:15.5px;line-height:1.5;color:#DCE7F8;margin:0}
.pec-hero .hx-points li::before{content:"";position:absolute;left:2px;top:9px;width:7px;height:7px;border-radius:50%;background:var(--gold,#FFBB26)}
.pec-hero .hx-points li b{color:#FFD970;font-weight:600}
.pec-hero .hx-close{font-size:15.5px;line-height:1.5;color:#B9CEEE;margin:0 0 16px;max-width:60ch}
.pec-hero .startline{font-size:16px;line-height:1.6;color:#FFD970;margin:0 0 8px;max-width:64ch;padding-left:14px;border-left:3px solid var(--gold,#FFBB26)}
.pec-hero .startline strong{color:#FFD970;font-weight:600}
.pec-guides ul{margin:8px 0 0;padding-left:1.2em}
.pec-guides li{margin:0 0 6px;font-size:15px;line-height:1.5}
.pec-guides a{font-weight:600}
@media (max-width:640px){.pec-hero .hx-points li{font-size:15px}.pec-hero .pec-sub{max-width:none}}

/* The LearnDash info bar at the top of a sales page (visitor view: Not Enrolled / Price / Get Started) as one slim row,
   like the AU/NZ course banner, so the hero shows on landing (client, 21 Oct 2026). */
.pe-course-banner .ld-course-status.ld-course-status-not-enrolled{display:flex!important;flex-direction:row!important;flex-wrap:wrap;align-items:center;gap:10px 18px;padding:9px 16px!important;margin:0 0 14px!important;border:0!important;border-radius:12px;background:#16305F;color:#fff;box-shadow:none!important}
.pe-course-banner .ld-course-status-not-enrolled .ld-course-status-segment{display:flex!important;align-items:center;gap:8px;padding:0!important;margin:0!important;border:0!important;width:auto!important;max-width:none!important;flex:0 0 auto!important;flex-basis:auto!important}
.pe-course-banner .ld-course-status-not-enrolled .ld-course-status-seg-status{flex:1 1 auto!important}
.pe-course-banner .ld-course-status-not-enrolled .ld-course-status-label{display:none!important}
.pe-course-banner .ld-course-status-not-enrolled .ld-course-status-content{margin:0!important;padding:0!important}
.pe-course-banner .ld-course-status-not-enrolled .ld-status{display:inline-block!important;background:transparent!important;border:1px solid rgba(255,255,255,.4)!important;color:#DCE7F8!important;border-radius:100px;padding:3px 10px!important;font-size:12.5px!important;font-weight:600;letter-spacing:.02em;line-height:1.3}
.pe-course-banner .ld-course-status-not-enrolled .ld-tooltip__text{display:none!important}
.pe-course-banner .ld-course-status-not-enrolled .ld-course-status-price{font-size:17px!important;font-weight:700;color:#fff!important;margin:0!important}
.pe-course-banner .ld-course-status-not-enrolled .ld-course-status-action{margin:0!important}
.pe-course-banner .ld-course-status-not-enrolled .btn-join{display:inline-block!important;background:#FFBB26!important;color:#17233B!important;border:0!important;border-radius:100px!important;padding:9px 18px!important;font-size:14px!important;font-weight:700!important;line-height:1.2!important;text-decoration:none!important;box-shadow:none!important;width:auto!important;margin:0!important}
.pe-course-banner .ld-course-status-not-enrolled .btn-join:hover{background:#ffc94d!important}
@media (max-width:640px){.pe-course-banner .ld-course-status.ld-course-status-not-enrolled{flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between;padding:7px 12px!important;gap:8px;border-radius:10px}.pe-course-banner .ld-course-status-not-enrolled .ld-course-status-seg-status{display:none!important}.pe-course-banner .ld-course-status-not-enrolled .ld-course-status-seg-price{flex:1 1 auto!important}.pe-course-banner .ld-course-status-not-enrolled .ld-course-status-price{font-size:16px!important}.pe-course-banner .ld-course-status-not-enrolled .btn-join{padding:8px 14px!important;font-size:13.5px!important}}

/* The team strip in the course hero (shared block, PE_Course_Team). */
.pec-hero .hx-team{margin:20px 0 2px;padding-top:16px;border-top:1px solid rgba(255,255,255,.18);max-width:620px}
.pec-hero .hx-team-h{display:block;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#FFBB26;margin:0 0 12px}
.pec-hero .hx-team ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.pec-hero .hx-team li{display:flex;align-items:center;gap:10px;margin:0;padding:0}
.pec-hero .hx-team li::before{content:none}
.pec-hero .hx-team img{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid #FFBB26;flex:0 0 56px;margin:0}
.pec-hero .hx-team span{display:flex;flex-direction:column;line-height:1.35}
.pec-hero .hx-team a{color:#fff;font-weight:600;font-size:14.5px;text-decoration:none}
.pec-hero .hx-team a:hover{text-decoration:underline}
.pec-hero .hx-team small{color:#C9D9F2;font-size:12.5px}
.pec-hero .hx-team small.q{color:#9FC0EC;font-size:12px}
@media (max-width:640px){.pec-hero .hx-team ul{grid-template-columns:1fr}}

/* The info bar's buy button: LearnDash's own colour rules use the #btn-join id, so match that specificity. */
.pe-course-banner .learndash-wrapper #btn-join.btn-join,.pe-course-banner .learndash-wrapper .ld-course-status-action #btn-join,.pe-course-banner .learndash-wrapper .ld-course-status-action .btn-join.learndash-button-closed{background:#FFBB26!important;background-color:#FFBB26!important;color:#17233B!important;border-color:#FFBB26!important}
.pe-course-banner .learndash-wrapper #btn-join.btn-join:hover,.pe-course-banner .learndash-wrapper #btn-join.btn-join:focus{background:#ffc94d!important;background-color:#ffc94d!important;color:#17233B!important}