/* 
Theme Name: Sorayalemm
Theme URI:		 https://www.rigorousweb.com
Author: 		 Rigorous Web Services
Author URI: 	 https://www.rigorousweb.com
Description:     Custom theme Built by Rigorous Web Services for ajwtech.
Template: hello-elementor
Version: 1.0.0
Text Domain: sorayalemm
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

.woocommerce div.product {
  display: flex;
  flex-direction: column;
}

.sorayalemm-product {
  display: flex;
  flex-wrap: wrap;
}
.sorayalemm-swiper-slider {
  width: 50%;
}
/* Add your custom styles here */
.sorayalemm-variation-prices ul {
  display: flex;
  padding: 0 0 25px;
  gap: 10px 20px;
}
.sorayalemm-variation-prices ul li {
  list-style: none;
  letter-spacing: 1px;
  color: #BA008C;
}
.product .variations_form table tr th, .variations_form table tr td {
  background: none !important;
}
.product .variations_form table tr th.label {
  display: none;
}
.product .variations_form table select {
  border-radius: 50px;
  text-align: center;
  border: 1px solid #BA008C;
  font-weight: 600;
  text-transform: uppercase;
  color: #BA008C;
	background: none !important;
	padding-right: 10px !important;
	    -webkit-appearance: none; /* Safari and Chrome */
    -moz-appearance: none;    /* Firefox */
    appearance: none;
}

.woocommerce div.product div.images {
  display: flex;
  flex-wrap: wrap;
}
.woocommerce div.product div.images .flex-control-thumbs {
  width: 20%;
	padding-left: 20px;
}
.woocommerce div.product div.images .flex-viewport {
  width: 80%;
}
.woocommerce div.product div.images .flex-control-thumbs li {
  float: none;
  width: 100%;
  margin-bottom: 20px;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
  right: 25%;
}
.woocommerce div.product .quantity .qty {
  width: 120px;
  font-weight: 600;
  color: #BA008C;
  border-radius: 50px;
  border-color: #BA008C;
	margin-bottom: 20px;
}
.woocommerce div.product form.cart .button {
  float: none;
  width: 100%;
  background: #FD6220;
  color: #FCC3CA;
  font-weight: 500;
  font-size: 18px;
  border-radius: 0;
}
.sorayalemm-additional-info {
  padding: 0;
}
.sorayalemm-additional-info li {
  list-style: none;
}
.sorayalemm-additional-info li h2 {
  font-size: 18px;
  font-weight: 400;
  color: #BA008C;
}
.sorayalemm-additional-info li p {
  color: #BA008C;
  font-size: 16px;
}
.single-product .sorayalemm-product {
  width: 100%;
  max-width: 1170px;
  margin: 0 auto;
}
.single-product #primary {
  margin-top: 40px;
}
.sorayalemm-entry-summary {
  max-width: 480px;
}
.sorayalemm-entry-summary .product_title {
  font-size: 34px;
  color: #FD6220;
  margin-bottom: 30px;
}
.woocommerce span.onsale {
  height: 50px;
  width: 50px;
  background: #FD6220;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
    left: 15px;
}
.sorayalemm-swiper-slider {
  width: 45%;
 margin-right: 5%; 
}
.sorayalemm-swiper-slider .sorayalemm-slide img {
  height: 80% !important;
}
.sorayalemm-product .sorayalemm-thumbnail  {
  padding: 0 25px;
} 
.sorayalemm-thumbnail .swiper-button-next {
  right: -5px;
}
.sorayalemm-thumbnail .swiper-button-prev {
  left: -5px;
}
.sorayalemm-thumbnail .swiper-button-next::after, .sorayalemm-thumbnail .swiper-button-prev::after {
  font-size: 27px;
  color: #BA008C;
	opacity: 0.7;
	transition: all 0.3s ease 0s;
}
.sorayalemm-thumbnail .swiper-button-next:hover:after, .sorayalemm-thumbnail .swiper-button-prev:hover:after {
	opacity:1;
	transition: all 0.3s ease 0s;
}

/* New  styles here */
.sorayalemm-gallery-thumbs-vertical .swiper-container {
  overflow: hidden;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 480px) {
  .sorayalemm-gallery-thumbs-vertical .swiper-container {
    min-height: 320px;
 }
}
.sorayalemm-gallery-thumbs-vertical .swiper-container-wrapper {
  display: flex;
  flex-flow: column nowrap;
}
@media (min-width: 480px) {
  .sorayalemm-gallery-thumbs-vertical .swiper-container-wrapper {
    flex-flow: row nowrap;
 }
}
.sorayalemm-gallery-thumbs-vertical .swiper-slide {
  text-align: center;
  background-size: cover;
  background-position: center;
  background-color: #fff;
 /* Center slide text vertically */
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
 /* Slide content */
}

.sorayalemm-gallery-thumbs-vertical .gallery-top {
  position: relative;
  width: 100%;
    margin-right: 10px;
	  height: 480px;
}

.sorayalemm-gallery-thumbs-vertical .gallery-thumbs {
  width: 26%;
    padding: 0;
    height: 480px;
}
.sorayalemm-gallery-thumbs-vertical .swiper-slide img {
  height: 100%;
}
.sorayalemm-gallery-thumbs-vertical .gallery-thumbs .swiper-wrapper {
  flex-direction: row;
}
@media (min-width: 480px) {
  .sorayalemm-gallery-thumbs-vertical .gallery-thumbs .swiper-wrapper {
    flex-direction: column;
 }
}
.sorayalemm-gallery-thumbs-vertical .gallery-thumbs .swiper-slide {
  width: 25%;
  flex-flow: row nowrap;
  height: 100%;
}
.sorayalemm-product .swiper-thumbs .swiper-slide {
  opacity: 0.3;
  cursor: pointer;
}
@media (min-width: 480px) {
  .sorayalemm-gallery-thumbs-vertical .gallery-thumbs .swiper-slide {
    flex-flow: column nowrap;
    width: 100%;
 }
}
.sorayalemm-product .swiper-thumbs .swiper-slide-thumb-active,
.sorayalemm-product .swiper-thumbs .swiper-slide:hover {
  opacity: 1;
}

.sorayalemm-gallery-thumbs-vertical .swiper-button-next::after, .sorayalemm-gallery-thumbs-vertical .swiper-button-prev::after {
  font-size: 27px;
  color: #FCC3CA;
}
.sorayalemm-gallery-thumbs-vertical .swiper-button-next:hover:after, .sorayalemm-gallery-thumbs-vertical .swiper-button-prev:hover:after {
  color: #BA008C;
}
.sorayalemm-gallery-thumbs-vertical .swiper-button-next, .sorayalemm-gallery-thumbs-vertical .swiper-button-prev {
  top: auto;
  bottom: 0;
}
.sorayalemm-swiper-slider[data-gallery="false"] .swiper-thumbs {
  display: none;
}