/* My Account Page Styles
----------------------------------------------------------*/


/* =====================================================
   Header
   ===================================================== */

.ast-header-sticked {
    background-color: var(--wp--preset--color--neutral-0) !important;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1) !important;
    color: var(--wp--preset--color--neutral-900) !important;
}

.ast-mobile-svg {
    fill: var(--ast-global-color-0) !important;
}

.ast-primary-header-bar {
    background-color: #FBFBFD !important;
}

.ast-primary-header-bar a {
    color: var(--wp--preset--color--neutral-900) !important;
}

.ast-header-button-1 .ast-custom-button {
    color: var(--ast-global-color-3) !important;
    border-color: var(--ast-global-color-3) !important;
}

.ast-header-button-4 .ast-custom-button {
    color: var(--ast-global-color-4) !important;
    background: var(--ast-global-color-0) !important;
}

.site-header-focus-item.ast-header-button-4 .ast-custom-button-link::after {
    background: var(--ast-global-color-4) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%230055ce' d='M438.6 278.6l-160 160C272.4 444.9 264.2 448 256 448s-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L338.8 288H32C14.33 288 .0016 273.7 .0016 256S14.33 224 32 224h306.8l-105.4-105.4c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l160 160C451.1 245.9 451.1 266.1 438.6 278.6z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 15px 15px !important;
}

.ast-wooaccount-user-wrapper {
    display: none !important;
}


/* =====================================================
   WooCommerce — Navigation
   ===================================================== */

.woocommerce-account .woocommerce-MyAccount-navigation {
    border-right: none !important;
    width: 30% !important;
}

.woocommerce-MyAccount-navigation ul {
    background: none !important;
}

.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link + .woocommerce-MyAccount-navigation-link {
    border-top: none !important;
}

li.woocommerce-MyAccount-navigation-link {
    background: #fff;
    margin-bottom: 10px;
    border-radius: 10px;
}

.woocommerce-MyAccount-navigation-link.is-active {
    background: var(--wp--preset--color--blue-50) !important;
}

.woocommerce-MyAccount-navigation-link.is-active:after {
    display: none !important;
}


/* =====================================================
   WooCommerce — Content & Forms
   ===================================================== */

.woocommerce-MyAccount-content {
    width: 65% !important;
    padding: 2rem;
    background: #eeeff2;
    border-radius: 0.75rem;
    min-height: 40vh;
}

.woocommerce-Address-title {
    padding: 1.5rem !important;
    border: none !important;
    border-radius: 10px;
}

.woocommerce-account .entry-content .woocommerce h2 {
    font-size: clamp(1rem, 0.61rem + 2.5vw, 1.5rem) !important;
    margin-bottom: 1rem !important;
}

.woocommerce-account .entry-content .woocommerce button,
.woocommerce-account .entry-content .woocommerce a {
    padding: 14px 24px !important;
}

.woocommerce-account #account_display_name_description em {
    font-size: 14px !important;
    margin-top: 1rem !important;
    display: block;
}

.woocommerce-input-wrapper input,
.woocommerce-input-wrapper select2 {
    padding: 2rem 1rem 1.6rem 1rem !important;
    border: none !important;
    border-radius: 8px !important;
}

.woocommerce-EditAccountForm input[type=text],
.woocommerce-EditAccountForm input[type=email],
.woocommerce-EditAccountForm input[type=password] {
    height: 55px !important;
    border-radius: 8px !important;
    border: none !important;
}

.woocommerce-EditAccountForm input[type=text]:focus,
.woocommerce-EditAccountForm input[type=email]:focus,
.woocommerce-EditAccountForm input[type=password]:focus {
    border-style: none !important;
}

.spectra-pro-login-form__user-login input:focus,
.spectra-pro-login-form__user-pass input:focus {
    border: 1px solid var(--ast-global-color-1) !important;
}


/* =====================================================
   LearnDash
   ===================================================== */

button.ld-search-prompt.ld-icon-search.ld-icon,
.learndash-wrapper .ld-profile-card {
    display: none !important;
}

.learndash-wrapper .ld-expand-button .ld-icon,
.learndash-wrapper .ld-expand-button .ld-text {
    color: #ffffff !important;
}

