/*
 * Customer account: WooCommerce parts the template's style.css has no rules for
 * (notices, password strength, account forms, addresses). Scoped to the login box
 * (.login-form) and the profile (.profile).
 */

/* Notices */
.login-form .woocommerce-error,
.login-form .woocommerce-message,
.login-form .woocommerce-info,
.profile .woocommerce-error,
.profile .woocommerce-message,
.profile .woocommerce-info {
	margin: 0 0 25px;
	padding: 14px 20px;
	list-style: none;
	background: #faf9ff;
	border: 1px solid #eeeeee;
	border-left: 3px solid #d05278;
	font-size: 14px;
	line-height: 170%;
	color: #666666;
	text-align: left;
}
.login-form .woocommerce-message,
.profile .woocommerce-message {
	border-left-color: #12a33b;
}
.login-form .woocommerce-error li + li,
.profile .woocommerce-error li + li {
	margin-top: 5px;
}
.login-form .woocommerce-error a,
.login-form .woocommerce-message a,
.login-form .woocommerce-info a,
.profile .woocommerce-error a,
.profile .woocommerce-message a,
.profile .woocommerce-info a {
	color: #d05278;
}
.profile .woocommerce-info .button,
.profile .woocommerce-message .button {
	margin-left: 10px;
	font-weight: 700;
}

/* Login box: text, spacing where the template has no checkbox, privacy text */
.login-form__text {
	margin-bottom: 25px;
	font-size: 16px;
	line-height: 170%;
	color: #666666;
	text-align: center;
}
.lost_reset_password .btn,
.vsb-registration-done .btn {
	margin-top: 25px;
	text-align: center;
}
.vsb-registration-done .btn {
	width: 100%;
	margin-top: 0;
}
.login-form .woocommerce-privacy-policy-text {
	margin-top: 15px;
	font-size: 14px;
	line-height: 170%;
	color: #999999;
}
.login-form .woocommerce-privacy-policy-text a {
	color: #d05278;
}
.login-form .btn:disabled,
.vsb-account-form .btn:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}
/* Login box on checkout and order-pay: in line with the notice above it */
.woocommerce-form--login.login-form {
	margin: 0 0 40px;
}

/* Password strength (WooCommerce's meter) */
.login-form .woocommerce-password-strength,
.vsb-account-form .woocommerce-password-strength {
	margin-top: 5px;
	padding: 3px 10px;
	font-size: 13px;
	line-height: 170%;
	text-align: center;
	border: 1px solid #eeeeee;
	background: #faf9ff;
	color: #222222;
}
.login-form .woocommerce-password-strength.short,
.vsb-account-form .woocommerce-password-strength.short {
	background: #f1adad;
	border-color: #e35b5b;
}
.login-form .woocommerce-password-strength.bad,
.vsb-account-form .woocommerce-password-strength.bad {
	background: #fbc5a9;
	border-color: #f78b53;
}
.login-form .woocommerce-password-strength.good,
.vsb-account-form .woocommerce-password-strength.good {
	background: #ffe399;
	border-color: #ffc733;
}
.login-form .woocommerce-password-strength.strong,
.vsb-account-form .woocommerce-password-strength.strong {
	background: #c1e1b9;
	border-color: #83c373;
}
.login-form .woocommerce-password-hint,
.vsb-account-form .woocommerce-password-hint {
	display: block;
	margin-top: 5px;
	font-size: 13px;
	line-height: 150%;
	color: #999999;
}

/* Profile tabs: one row for the six account links */
@media screen and (min-width: 768px) {
	.profile .nav-tab-list {
		flex-wrap: wrap;
		margin-bottom: 20px;
	}
	.profile .nav-tab-list li {
		margin-right: 10px;
		margin-bottom: 10px;
	}
	.profile .nav-tab-list li a {
		padding: 6px 16px;
	}
}
.profile .nav-tab-list li a:hover {
	border-color: #d05278;
}

/* "You have viewed": keep the picture size next to long product names */
.profile-aside__viewed-item-img {
	flex-shrink: 0;
}

/* Tab content text */
.profile .woocommerce-MyAccount-content > p,
.vsb-account-intro {
	margin-bottom: 15px;
	font-size: 16px;
	line-height: 170%;
	color: #666666;
}
.profile .woocommerce-MyAccount-content > p a,
.vsb-order-status a {
	color: #d05278;
}
.profile .woocommerce-MyAccount-content strong,
.profile mark {
	background: none;
	font-weight: 700;
	color: #222222;
}
.profile .vsb-order-status {
	margin-bottom: 30px;
	font-size: 16px;
	line-height: 170%;
	color: #666666;
}

/* Orders: room for the open/close button next to long statuses, order actions */
.profile-orders__item .profile-orders__col:nth-of-type(4) {
	padding-right: 75px;
}
.profile-orders__actions a {
	margin-left: 20px;
	color: #d05278;
}
.profile-orders__actions a:hover {
	opacity: 0.8;
}
.profile-orders__line-name a {
	color: #222222;
}
.profile-orders__line-name a:hover {
	color: #d05278;
}
.profile-orders__line-meta {
	color: #999999;
}
.vsb-orders-paging {
	margin-top: 30px;
}
.profile .order-again {
	margin-top: 30px;
}
.profile .order-again .button {
	display: inline-block;
	height: 60px;
	line-height: 59px;
	padding: 0 50px;
	background: #222222;
	color: #ffffff;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	transition: all 0.3s linear;
}
.profile .order-again .button:hover {
	background: #545454;
}
.vsb-order-notes {
	margin-bottom: 30px;
}
.vsb-order-notes h5 {
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: 2px solid #222222;
}
.vsb-order-notes li {
	list-style: none;
	margin-bottom: 15px;
	font-size: 14px;
	line-height: 170%;
	color: #666666;
}
.vsb-order-notes__date {
	color: #999999;
}

