/* Account frame belongs to the theme; Woo/Sensei and the site plugin own data/actions. */
.wp-site-blocks > .pp-account-shell { max-width: none; margin-top: 40px; margin-bottom: 41.8868px; }
.pp-account-shell > .pp-journal-layout { margin-top: 0; }
.pp-account-shell .pp-journal-article { color: #645667; }
.pp-account-shell .pp-journal-article > .wp-block-post-title { margin-bottom: 21.1211px; }
.pp-account-shell .woocommerce { font-size: 16px; line-height: 1.45; }
.pp-account-shell .pp-account-navigation,
.pp-account-shell .woocommerce-MyAccount-content { float: none; width: 100%; margin: 0; }
.pp-account-shell .pp-account-profile { display: flex; flex-wrap: wrap; align-items: center; gap: 15px; text-align: left; margin: 0; min-height: 67.1875px; }
.pp-account-shell .pp-account-profile details { min-width: 0; max-width: 100%; }
.pp-account-shell .pp-account-profile summary { display: block; position: relative; width: 64px; padding: 0; list-style: none; border-radius: 50%; }
.pp-account-shell .pp-account-profile summary::-webkit-details-marker { display: none; }
.pp-account-shell .pp-account-profile summary img { display: block; width: 64px; height: 64px; margin: 0; border-radius: 50%; }
.pp-account-shell .pp-account-profile summary span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.pp-account-shell .pp-account-profile details[open] { flex-basis: 100%; }
.pp-account-shell .pp-account-profile details[open] + .pp-account-profile__info { flex-basis: 100%; }
.pp-account-shell .pp-account-profile__info p { margin: 0; }
.pp-account-shell .pp-account-profile__logout { display: inline-flex; align-items: center; min-height: 44px; color: var(--wp--preset--color--purple); font-weight: 400; text-decoration: underline dotted; text-underline-offset: 3px; border: 0; }
.pp-account-shell .pp-account-navigation ul { display: flex; flex-wrap: wrap; gap: 7px 5px; margin: 20px 0 40px; padding: 7px 0 0; }
.pp-account-shell .pp-account-navigation li { float: none; display: block; margin: 0; padding: 0; border: 0; }
.pp-account-shell .pp-account-navigation li::before,
.pp-account-shell .pp-account-navigation li a::after { display: none; }
.pp-account-shell .pp-account-navigation li a { box-sizing: border-box; min-height: 44px; padding: 10px 15px 11px; border: 0; border-radius: 3px; background: #f8f1f1; color: #755683; font-size: 16px; font-weight: 400; line-height: 23.2px; text-align: center; text-decoration: none; }
.pp-account-shell .pp-account-navigation li.is-active a { background: #68407f; color: #fff; text-decoration: none; }
.pp-account-shell .pp-account-navigation li a:hover { background: var(--wp--preset--color--pink); color: #fff; }
.pp-account-shell .pp-account-welcome a { font-weight: 400; border: 0; text-decoration: none; }
.pp-account-shell .pp-account-courses ul.course-container { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; }
.pp-account-shell .pp-account-courses ul.course-container > li.course { box-sizing: border-box; width: auto; margin: 0 4%; padding: 0 0 58.096px; }
.pp-account-shell .pp-account-courses .entry { font-size: 16px; line-height: 1.45; }
.pp-account-shell .pp-account-courses p.pp-account-lesson-count { position: absolute; top: 0; right: 0; margin: 28.8px 33.12px; padding: 2px 6px; background: rgb(255 153 153 / 85%); color: #fff; font-size: 14.4px; line-height: 1.45; }
.pp-account-shell .pp-account-courses img.wp-post-image { display: block; float: none; width: 100%; height: auto; margin: 0 0 25.888px; padding: 0; }
.pp-account-shell .pp-account-courses h3.course-title { margin: 0 0 22px; font-size: 25.008px; font-weight: 400; line-height: 1.2; }
.pp-account-shell .pp-account-courses h3 a { color: var(--wp--preset--color--purple); font: inherit; border: 0; text-decoration: none; }
.pp-account-shell .pp-account-courses p.course-excerpt { font-size: 12.8px; line-height: 1.45; margin: 0 0 20.8px; }
.pp-account-shell .pp-account-courses .course-enrolment { margin: 20px 0 0; }
.pp-account-shell .woocommerce-MyAccount-content table { width: 100%; margin: 0 0 19.8205px; border: 0; border-collapse: collapse; font-size: 14px; line-height: 1.45; }
.pp-account-shell .woocommerce-MyAccount-content table th { background: #f8f1f1; padding: 19.418px; font-weight: 600; border: 0; }
.pp-account-shell .woocommerce-MyAccount-content table td { background: #fdf6f6; padding: 14px 19.8205px; border: 0; }
.pp-account-shell .woocommerce-MyAccount-content table a:not(.button) { font-weight: 400; text-decoration: none; border: 0; }
.pp-account-shell .woocommerce-MyAccount-content :is(.button, button:not(.show-password-input)) { box-sizing: border-box; min-height: 44px; background: var(--wp--preset--color--purple); color: var(--wp--preset--color--soft-pink); border: 0; border-radius: 3px; font-family: var(--wp--preset--font-family--course-button); font-weight: 600; padding: 9.88875px 22.652px; text-decoration: none; }
.pp-account-shell .woocommerce-MyAccount-content .button:hover { background: var(--wp--preset--color--pink); }
/* Woo 10 uses a row heading for order numbers; style it as a body cell.
   Keep these rules more specific than the shared account/form button styles. */
.pp-account-shell .woocommerce-MyAccount-content table.woocommerce-orders-table { border-collapse: separate; border-spacing: 0; }
.pp-account-shell .woocommerce-MyAccount-content table.woocommerce-orders-table th,
.pp-account-shell .woocommerce-MyAccount-content table.woocommerce-orders-table td { box-sizing: border-box; line-height: 1.45; }
.pp-account-shell .woocommerce-MyAccount-content table.woocommerce-orders-table thead th { border-bottom: 1px solid rgb(0 0 0 / 3.5%); }
.pp-account-shell .woocommerce-MyAccount-content table.woocommerce-orders-table tbody :is(th, td) { padding: 14px 19.8205px; font-weight: 400; vertical-align: top; border: 0; background: #fdf6f6; }
.pp-account-shell .woocommerce-MyAccount-content table.woocommerce-orders-table tbody tr:nth-child(even) :is(th, td) { background: #fbf4f4; }
.pp-account-shell .woocommerce-MyAccount-content table.woocommerce-orders-table .woocommerce-orders-table__cell-order-number a { color: var(--wp--preset--color--pink); }
.pp-account-shell .woocommerce-MyAccount-content table.woocommerce-orders-table .button { display: inline-block; width: auto; min-height: 0; margin: 0 2.891px 0 0; padding: 7.57108px 10.7188px; font-family: inherit; font-size: 12.25px; line-height: 1.45; text-align: left; letter-spacing: normal; }
.pp-account-shell .woocommerce-MyAccount-content table.woocommerce-orders-table .button.view::after { content: ""; display: inline-block; width: 12.25px; height: 12.25px; margin-left: 6.62469px; vertical-align: -1px; background: currentColor; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12Z' fill='none' stroke='black' stroke-width='2'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center / contain no-repeat; }
/* Native order detail output has its own 16px table and address hierarchy. */
.woocommerce-view-order .pp-account-shell .woocommerce-MyAccount-content > p mark { background: transparent; color: #000; font-weight: 600; }
.pp-account-shell .woocommerce-MyAccount-content :is(.woocommerce-order-details, .woocommerce-customer-details) { margin: 0; }
.pp-account-shell .woocommerce-MyAccount-content :is(.woocommerce-order-details__title, .woocommerce-column__title),
.woocommerce-view-order .pp-account-shell .woocommerce-MyAccount-content > h2 { color: var(--wp--preset--color--purple); font-size: 31.248px; font-weight: 400; line-height: 1.2; margin: 0 0 16.8986px; }
.pp-account-shell .woocommerce-MyAccount-content table.order_details { margin: 0 0 22.652px; background: #f8f1f1; border-collapse: separate; border-spacing: 0; font-size: 16px; line-height: 1.45; }
.pp-account-shell .woocommerce-MyAccount-content table.order_details :is(th, td) { box-sizing: border-box; padding: 16px 22.652px; border: 0; background: transparent; font-weight: 400; line-height: 1.45; text-align: left; vertical-align: top; }
.pp-account-shell .woocommerce-MyAccount-content table.order_details thead th { padding: 22.192px; background: #f8f1f1; border-bottom: 1px solid rgb(0 0 0 / 3.5%); font-weight: 600; vertical-align: middle; }
.pp-account-shell .woocommerce-MyAccount-content table.order_details tbody tr:nth-child(odd) td { background: #fdf6f6; }
.pp-account-shell .woocommerce-MyAccount-content table.order_details tbody tr:nth-child(even) td { background: #fbf4f4; }
.pp-account-shell .woocommerce-MyAccount-content table.order_details tfoot :is(th, td) { border-top: 1px solid rgb(0 0 0 / 3.5%); }
.pp-account-shell .woocommerce-MyAccount-content table.order_details tfoot th { font-weight: 600; }
.pp-account-shell .woocommerce-MyAccount-content table.order_details .product-quantity { font-weight: 600; }
.pp-account-shell .woocommerce-MyAccount-content table.order_details a:not(.button) { color: var(--wp--preset--color--pink); }
.pp-account-shell .woocommerce-MyAccount-content .woocommerce-customer-details address { box-sizing: border-box; width: 100%; padding: 0; margin: 0 0 22.652px; border: 0; border-radius: 0; font-style: italic; line-height: 1.45; overflow-wrap: anywhere; }
.pp-account-shell .woocommerce-MyAccount-content .woocommerce-customer-details :is(.woocommerce-customer-details--phone, .woocommerce-customer-details--email) { padding: 0; margin: 0 0 20.8px; line-height: inherit; }
.pp-account-shell .woocommerce-MyAccount-content .woocommerce-customer-details :is(.woocommerce-customer-details--phone, .woocommerce-customer-details--email)::before { display: none; }
.pp-account-shell .woocommerce-MyAccount-content .woocommerce-info { color: #645667 !important; background: #f8f1f1; }
.pp-account-shell .woocommerce-MyAccount-content .wc-block-components-notice-banner.is-info { background: rgb(0 0 0 / 2.4%); color: var(--wp--preset--color--purple); border: 0; border-radius: 0; margin: 0 0 41.8868px; padding: 16px 25.888px !important; font: inherit; }
.pp-account-shell .wc-block-components-notice-banner.is-info > svg { display: none; }
.pp-account-shell .wc-block-components-notice-banner.is-info .wc-forward { display: none; }
/* Native guest account forms: preserve the source proportions and control styling. */
.pp-account-shell .woocommerce #customer_login { grid-template-columns: minmax(0, 7fr) minmax(0, 9fr); gap: 0 5.882352%; }
.pp-account-shell .woocommerce #customer_login > :is(.col-1, .col-2) { box-sizing: border-box; padding: 20px 20px 0; margin: 0 0 25.888px; }
.pp-account-shell #customer_login h2 { color: var(--wp--preset--color--purple); font-size: 31.248px; font-weight: 400; line-height: 1.2; margin: 0 0 16.8986px; }
.pp-account-shell .woocommerce :is(form.login, form.register, form.lost_reset_password) { box-sizing: border-box; padding: 0; margin: 0 0 25.888px; border: 0; border-radius: 0; background: transparent; text-align: left; }
.pp-account-shell .woocommerce :is(form.login, form.register, form.lost_reset_password) .form-row { box-sizing: border-box; padding: 0; margin-bottom: 20.8px; }
.pp-account-shell .woocommerce :is(form.login, form.register, form.lost_reset_password) label { display: block; color: var(--wp--preset--color--deep-purple); font-size: 16px; font-weight: 500; line-height: 1.45; margin: 0 0 5px; }
.pp-account-shell .woocommerce :is(form.login, form.register, form.lost_reset_password) .input-text { box-sizing: border-box; width: 100%; max-width: 100%; min-height: 44px; padding: 9.888px; margin: 0; background: white; color: var(--wp--preset--color--purple); border: 1px solid rgb(0 0 0 / 10%); border-radius: 0; box-shadow: inset 0 1px 1px rgb(0 0 0 / 12.5%); font: 400 16px/1.3 var(--wp--preset--font-family--course-button); }
.pp-account-shell .woocommerce :is(form.login, form.register, form.lost_reset_password) .password-input .input-text { padding-right: 2.5rem; }
.pp-account-shell .woocommerce :is(form.login, form.register, form.lost_reset_password) button[type=submit] { box-sizing: border-box; float: none; display: inline-block; width: auto; min-height: 44px; padding: 9.88875px 22.652px; margin: 0; border: 0; border-radius: 3px; background: var(--wp--preset--color--purple); color: var(--wp--preset--color--soft-pink); font: 600 16px/1.618 var(--wp--preset--font-family--course-button); text-decoration: none; }
.pp-account-shell .woocommerce :is(form.login, form.register, form.lost_reset_password) button[type=submit]:hover { background: var(--wp--preset--color--pink); }
.pp-account-shell .woocommerce form.login label.woocommerce-form-login__rememberme { display: block; margin: 0 0 5px; }
.pp-account-shell .woocommerce form.login .lost_password a { color: #ce5463; font-weight: 500; border-bottom: 2px solid currentColor; text-decoration: none; }
.pp-account-shell .woocommerce form.register .form-row-first { float: left; width: 33.333333%; margin-right: 11.111111%; }
.pp-account-shell .woocommerce form.register .form-row-last { float: right; width: 55.555556%; margin-right: 0; }
.pp-account-shell .woocommerce form.lost_reset_password .form-row-first { width: 47.058824%; margin-right: 5.882352%; }
.pp-account-shell form.edit-account { margin: 0 0 25.888px; }
.pp-account-shell form.edit-account .form-row { padding: 0; margin-bottom: 20.8px; }
.pp-account-shell form.edit-account label { display: block; margin-bottom: 5px; font-size: 16px; line-height: 1.45; }
.pp-account-shell form.edit-account .input-text { box-sizing: border-box; width: 100%; min-height: 44px; max-width: 100%; padding: 9.888px; color: var(--wp--preset--color--purple); background: #fff; border: 0; border-radius: 0; box-shadow: inset 0 1px 1px rgb(0 0 0 / 12.5%); font: inherit; }
.pp-account-shell form.edit-account fieldset { min-width: 0; padding: 16px; margin: 0 0 20.8px; border: 0; background: #fbf4f4; }
.pp-account-shell form.edit-account legend { display: block; font-weight: 600; padding: 5px 0; }
.pp-account-shell :focus-visible { outline: 2px solid var(--wp--preset--color--purple); outline-offset: 3px; }
@media (max-width: 782px) {
	.wp-site-blocks > .pp-account-shell { width: auto; margin: 40px 16px 41.8868px; padding: 0; }
	.pp-account-shell > .pp-journal-layout { grid-template-columns: minmax(0, 1fr); row-gap: 67.776px; }
	.pp-account-shell .pp-account-navigation ul { display: block; padding: 0; }
	.pp-account-shell .pp-account-navigation li a { border-radius: 0; }
	.pp-account-shell .woocommerce-MyAccount-content table td,
	.pp-account-shell .woocommerce-MyAccount-content table tbody th { overflow-wrap: anywhere; }
	.pp-account-shell .woocommerce-MyAccount-content table.woocommerce-orders-table .button { min-height: 44px; display: inline-flex; align-items: center; }
	.pp-account-shell .woocommerce #customer_login { grid-template-columns: minmax(0, 1fr); }
	.pp-account-shell .woocommerce :is(form.register, form.lost_reset_password) :is(.form-row-first, .form-row-last) { float: none; width: 100%; margin-right: 0; }
	.pp-account-shell form.edit-account .form-row-first,
	.pp-account-shell form.edit-account .form-row-last { float: none; width: 100%; margin-right: 0; }
}
@media (max-width: 480px) {
	.pp-account-shell .pp-account-courses ul.course-container { grid-template-columns: minmax(0, 1fr); }
	.pp-account-shell .pp-account-courses ul.course-container > li.course { margin-inline: 0; }
}