.learndash-wrapper .ld-item-list .ld-item-list-item {
    border-radius: 12px !important;
}

.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview {
    padding: 5px 15px !important;
}

.learndash-wrapper .ld-item-list .ld-section-heading h3 {
    font-weight: normal !important;
}

.woocommerce-account .learndash-wrapper .ld-item-list-item-preview a {
    padding: 14px 0 !important;
}

.woocommerce-dashboard .learndash-wrapper .ld-alert-warning {
    color: var(--ast-global-color-0) !important;
    border-color: var(--ast-global-color-0) !important;
}

.woocommerce-dashboard .learndash-wrapper .ld-alert-warning .ld-alert-icon {
    background-color: var(--ast-global-color-0) !important;
}

.woocommerce-account .learndash-wrapper .ld-item-list-item-expanded .ld-item-contents {
    padding: 0em 1.4em !important;
}

.woocommerce-account .learndash-wrapper .ld-table-list .ld-table-list-items,
.woocommerce-account .learndash-wrapper .ld-table-list .ld-table-list-items .ld-table-list-title a {
    padding: 0 8px !important;
}

.woocommerce-account .ld-item-list-item-expanded .ld-table-list-column.ld-column-certificate,
.woocommerce-account .ld-item-list-item-expanded .ld-table-list-column.ld-table-list-column-certificate {
    display: none;
}

.woocommerce-account .ld-item-list-item-expanded .ld-table-list-title a {
    gap: 5px;
 }

span.ld-course-title {
    line-height: 2;
}


/* =====================================================
   Responsive — Tablet (max-width: 1024px)
   ===================================================== */

@media screen and (max-width: 1024px) {
    .woocommerce-account .woocommerce {
        display: flex;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation ul {
        display: flex !important;
        flex-direction: column;
        margin-bottom: 0 !important;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation {
        width: 35%;
    }

    .woocommerce-account .woocommerce-MyAccount-content {
        width: auto;
        margin-left: 5%;
    }

    .learndash-wrapper .ld-section-heading .ld-item-list-actions {
        min-width: 160px;
    }
}


/* =====================================================
   Responsive — Mobile (max-width: 768px)
   ===================================================== */

@media screen and (max-width: 768px) {

	.woocommerce-account .uagb-heading-text .vm-text-pink.vm-underline-sm::after {
		bottom: -3px;
	}

    .woocommerce-account .woocommerce {
        flex-direction: column;
        padding: 0 !important;
        background: none !important;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation {
        width: 100% !important;
    }

    .woocommerce-account .woocommerce-MyAccount-content {
        width: 100% !important;
        margin: 1.5rem 0;
        padding: 5%;
    }

    .woocommerce-account .woocommerce-form-row input[type="text"],
    .woocommerce-account .woocommerce-form-row input[type="email"] {
        padding: 2em .8em 1em !important;
        border-radius: 8px !important;
    }

    .woocommerce-account .woocommerce-form-row input[type="password"] {
        padding: 1.4em .8em !important;
        border-radius: 8px !important;
    }

	span.ld-course-title {
		line-height: 1.6;
	}

    .learndash-wrapper .ld-section-heading {
        flex-wrap: nowrap !important;
    }

    .learndash-wrapper #ld-profile .ld-section-heading .ld-expand-button {
        max-width: 100% !important;
    }

    .learndash-wrapper .ld-section-heading .ld-item-list-actions {
        flex: 0 !important;
    }

    .learndash-wrapper #ld-profile .ld-profile-stats {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr);
    }

    .learndash-wrapper #ld-profile .ld-profile-stats .ld-profile-stat,
    .learndash-wrapper .ld-progress .ld-progress-heading .ld-progress-label {
        width: 100% !important;
        margin: 0 0 1rem 0;
    }

	.learndash-wrapper  .ld-item-list-item-preview a {
		padding: 14px 0 0 0 !important;
	}

	.learndash-wrapper .ld-item-list-item-preview a {
		padding: 14px 0 0 0 !important;
	}

    .woocommerce-account .learndash-wrapper .ld-table-list .ld-table-list-items .ld-table-list-title a {
        padding: 0 0 14px 0 !important;
    }

    .woocommerce-account .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-expanded {
        max-height: 100% !important;
    }
}