/* Woocommerce Account */
.woocommerce-account .u-column1 {
    max-width: 600px;
    width: 100% !important;
    margin: 0 auto;
    float: none !important;
}

.woocommerce-account .woocommerce-form-login .woocommerce-form-row label {
    display: block;
    margin-bottom: 10px;
    font-weight: 600;
}

.woocommerce-account .woocommerce-form-login .woocommerce-form-row input,
.woocommerce-account .lost_reset_password .woocommerce-form-row .woocommerce-Input {
    background: #fff !important;
    border: 1px solid #d9d9d9 !important;
    padding: 21px 24px !important;
    color: #000 !important;
    width: 100%;
    line-height: normal !important;
    font-weight: 600;
    height: 51px;
    border-radius: 5px !important;
}

.woocommerce-account .lost_reset_password .woocommerce-form-row .woocommerce-Input {
    margin: 20px 0;
}

.woocommerce-account .lost_reset_password .woocommerce-form-row {
    margin: 20px auto;
    float: none !important;
}

.woocommerce-account .woocommerce-button,
.woocommerce-account .woocommerce-Button {
    font-weight: 600 !important;
    background-color: #0917f4 !important;
    color: #fff !important;
    border-radius: 99px !important;
    font-size: 18px !important;
}

.woocommerce-account .woocommerce-Button {
    margin-top: 15px !important;
}

.woocommerce-account .woocommerce-form-login .woocommerce-form-login__rememberme {
    margin-top: 15px;
    line-height: 2px;
}

.woocommerce-account .woocommerce-form-login .woocommerce-form-login__rememberme span {
    font-size: 16px;
    font-weight: 500;
}

.woocommerce-account .woocommerce-form-login .woocommerce-LostPassword {
    margin-left: 10px;
}

.woocommerce-account .woocommerce-form-login .woocommerce-LostPassword a {
    color: #0717f4;
    transition: .3s;
    font-weight: 700;
}

.woocommerce-account .woocommerce-form-login .woocommerce-LostPassword a:hover {
    opacity: 0.6;
}

.woocommerce-account .woocommerce h2 {
    font-size: 32px;
}

/* MY Account */

.woocommerce-MyAccount-navigation>ul {
    padding-bottom: 24px;
    padding-left: 0;
}

.woocommerce-MyAccount-navigation>ul li {
    margin-bottom: 8px;
    position: relative;
    list-style: none;
}

.woocommerce-account .woocommerce {
    padding-inline: 20px;
}

.woocommerce-MyAccount-navigation>ul li.woocommerce-MyAccount-navigation-link--downloads,
.woocommerce-MyAccount-navigation>ul li.woocommerce-MyAccount-navigation-link--wc-smart-coupons {
    display: none;
}

.woocommerce-MyAccount-navigation>ul li a,
.woocommerce-MyAccount-navigation>ul li label {
    font-size: 16px;
    color: #333;
    border-radius: 4px;
    transition: 0.2s;
    display: block;
    padding: 12px 16px;
    text-align: start;
    font-weight: 600;
}

.woocommerce-MyAccount-navigation>ul li a:hover,
.woocommerce-MyAccount-navigation>ul li label:hover {
    background: #0917f4;
    color: #ffffff;
}

.woocommerce-MyAccount-navigation>ul li.current-menu-item a,
.woocommerce-MyAccount-navigation>ul li.is-active a {
    background: #0917f4;
    color: #ffffff;
}

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

.woocommerce-MyAccount-content {
    float: right;
    width: 68%;
}

.woocommerce-MyAccount-content .woocommerce-message,
.woocommerce-MyAccount-content .woocommerce-Message {
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
}

.woocommerce-MyAccount-content .woocommerce-message a,
.woocommerce-MyAccount-content .woocommerce-Message a {
    margin-top: 16px;
    font-size: 16px;
    padding: 13px 15px;
}

.woocommerce-MyAccount-content .woocommerce-message.no_subscriptions,
.woocommerce-MyAccount-content .woocommerce-Message.no_subscriptions {
    flex-direction: column;
}

.woocommerce-MyAccount-content p {
    font-size: 18px;
    text-align: left;
    margin-bottom: 30px;
}

.woocommerce-MyAccount-content p a {
    color: #36a7f3;
}

.woocommerce-MyAccount-content p a:hover {
    opacity: 0.6;
}

.woocommerce-MyAccount-content .wlr-myaccount-page {
    padding: 0;
}