/* Addresses */
.vsb-addresses {
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
}
.vsb-address {
	width: calc(50% - 5px);
	padding: 30px;
	border: 1px solid #eeeeee;
}
.vsb-address h5 {
	margin-bottom: 15px;
}
.vsb-address address {
	margin-bottom: 25px;
	font-style: normal;
	font-size: 14px;
	line-height: 170%;
	color: #666666;
}
.vsb-address address:last-child {
	margin-bottom: 0;
}
.vsb-address__line {
	display: block;
}
.vsb-address .btn {
	padding: 0 40px;
}

/* Account forms (edit address, account details) */
.vsb-account-form__title {
	margin-bottom: 25px;
}
.vsb-account-form .box-field {
	margin-bottom: 10px;
}
.vsb-account-form .box-field__row {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.vsb-account-form .box-field__row .box-field {
	width: calc(50% - 5px);
}
.vsb-account-form .box-field__row .box-field_wide {
	width: 100%;
}
.vsb-account-form legend {
	display: block;
	width: 100%;
	margin: 20px 0 11px;
	font-family: "Tenor Sans";
	font-size: 20px;
	line-height: 120%;
	text-transform: capitalize;
	color: #222222;
}
.vsb-account-form label {
	display: block;
	margin-bottom: 5px;
	font-size: 14px;
	line-height: 170%;
	color: #666666;
}
.vsb-account-form .required {
	color: #d05278;
	border: 0;
	text-decoration: none;
}
.vsb-account-form .optional {
	color: #999999;
}
.vsb-account-form__hint {
	display: block;
	margin-top: 5px;
	font-size: 13px;
	line-height: 150%;
	color: #999999;
}
.vsb-account-form__buttons {
	margin-top: 25px;
}
.vsb-account-form__buttons .btn {
	margin-right: 10px;
}
.woocommerce-address-fields__field-wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.woocommerce-address-fields__field-wrapper .form-row {
	width: 100%;
}
.woocommerce-address-fields__field-wrapper .form-row-first,
.woocommerce-address-fields__field-wrapper .form-row-last {
	width: calc(50% - 5px);
}
.woocommerce-address-fields__field-wrapper .woocommerce-input-wrapper {
	display: block;
}
.woocommerce-address-fields__field-wrapper .woocommerce-input-wrapper > strong {
	display: block;
	height: 60px;
	line-height: 58px;
	padding: 0 29px;
	border: 1px solid #fcedea;
	background: #faf9ff;
	font-size: 14px;
	font-weight: 400;
	color: #666666;
}
.vsb-account-form .woocommerce-invalid .form-control,
.vsb-account-form .woocommerce-invalid .jq-selectbox__select {
	border-color: #d05278;
}

/* Country and province: the template's formstyler dropdown, sized like checkout1.html's Delivery Info select */
.vsb-account-form .jq-selectbox {
	display: block !important;
}
.vsb-account-form .jq-selectbox__select {
	width: 100%;
	height: 60px;
	padding: 17px 30px;
	background: #ffffff;
	font-size: 14px;
	color: #333333;
}
.vsb-account-form .jq-selectbox__select:hover,
.vsb-account-form .jq-selectbox.focused .jq-selectbox__select {
	background: #ffffff;
}
.vsb-account-form .jq-selectbox__select-text.placeholder {
	color: #999999;
}
.vsb-account-form .jq-selectbox__trigger {
	top: 13px;
	right: 9px;
}
.vsb-account-form .jq-selectbox__dropdown {
	top: 100% !important;
	bottom: auto !important;
}
.vsb-account-form .jq-selectbox__dropdown li {
	font-size: 14px;
}

@media screen and (max-width: 767px) {
	.vsb-account-form .jq-selectbox__select {
		padding: 17px 15px;
	}
	.vsb-account-form .jq-selectbox__trigger {
		right: 3px;
	}
	.login-form__text {
		margin-bottom: 20px;
	}
	.lost_reset_password .btn {
		margin-top: 20px;
	}
	.vsb-addresses {
		flex-direction: column;
	}
	.vsb-address {
		width: 100%;
		margin-bottom: 10px;
		padding: 20px 15px;
	}
	.vsb-account-form .box-field__row .box-field,
	.woocommerce-address-fields__field-wrapper .form-row-first,
	.woocommerce-address-fields__field-wrapper .form-row-last {
		width: 100%;
	}
	.vsb-account-form__buttons .btn {
		width: 100%;
		margin: 0 0 10px;
		text-align: center;
	}
	.profile-orders__item .profile-orders__col:nth-of-type(4) {
		padding-right: 70px;
	}
	.profile-orders__content ul li:first-of-type {
		flex-direction: column;
		align-items: flex-start;
	}
	.profile-orders__actions a {
		margin: 0 20px 0 0;
	}
	.profile .order-again .button {
		width: 100%;
		text-align: center;
	}
}