.woocommerce-account #card_canvas {
	width: 100%	!important;
	max-width: 750px;
	height: auto	!important;
}

.woocommerce-MyAccount-content,
.woocommerce-MyAccount-navigation {
	float: none!important;
	width: 100%!important;
	text-align: center;
}
.woocommerce-MyAccount-navigation ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	list-style-type: none;
	gap: 20px;
	top: 0;
	left: 0;
	width: 100%;
}
.woocommerce-MyAccount-navigation ul li a {
    padding: 5px 20px;
    background: var(--secondary-color);
    color: white;
    border-radius: 50px;
    text-decoration: none;
	font-weight: 500;
    font-size: var(--font-size-l);
    transition: var(--transition);
    display: inline-block;
}
.woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-MyAccount-navigation ul li.is-active a {
    background: var(--color-main);
}

.woocommerce-MyAccount-content {
	margin-top: 60px;
	color: white;
	font-size: 18px;
    line-height: 1.8;
}
.woocommerce-MyAccount-content a {
	font-weight: bold;
	text-decoration: underline;
	color: white;
	transition: var(--transition);
}
.woocommerce-MyAccount-content a:hover {
	color: var(--color-main);
}
.woocommerce-account .woocommerce-Price-amount {
	position: relative;
	margin-right: 10px;
	font-weight: 500;
}
main .woocommerce-orders-table__cell-order-number a {
	color: white;
	transition: var(--transition);
}
main .woocommerce-orders-table__cell-order-number a:hover {
	color: red;
}
main table.shop_table td.woocommerce-orders-table__cell-order-actions a:not(:last-child) {
    margin-right: 10px  !important;
}
main .woocommerce-account table.shop_table {
	width: 100%;
}
main .woocommerce-account table.shop_table td,
main .woocommerce-account table.shop_table th {
	padding-block: 20px	!important;
}
.woocommerce-account main table.my_account_orders .button {
    white-space: nowrap;
    padding: 10px 30px;
    border-radius: var(--border-radius);
    background: var(--color-main);
    color: white;
	margin: 0!important;
	display: inline-block;
	text-decoration: none;
	text-transform: lowercase;
	font-size: var(--font-size-m);
	transition: 0.35s;
}
.woocommerce-account main table.my_account_orders .button:hover {
	background: transparent!important;
	color: var(--color-main)!important;
}
.woocommerce-account main table.my_account_orders td,
.woocommerce-account main table.my_account_orders th,
.woocommerce-view-order main table.shop_table td,
.woocommerce-view-order main table.shop_table th {
	padding: 10px 20px;
}
.woocommerce-account main table.my_account_orders,
.woocommerce-view-order table.shop_table {
	border: none;
	border-collapse: collapse;
	width: 100%;
}
.woocommerce-account main table.my_account_orders tr,
.woocommerce-view-order table.shop_table tr {
	border-bottom: 2px solid white;
}
.woocommerce-view-order address {
	border: none!important;
	text-align: center!important;
}
.woocommerce-view-order p {
	font-weight: bold;
}

.woocommerce-MyAccount-navigation-link--customer-logout a {
	background: red!important;
}

.woocommerce-account .woocommerce-Button.button{
	background-color: var(--color-main)!important;
	color: white!important;
	border-radius:50px!important;
	width: fit-content;
}

.woocommerce-account .woocommerce-Button,
.woocommerce-account .button.wp-element-button {
	padding: 10px 20px;
	cursor: pointer;
	font-size: var(--font-size-l);
	border: 2px solid var(--color-main);
	transition: var(--transition);
	margin-top: var(--margin);
	background-color: var(--color-main);
	color: white;
	border-radius: var(--border-radius);
}
.woocommerce-account .woocommerce-Button:hover,
.woocommerce-account .button.wp-element-button:hover {
	background: transparent	!important;
	color: var(--color-main)	!important;
}

.woocommerce-account main#primary .form-row:not(.form-row-wide) {
	width: calc( 50% - 4px );
	display: inline-block;
}
.woocommerce-account main#primary .form-row {
	text-align: left;
	margin-bottom: var(--margin);
}
.woocommerce-account main#primary input {
    color: white;
    font-size: var(--font-size-m);
    letter-spacing: 1px;
    font-family: var(--font-family) !important;
}
.woocommerce-account main#primary input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: transparent;
}
.woocommerce-account main#primary input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: transparent;
}
.woocommerce-account main#primary input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: transparent;
}
.woocommerce-account main#primary input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: transparent;
}
.woocommerce-account main#primary input::placeholder {
    color: transparent;
}
.woocommerce-account main#primary input {
 	padding: 10px!important;
    border-radius: 0!important;
    outline: none!important;
    border: 2px solid white!important;
    border-color: white!important;
    border-width: 2px!important;
	color: white;
	background: transparent!important;
    transition: 0.35s;
	transition-property: border-color, color;
	width: calc(100% - 20px - 4px);
}
.woocommerce-account main#primary input:focus {
 	color: var(--color-main)!important;
    border-color: var(--color-main)!important;
}

.woocommerce-MyAccount-content fieldset {
	padding: var(--padding);
	margin-top: var(--margin);
}
.woocommerce-MyAccount-content fieldset legend {
	padding: 0 20px;
}

/* View order */
.woocommerce-view-order .woocommerce-table__product-name.product-name {
	text-align: left;
}
.woocommerce-view-order .woocommerce-table__product-name.product-name a {
	color: white;
	transition: var(--transition);
	text-decoration: none;
}
.woocommerce-view-order .woocommerce-table__product-name.product-name a:hover {
	color: var(--color-main);
}
.woocommerce-view-order .wc-item-meta {
	list-style: none;
}
.woocommerce-view-order .wc-item-meta li {
	text-align: left;
	display: flex;
	gap: var(--gap);
}
.woocommerce-view-order .wc-item-meta li * {
	font-weight: 300;
}

