/*
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.0
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
*/

/* 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: #5DAC40;
}

.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;
}

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

.woocommerce-loop-product__title a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


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: #f4ecf3;
    padding: 0 10px;
    border-radius: 5px;
}
/* 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: #636E2B;
    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: #636E2B;
}
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 {
	fill: #FFFDF7;
	color:#FFFDF7;
	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: #fffdf7;
    padding-top: 30px;
    padding-bottom: 30px;
    border-top: solid 1px #FCBF0E
  }
  .hs-container{
    max-width: 1280px;
    padding: 0 20px;
    margin: 0 auto;;
  }
  h3.hs-footer-sec-title {
    font-size: 1.3rem;
    font-weight: 700;
	color: #636E2B
  }
  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: 50px;
    border: solid 1px #ddd;
  }
  button#newsletter-btn {
    padding: 0;
    height: 50px;
    width: 100%;
    border-radius: 5px;
    background: #636E2B;
    color: #fff;
    cursor: pointer;
  }
  
  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;
      }
    }
  }
  ul#menu-footer-menu li {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  ul#menu-footer-menu li a{
    color: #636E2B;
  }
  .hs-social-wrap {
    display: flex;
    gap: 10px;
    font-size: 18px;
    & svg{fill:#636E2B}
 }
  img.hs-footer-payment {
    max-height: 24px;
  }
  section.hs-footer-copyrights {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
    @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: 5px!important;
}

input#woocommerce-product-search-field-0 {
    border-radius: 50px;
}

body ul.products li.product img {
    border-radius: 10px;
    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: #636E2B;
}

li.product:not(li.product.sale) .price bdi, ul.products li.product .price ins {
    color: #5DAC40;
    font-weight: 900;
    font-size: 1.2rem;
}

a.cg-menu-link.main-menu-link span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
		line-height: 1.5em;
	& bubble{
		font-size: 11px;
		background: red;
		line-height: 1em;
		padding: 2px 5px;
		border-radius: 5px;
		color: #fff;
	}
}

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: #636E2B;
    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 */

/* Footer Testimonials */

section.hs-testimonials {
    background: #90A240;
    padding-top: 4em;
    padding-bottom: 4em;
	clear: both;
}

section.hs-testimonials h2{
	font-weight: 900;
	text-align: center;
	color: #fff;
}

.hs-testimonials-wrap {
    max-width: 800px;
	margin: auto
}

.hs-testimonial-card{
	text-align: center;
	padding: 20px;
	margin-bottom: 20px
}

.hs-testimonial-card h3{
	font-size: 1.3rem;
	color: #fff;
}

.hs-testimonial-card p{
	color: #fff;
	font-size: 1.1rem;
	font-weight: 500;
}
/* Footer Testimonials */