/* WooCommerce Forms, Search, Member Points, and Authentication */



/* Form Search Result */

.wrap-form-search-result {

	position: relative;

}



.wrap-form-search-result .header-search-suggest {

	position: absolute;

	top: 100%;

	left: 0;

	width: 100%;

	z-index: 90;

	margin-top: 0.25rem;

	background-color: #fff;

	box-shadow: 2px 2px 10px 2px rgba(0, 0, 0, 0.1);

}



.wrap-form-search-result.loading .searchform button img {

	display: none;

}



.wrap-form-search-result.loading .searchform button::before {

	content: "\f3f4";

	font-family: "Font Awesome\ 6 Pro";

	font-weight: 300;

}



.wrap-form-search-result.loading .searchform button::before {

	font-size: 0.8333rem;

	animation: spin 0.5s linear infinite;

}



.wrap-form-search-result .header-search-suggest .item-search-suggest:last-child {

	border-bottom: none;

}



.wrap-form-search-result .header-search-suggest {

	max-height: 40vh;

	overflow: auto;

}



.wrap-form-search-result .header-search-suggest::-webkit-scrollbar {

	width: 4px;

}



.wrap-form-search-result .header-search-suggest::-webkit-scrollbar-track {

	background-color: var(--color-gray-e5);

}



.wrap-form-search-result .header-search-suggest::-webkit-scrollbar-thumb {

	background-color: var(--color-primary);

}



.wrap-form-search-result .header-search-suggest .item-search-suggest {

	padding: 0.52rem 1rem;

	display: flex;

	gap: 0.78125rem;

	border-bottom: 1px solid #f1f1f1;

}



.wrap-form-search-result .header-search-suggest .item-search-suggest .img a,

.wrap-form-search-result .header-search-suggest .item-search-suggest .img a img {

	width: 3.6458333333rem;

	height: 3.6458333333rem;

	border-radius: 0.4166666667rem;

}



.wrap-form-search-result .header-search-suggest .item-search-suggest .product-title h3 {

	font-size: 0.8333333333rem;

	font-weight: 400;

}



.wrap-form-search-result .header-search-suggest .item-search-suggest .product-price>span {

	display: flex;

	align-items: baseline;

	gap: 0.5rem;

	justify-content: flex-start;

}



.wrap-form-search-result .header-search-suggest .item-search-suggest:hover a {

	color: var(--color-primary);

}



.wrap-form-search-result .header-search-suggest .item-search-suggest .product-price ins {

	text-decoration: none;

}



.wrap-form-search-result .header-search-suggest .item-search-suggest .product-price {

	font-weight: 700;

	font-size: 0.8333333333rem;

}



.wrap-form-search-result .header-search-suggest .item-search-suggest .product-price del {

	font-size: 0.8333rem;

	color: #989898;

	font-weight: normal;

}



@media (max-width: 1023.98px) {

	.wrap-form-search-result {

		width: 100%;

	}



	.wrap-form-search-result .header-search-suggest {

		margin-top: 0;

		max-height: 60svh;

		overflow: auto;

	}

}



/* Form Member Point */

#main-point h2 {

	margin-bottom: 1.0416666667rem;

}



.wrap-box-point {

	background-color: #fff;

	padding: 1.0416666667rem;

}



@media (max-width: 1023.98px) {

	#main-point .wrap-total-point .point-item {

		max-width: 100%;

		flex: 0 0 100%;

	}



	#main-point .woocommerce-table thead th:nth-child(1),

	#main-point .woocommerce-table tbody td:nth-child(1) {

		display: none;

	}

}



.discount-input-wrapper .text-error {

	color: red;

	font-size: 0.8333333333rem;

	margin-top: 0.2604166667rem;

}



.discount-input-wrapper label {

	display: block;

	margin: 0.52rem 0px;

}



.wrap-box-point .woocommerce-error {

	display: none !important;

}



/* Account Lost Password */

.woocommerce-lost-password main::before,

.woocommerce-lost-password main::after {

	content: "";

	flex: 1;

}



.woocommerce-lost-password .woocommerce-ResetPassword {

	display: flex;

	flex-direction: column;

	gap: 1.0416666667rem;

	padding: 0 !important;

}



.woocommerce-lost-password main .woocommerce {

	width: calc(500 / 1920 * 100rem);

	margin: 4.1666666667rem auto;

}