.woocommerce-MyAccount-content .wlr-myaccount-page .wlr-user-details {
    margin-bottom: 30px;
}

.woocommerce-MyAccount-content form input[type="submit"] {
    display: inline-block;
    padding: 10px 16px;
    border: none;
    cursor: pointer;
    background: #14b8a6;
    color: #ffffff;
    border-radius: 4px;
    transition: 0.2s;
}

.woocommerce-MyAccount-content form input[type="submit"]:hover {
    opacity: 0.9;
}

.woocommerce-MyAccount-content .woocommerce-Addresses .u-column1 {
    float: left !important;
    width: 48% !important;
}

.woocommerce-MyAccount-content h2 {
    text-align: left;
    font-size: 24px !important;
    margin-bottom: 10px;
}

.woocommerce-MyAccount-content .addresses .title .edit {
    float: left;
    margin-bottom: 10px;
}

.woocommerce-MyAccount-content .addresses address {
    line-height: 2;
    text-align: left;
}

.woocommerce-MyAccount-content form .form-row input.input-text {
    background-color: #fff;
    max-width: 100%;
    color: #000000;
    font-size: 14px;
    padding: 10px 16px;
    line-height: 1.7em;
    border: 1px solid;
    border-radius: 5px;
}

.woocommerce-MyAccount-content form .form-row .selection .select2-selection__arrow b {
    display: none;
}

.woocommerce-MyAccount-content .woocommerce-address-fields .button {
    margin-top: 20px;
}

.woocommerce-MyAccount-content form fieldset {
    margin-top: 30px;
}

.woocommerce-MyAccount-content form fieldset legend {
    font-size: 22px;
    text-align: left;
    margin-bottom: 10px;
}

.woocommerce-MyAccount-content .woocommerce-info {
    background: #f6f5f8 !important;
    padding: 20px !important;
    color: #515151 !important;
    border-top: 2px solid #1e85be;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.woocommerce-MyAccount-content .woocommerce-info::after {
    display: none;
}

.woocommerce-MyAccount-content .acfw-single-coupon-block .acfw-coupon-content.has-description {
    text-align: center !important;
}

.woocommerce-MyAccount-content .acfw-single-coupon-block .acfw-coupon-schedule {
    text-align: center;
    position: static;
    margin-top: 10px;
}


.woocommerce-checkout .acfw-loyalprog-notice-checkout .woocommerce-info {
    background: #2ea3f2 !important;
    padding: 1em 2em 1em 3.5em !important;
    color: #515151 !important;
    display: flex;
    border-radius: 0;
    align-items: center;
    justify-content: space-between;
}

body.checkout-wc a,
main.checkoutwc a,
.lost_password a {
    color: #2ea3f2 !important;
}

.woocommerce-account :where(.woocommerce) .select2-container {
    width: 100% !important;
}

.woocommerce-account .acfw-coupons-list-block .acfw-coupons-grid,
.woocommerce-account .acfw-single-coupon-block {
    width: 100%;
    max-width: 100% !important;
}

.woocommerce-account .acfw-store-credit-history{
    overflow-x: scroll;
}

.myaccount-dropdown-trigger {
    display: none;
}

.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
	max-width: 600px;
	width: 100% !important;
	margin: 0 auto;
	float: none !important;
}

.woocommerce-account .woocommerce-info { 
	flex-direction: column; 
}

@media screen and (min-width:768px) {
    .woocommerce-MyAccount-content {
        padding-left: 30px;
    }

    .woocommerce-MyAccount-navigation {
        width: 25%;
    }
}

@media screen and (min-width:1024px) {
    .woocommerce-MyAccount-content .woocommerce-info {
        padding: 1em 2em 1em 3.5em !important;
    }
}

@media (max-width: 767px) {

    .woocommerce-MyAccount-navigation ul {
        display: none;
    }

    .myaccount-dropdown-trigger {
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: #f5f5f5;
        padding: 12px 16px;
        cursor: pointer;
        border: 1px solid #ddd;
        font-weight: 600;
        margin-bottom: 20px;
        border-radius: 4px;
    }

    .myaccount-dropdown-trigger span {
        font-size: 16px;
        color: #333;
    }

    .myaccount-dropdown-trigger .chevron {
        width: 8px;
        height: 8px;
        border-right: 2px solid #333;
        border-bottom: 2px solid #333;
        transform: rotate(45deg);
        transition: transform 0.2s ease;
    }

    .myaccount-dropdown-trigger.open .chevron {
        transform: rotate(-135deg);
    }
}