.woocommerce-view-order mark {
	display: inline-block;
	background-color: var(--color-main);
	padding: 5px 10px;
	color: white;
	border-radius: var(--border-radius);
}

.woocommerce-view-order th,
.woocommerce-view-order .woocommerce-table__product-total.product-total,
.woocommerce-view-order tfoot th,
.woocommerce-view-order tfoot td {
	text-align: left;
	font-weight: 500;
}

.woocommerce-order-details__title {
	margin-top: var(--margin);
	font-weight: 500;
}
.woocommerce-view-order main table {
	border: 2px solid white	!important;
	margin-top: var(--margin);
	width: 100%;
}
.woocommerce-view-order main table thead tr th:first-child,
.woocommerce-view-order main table tbody tr td:first-child,
.woocommerce-view-order main table tfoot tr th {
	border-right: 2px solid white	!important;
}
.woocommerce-view-order main table tfoot tr:last-child {
	border-bottom: none!important;
}

.woocommerce-view-order main .woocommerce-customer-details {
	padding: var(--padding);
    border: 2px solid white;
    margin-top: var(--margin);
    border-radius: var(--border-radius);
}
.woocommerce-view-order main .woocommerce-customer-details p {
	font-weight: 200;
}
.woocommerce-view-order main .woocommerce-customer-details p,
.woocommerce-view-order main .woocommerce-customer-details address {
	font-style: normal;
}
.woocommerce-view-order .woocommerce-customer-details h2 {
	font-weight: 500;
}

#customer_login {
    display: flex;
    gap: var(--gap);
}
#customer_login > div {
    width: 50%;
}
#customer_login a {
    color: white;
    font-weight: 500;
    text-decoration: underline;
    transition: var(--transition);
}
#customer_login a:hover {
    color: var(--color-main);
}
#customer_login .woocommerce-form-login__rememberme {
    display: flex;
    cursor: pointer;
    width: fit-content;
}
#customer_login .woocommerce-form-login__rememberme span {
    transition: var(--transition);
}
#customer_login .woocommerce-form-login__rememberme:hover span,
#customer_login .woocommerce-form-login__rememberme input:checked + span {
    color: var(--color-main);
}
#customer_login .woocommerce-form-login__rememberme input {
    visibility: hidden;
    position: relative;
    width: 26px !important;
    height: 26px;
    margin-right: 10px;
}
#customer_login .woocommerce-form-login__rememberme input::before {
    content: '\ea10';
    font-family: 'iloveit-icons' !important;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    border: 2px solid white;
    border-radius: var(--border-radius);
    width: 24px !important;
    height: 24px;
    visibility: visible;
    background: transparent;
    cursor: pointer;
    transition-property: border-color, color;
    transition-duration: var(--transition);
    font-size: 0;
}
#customer_login .woocommerce-form-login__rememberme input:checked:before,
#customer_login .woocommerce-form-login__rememberme input:hover:before {
    border-color: var(--color-main);
    color: var(--color-main);
    font-size: unset;
}

#customer_login .woocommerce-form-register__submit,
.woocommerce-account main#primary .lost_reset_password button {
    border-radius: var(--border-radius) !important;
}

.woocommerce-account main#primary form input {
    transition: var(--transition);
}
.woocommerce-account main#primary form input:focus,
.woocommerce-account main#primary form input:not(:placeholder-shown) {
    color: var(--color-main)!important;
    border-color: var(--color-main)!important;
}

.woocommerce-account form input:-webkit-autofill,
.woocommerce-account form input:-webkit-autofill:hover,
.woocommerce-account form input:-webkit-autofill:focus,
.woocommerce-account form input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s   !important;
    -webkit-text-fill-color: var(--color-main)!important;
}

.lost_reset_password,
.lost_reset_password .form-row,
.lost_reset_password label[for="user_login"] {
    text-align: center;
}
.lost_reset_password label[for="user_login"] {
    width: 100%;
    display: block;
    margin-bottom: 20px;
    font-weight: 500;
}

.lost_reset_password .clear {
    display: none;
}

.lost_reset_password .clear + .form-row {
    display: flex   !important;
    justify-content: center;
}

.lost_reset_password .form-row {
    margin: 0!important;
}

form.lost_reset_password {
    display: flex;
    flex-direction: column;
    gap: var(--gap);
    align-items: center;
}
form.lost_reset_password button {
    margin-top: 0   !important;
}

.lost_reset_password input {
    text-align: center;
}

.woocommerce-account .woocommerce-pagination {
    margin-top: var(--margin);
}
.woocommerce-account .woocommerce-pagination a {
    display: block;
    text-decoration: none!important;
}


@media (max-width: 768px) {
	#customer_login > div {
		width: 100%!important;
	}
    .woocommerce-account main table.my_account_orders thead {
        display: none;
    }
    .woocommerce-account main table.my_account_orders tbody,
    .woocommerce-account main table.my_account_orders tr {
        display: flex;
        flex-direction: column;
    }
	.woocommerce-account main .woocommerce-message {
		display: flex;
		flex-direction: column-reverse;
	}
	
	.woocommerce-account main .woocommerce-Button.button {
		background-color: var(--color-main)!important;
		color: white!important;
		border-radius:50px!important;
		width: fit-content;
		margin: 0 auto;
		
	}
	
	#customer_login {
	    flex-direction: column;
	}
}