$search_icon_w: 48px;
//====================
.cms-search-form,
.woocommerce-product-search,
.wp-block-search{
    position: relative;
    [type="search"] {
	    padding-right: $search_icon_w + 10px;
	    height: 65px!important;
	    line-height: 65px!important;
	    background-color: $white!important;
	    @include box-shadow(none);
	    [dir="rtl"] &{
	        padding-right: 20px;
	        padding-left: $search_icon_w + 10px;
	    }
	}
}

.cms-search-form,
.woocommerce-product-search{
	[type="submit"] {
	    width: $search_icon_w;
		padding: 0;
		margin: 0;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		background: transparent;
		border: 0;
		font-size: 0;
		text-indent: -999999px;
		color: $primary-color;
		[dir="rtl"] &{
			right: auto;
			left: 0;
		}
	    &:before{
			@include font-cmsi("\e93f", 17px);
			position: absolute;
			top: 50%;
			left: 50%;
			text-indent: 0;
			@include transform(translate(-50%, -50%));
		}
		&:hover{
			color: $accent-color;
			background-color: transparent;
		}
	}
}
.cms-search-form.cms-search-form-popup{
	width: 100%;
	max-width: 475px;
	margin: 0 auto;
	[type="search"]{
		padding-left: $search_icon_w + 10px !important;
		padding-right: 0!important;
		font-size: 35px!important;
		background: transparent;
		font-family: var(--heading-font-family);
		border-bottom: 0px solid $border-color!important;
		@include box-shadow(none!important);
		@include border-radius(0!important);
		[dir="rtl"] &{
			padding-right: $search_icon_w + 10px !important;
	        padding-left: 0;
		}
		@media (max-width: $screen-md-max){
			font-size: 20px !important;
		}
		@media (max-width: $screen-sm-max){
			font-size: 15px !important;
		}
	}
	[type="search"]::-webkit-input-placeholder{
		font-size: 35px;
		color: $body-font-color;
		@media (max-width: $screen-md-max){
			font-size: 20px !important;
		}
		@media (max-width: $screen-sm-max){
			font-size: 15px !important;
		}
	}
	[type="submit"]{
		left: 0;
		&:before{
			font-size: 26px;
			margin-top: -2px;
		}
		[dir="rtl"] &{
			left: auto;
			right: 0;
		}
		&:hover,
		&:focus{
			background: transparent;
			color: $accent-color;
		}
	}
}
#cms-search-popup.cms-modal-html{
	background: $white;
}