/*
Theme Name: HS Custom Theme
Theme URI: https://heshamsaad.com
Description: Custom modifed theme by Hesham Saad
Author: Hesham Saad
Author URI: https://heshamsaad.com
Template: shoptimizer
Version: 1.5.6
Text Domain: hesham
Domain Path: /languages
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

:root{
	--main-color: #356C42;
	--sec-color : #E5B52F;
}

/* Mobile Menu */
.mobile-extra li a {
	display: flex;
	gap: 5px;
	justify-content: start;
	flex-flow: row-reverse;
	align-items: center;
	margin-top: 10px;
}
.mobile-extra li a.icon-wrapper {
	display:flex;
}
.mobile-extra li a svg{
	width: 24px;
	height: 24px;
	color: var(--main-color);
}

.mobile-extra {
	padding-top: 20px;
	margin-top:20px;
	margin-bottom: 40px
}

@media(min-width:993px){
	ul#menu-top-menu a, ul#menu-top-menu-arabic a{
		color: #333;
		font-size: 11px;
	}	
}
/* Mobile Menu */

/* Shop - start */

.subcategory-list {
	display: flex;
	flex-flow: row;
	gap: 10px;
	margin-bottom: 20px;
	flex-wrap: wrap;
}

p.product__categories {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.woocommerce-loop-product__title a {
	display: -webkit-box!important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	font-weight: 600;
	font-size: 0.9rem;
	line-height: 1.25em;
	height: 2.5em;
}

li.menu-item-product p.product__categories, ul.products li.product p.product__categories {
    position: relative;
    margin-bottom: 2px;
    -webkit-font-smoothing: antialiased;
    color: #999;
    line-height: 1em!important;
    letter-spacing: 0!important;
    text-transform: none!important;
    font-size: 0.8rem!important;
    line-height: 1.25em!important;
}
ul.products li.product p.product__categories a{
	color: #999!important;
    letter-spacing: 0!important;
	text-transform: none!important;
    font-size: 0.8rem!important;
    line-height: 1.25em!important;	
}

ul.products {
	align-items: stretch;
}
.cgkit-as-wrap-plp .cgkit-attribute-swatches .cgkit-attribute-swatch.cgkit-button button, .cgkit-as-wrap-plp .cgkit-attribute-swatches .cgkit-attribute-swatch.cgkit-button button.button-fluid{
	line-height: 1em;
	min-height: fit-content;
	min-width: fit-content;
	padding: 3px 5px
}

.cart-drawer-below img {
	max-height: 30px;
}

.cart_item dl.variation *, .mini_cart_item dl.variation *{
	display: inline;
}

.subcategory-list a {
	font-size: 14px;
	font-weight: 300;
	background: var(--main-color);
	padding: 0 10px;
	border-radius: 5px;
	color: #fff;
}

.subcategory-list a:hover {
	background: var(--sec-color);
	color: #000;
}

@media (max-width: 768px) {
	.subcategory-list {
		flex-wrap: nowrap;
		overflow: auto hidden;
	}

	.subcategory-list a{
		min-width: fit-content;
	}	
}
/* Shop - End */


/* Product new review - start */

div#reviews {
	display: grid;
	grid-template-columns: 400px 1fr;
	gap: 50px;
}

@media(max-width:992px){
	div#reviews {
		grid-template-columns: 1fr;
		gap: 30px0px;
	}        
}

.woocommerce-review-summary {
	background: #fff;
	color: #888;
	font-size: 0.9rem;
}

.woocommerce-review-summary .hs_total_rate {
	background: var(--main-color);
	padding: 20px;
	color: #fff;
	display: flex;
	flex-flow: column;
	gap: 5px;
	align-items: center;
}

.woocommerce-review-summary .hs_total_rate h3 {
	margin-bottom: 0!important;
	color: #fff;
	font-size: 2rem;
	font-weight: bold;
	line-height: 1em;
}   

.rating-summary {
	background: #fff;
	padding: 20px;
}        

.hs_rate_item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
}