.woocommerce-lost-password main .woocommerce .short {
	color: #e11d48;
}

.woocommerce-lost-password main .woocommerce .bad {
	color: #f73936;

}

.woocommerce-lost-password main .woocommerce .good {
	color: darkorange
}

.woocommerce-lost-password main .woocommerce .strong {
	color: #07bd9a
}

.woocommerce-lost-password main {

	display: flex;

	flex-direction: column;

	min-height: 40vh;

}



.woocommerce-lost-password .woocommerce {

	background-color: rgba(255, 255, 255, 0.6);

	padding: 2.08333rem;

	max-width: 33rem;

	border-radius: 1.25rem;

	margin: 0 auto;

}



/* Register and Login Forms */

.section-page-login .box-white {

	box-shadow: 2px 2px 32px 0 rgba(0, 0, 0, 0.05);

}



.form-row label {

	margin-bottom: 0.78125rem;

	font-weight: bold;

	font-size: 0.95rem;

	display: block;

}



.form-row input[type="password"],

.form-row input[type="text"],

.form-row input[type="email"],

.form-row input[type="tel"],

.form-row select,

.form-row textarea,

.form-row input[type="date"],

.form-row input[type="number"] {

	transition-duration: 0.15s;

	transition-property: all;

	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

	outline: 2px solid transparent;

	outline-offset: 2px;

	border-width: 1px;

	border-color: var(--color-gray-f1);

	border-radius: 0.5rem;

	padding-right: 1.04167rem;

	background-color: #fff;

	padding-left: 1.04167rem;

	width: 100%;

	min-height: clamp(45px, 2.5rem, 2.5rem);

	font-size: clamp(14px, 0.83333rem, 0.83333rem);

}



/* .form-row input[type="password"] {

	font-size: 12px !important;

} */



.form-row input[type="password"]:hover,

.form-row input[type="text"]:hover,

.form-row input[type="email"]:hover,

.form-row input[type="tel"]:hover,

.form-row select:hover,

.form-row textarea:hover,

.form-row input[type="date"]:hover,

.form-row input[type="number"]:hover {

	border-color: var(--color-primary);

}



.form-row input[type="password"]:focus,

.form-row input[type="text"]:focus,

.form-row input[type="email"]:focus,

.form-row input[type="tel"]:focus,

.form-row select:focus,

.form-row textarea:focus,

.form-row input[type="date"]:focus,

.form-row input[type="number"]:focus {

	border-color: var(--color-primary);

}



.section-page-login .title-line {

	color: var(--color-primary);

	font-size: 2.5rem;

	font-weight: 600;

}



/* Form Field Styling */

.form-primary input:not([type="checkbox"]),

.form-primary select,

.form-primary textarea,

.form-row input:not([type="checkbox"]),

.form-row select,

.form-row textarea {

	height: clamp(45px, 2.5rem, 2.5rem);

	border-radius: 5px;

}



/* Select2 Styling for Forms */

.select2-container--default .select2-selection--single .select2-selection__rendered {

	padding: 0 !important;

	line-height: 2.29167rem;

}



.form-row .select2-container {

	width: 100% !important;

}



.select2-container span.selection {

	width: 100% !important;

}



body.woocommerce-page .select2-dropdown .select2-results ul li.select2-results__option {

	font-size: 0.83333rem !important;

}



/* Checkbox Styling */

.woocommerce-form__label-for-checkbox {

	height: 100%;

	display: flex;

	align-items: center;

}



.woocommerce-form__label-for-checkbox input[type="checkbox"] {

	display: none;

}



.woocommerce-MyAccount-content .woocommerce-form__label-for-checkbox {

	display: flex !important;

	align-items: center;

}



.woocommerce-form__label-for-checkbox input[type="checkbox"]:checked~span::before {

	background-image: url(../img/circle-check.svg);

}



.woocommerce-form__label-for-checkbox span {

	display: flex;

	align-items: center;

}



.woocommerce-form__label-for-checkbox span::before {

	display: inline-block;

	flex-shrink: 0;

	margin-right: 10px;

	background-image: url(../img/circle.svg);

	background-size: 100% 100%;

	width: 20px;

	height: 20px;

	content: "";

}



.woocommerce-edit-account .woocommerce-notices-wrapper .woocommerce-info {

	display: none;

}