span.hs_rate_bar {
	height: 2px;
	width: 100%;
	background: #f2f2f2;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
}

span.hs_rate_bar span {
	height: 100%;
	display: inline-block;
	background: green;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

body #reviews .commentlist li .comment_container .comment-text {
	width: 100%!important;
}

/* Product new review - end */


/* Footer Styling - Start */

section.hs-above-footer{
	background: var(--main-color);
	clear: both;
}
section.hs-above-footer .hs-container {
	padding-top: 40px;
	padding-bottom: 40px;
}

section.hs-above-footer .hs-row {
	display: flex;
	flex-flow: row;
	gap: 30px;
	justify-content: space-between;
	align-items: start;
	@media (max-width:768px) {
		& {
			flex-flow: column;
		}
	}
}

section.hs-above-footer .hs-container .hs-store-features {
	display: flex;
	gap: 10px;
}

section.hs-above-footer .hs-icon-wrap svg {
	color: #fff;
	width: 28px;
	height: 28px;
}

section.hs-above-footer .hs-feature-content h5, section.hs-above-footer .hs-feature-content p {
	margin: 0;
	line-height: 1.2em;
}

section.hs-above-footer h5.hs-feature-title {
	font-size: 16px;
	margin-bottom: 5px;
	color: #FFFDF7;
	font-weight: 600
}
section.hs-above-footer p.hs-feature-description {
	font-size: 13px;
	max-width: 220px;
	color: #FFFDF7;
}

footer#hs-main-footer{
	background-color: var(--main-color);
	padding-top: 30px;
	padding-bottom: 30px;
	border-top: solid 1px var(--sec-color);
	color: #ffffff;
}

footer#hs-main-footer a{
	color: #fff;
}

.hs-container{
	max-width: 1280px;
	padding: 0 20px;
	margin: 0 auto;;
}
h3.hs-footer-sec-title {
	font-size: 1.3rem;
	font-weight: 700;
	color: #ffffff;
}

.hs-newslitter-wrap .hs-footer-sec-title{
    margin: 0;
}

section.hs-footer-level-1 {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
	padding: 20px 0;
	@media(max-width:768px){
		&{
			grid-template-columns:1fr;
		}
	}
}
.hs-col-1-level-1.hs-col img{
	max-width: 100px;
}
.hs-col-1-level-1.hs-col p{
	max-width: 350px;
}
.hs-form-wrap {
	display: grid;
	grid-template-columns: 2fr 1fr;
	gap: 20px 10px;
	align-items: center;
}  
input#newsletter-email {
	padding: 0;
	width: 100%;
	height: 50px;
	text-indent: 15px;
	border-radius: 5px;
	border: solid 1px #ddd;
	background: #fff;
}
button#newsletter-btn {
	padding: 0;
	height: 50px;
	width: 100%;
	border-radius: 5px;
	background: var(--sec-color);
	color: var(--main-color);
	cursor: pointer;
	font-weight: bold;
	text-transform: uppercase;
}

section.hs-footer-level-2 {
	display: grid;
	grid-template-columns: 2fr 1fr 1fr;
	gap: 20px;
	padding: 20px 0;
	@media(max-width:768px){
		&{
			grid-template-columns: repeat(2, 1fr);
			grid-template-rows: auto auto;
		}
		& .hs-col-1-level-2  { grid-area: 1 / 1 / 2 / 3; }
		& .hs-col-2-level-2  { grid-area: 2 / 1 / 3 / 2; }
		& .hs-col-3-level-2  { grid-area: 2 / 2 / 3 / 3; text-align: right;}      
	}
}

ul#menu-footer-menu {
	padding: 0;
	margin: 0;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 5px;
	@media(max-width:768px){
		&{
			grid-template-columns:1fr;
		}
	}
}
nav.footer-nav > ul li {
	list-style: none;
	padding: 0;
	margin: 0;
}
nav.footer-nav > li a{
	color: #ffffff;
}
.hs-social-wrap {
	display: flex;
	gap: 10px;
	font-size: 18px;
	& svg{
		fill:#fff;
		width: 1.5em;
        height: 1.5em;
	}
}
img.hs-footer-payment {
	max-height: 24px;
}
section.hs-footer-copyrights {
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
	padding-top: 20px;
	border-top: solid 1px #fff;
	@media(max-width:768px){
		&{
			flex-flow: column;
			text-align: center;
		}
	}
}  

/* Footer Styling - End */


/* Intl-Tel RTL FIX - Strat */

body.rtl .intl-tel-input.allow-dropdown .flag-container, body.rtl .intl-tel-input.separate-dial-code .flag-container {
	right: 0;
	left: auto;
}

body.rtl .intl-tel-input .country-list li {
	direction: ltr;
	display: flex;
	flex-flow: row-reverse;
	justify-content: space-between;
	align-items: center;
	gap: 8px;
}

body.rtl .intl-tel-input .country-list .country-name, body.rtl .intl-tel-input .country-list .flag-box {
	margin-right: 0;
}

body.rtl .intl-tel-input .selected-flag {
	padding: 0 8px 0 0;
}

body.rtl .wc-pv-intl .intl-tel-input input {
	padding-left: 0px!important;
	padding-right: 55px!important;
	direction: ltr;
	text-align: right;
}

body.rtl .intl-tel-input .selected-flag .iti-arrow{
	right: auto;
	left: 6px
}
/* Intl-Tel RTL FIX - End */

/* RTL */
body.rtl table.cart td.product-quantity .quantity-nav {
	width: 100%;
	right: 0;
}

body.rtl table.cart td.product-quantity .quantity .quantity-button.minus {
	left: 0;
	right: auto;
}

@media (max-width: 770px){
	body.rtl .commercekit-wishlist-table tr {
		padding-left: 0;
		padding-right: 120px;
	}

	body.rtl .commercekit-wishlist-table td.image{
		left: auto;
		right: 0;
		padding-left: 0;
		padding-right: 15px
	}
}


body.rtl.drawer-open .shoptimizer-mini-cart-wrap {
	right: 0;
	left: auto;
}

body.rtl footer.copyright .widget:last-child {
	text-align: left;
}
/* RTL */





/* custom */
input#ckwtl-button2, .commercekit-waitlist #ckwtl-button {
	border-radius: 50px;
	background: #d00;
}



section.woocommerce-order-details {
	overflow: hidden;
}

/* .button {
border-radius: 50px!important;
} */

body ul.products li.product img {
	border: solid 1px #f2f2f2;
}

.wpml-ls-legacy-dropdown-click {
	width: auto;
	max-width: 120px;
}

.wpml-ls-legacy-dropdown-click a {
	color: #333!important;
}
.site-main ul.products li.product:hover::before {
	border-radius: 10px;
}

section.up-sells.upsells.products {
	margin-bottom: 40px;
}

li.woocommerce-product-gallery__image.swiper-slide{
	border-radius: 20px;
}

li.woocommerce-product-gallery__image.swiper-slide img{
	border-radius: 20px;
	border: solid 1px #f2f2f2;
}


p.price {
	font-weight: 900;
}

.commercekit-ajs-view-all-holder>a {
	background: var(--main-color);
}

li.product:not(li.product.sale) .price bdi, ul.products li.product .price ins {
	color: var(--main-color);
	font-weight: 700;
	font-size: 1rem;
}

a.cg-menu-link.main-menu-link span {

}

input#coupon_code:focus {
	background: #fff;
}

/* body ul.products li.product.product-category h2 {
	margin: 0;
	font-size: 17px;
	letter-spacing: 0;
	font-weight: 400;
	background: var(--main-color);
	color: #fff;
	text-align: center;
	max-width: 80%;
	display: flex;
	justify-content: center;
	position: absolute;
	height: 40px;
	align-items: center;
	border-radius: 50px;
	left: 10%;
	bottom: 20px;
} */

.otgs-development-site-front-end {
	display: none!important;
}

@media (max-width:768px){
	.top-bar-right.widget_nav_menu {
		display: none;
	}
}

/* custom */