/* 
Theme Name:		 SA Woostify Child Theme
Theme URI:		 http://childtheme-generator.com/
Description:	 SA Woostify Child Theme is a child theme of Woostify, created by ChildTheme-Generator.com
Author:			 Sakib Ahmed
Author URI:		 http://childtheme-generator.com/
Template:		 woostify
Version:		 1.0.0
Text Domain:	 sa-woostify-child-theme
*/

/*
    Add your custom styles here
*/
/*

.perfume-single {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 20px;
}

.perfume-image img {
  max-width: 100%;
  height: auto;
  border: 1px solid #ddd;
  padding: 10px;
  background: #f9f9f9;
}

.perfume-details {
  flex: 1;
}

.perfume-title {
  font-size: 2em;
  margin-bottom: 10px;
}

.perfume-meta {
  margin-bottom: 15px;
  font-size: 0.9em;
  color: #666;
}

.perfume-price {
  font-size: 1.2em;
  margin-bottom: 20px;
  font-weight: bold;
  color: #333;
}

.perfume-description {
  margin-bottom: 20px;
}

.perfume-buttons .btn {
  display: inline-block;
  padding: 10px 20px;
  margin-right: 10px;
  text-decoration: none;
  color: #fff;
  border-radius: 5px;
}

.perfume-buttons .btn-primary {
  background-color: #007bff;
}

.perfume-buttons .btn-secondary {
  background-color: #28a745;
}
*/


/* body.single-perfume div#primary {
    width: 100% !important;!i;!;
}
 */
body.single-perfume svg.flickity-button-icon {
  height: 14px;
}

body.single-perfume div#flickity-viewport {
  height: 100% !important;
}

body.single-perfume .woostify-product-recently-viewed-section {
  display: none !important;
}

body.single-perfume a.single_add_to_cart_button.button.alt {
  margin-bottom: 12px;
}



/* Front Page */
body.page-template-all-perfumes .woostify-container {
  display: flex;
}

body.page-template-all-perfumes div#secondary {
  width: 20%;
  order: 2;
}

body.page-template-all-perfumes div#primary {
  width: calc(100% - 20%);
  order: 1;
  margin: 0 auto;
}





/* Archive Page */
.sa-pagination {
  clear: both;
}

/* Single Perfume */
.single-perfume .items {
  display: flex;
  column-gap: 20px;
  row-gap: 20px;
  margin-top: 40px;
  flex-wrap: wrap;
}

.single-perfume .product-page-container {
  padding-bottom: 0;
}

@media (max-width: 991px) {

  .single-perfume .product-summary {
    text-align: center;
  }

  .single-perfume .items {

    justify-content: center;
  }

  .single-perfume .product-summary {
    margin-top: 0;
  }
/*
  .single-perfume .product-page-container {
    background: transparent;
  }

  .single-perfume .product-page-container {
    background-color: transparent;
  }

  .site-content-boxed-container .site-content {
    background: transparent;
  }

  body.custom-background {
    background-size: contain !important;
    background-repeat: repeat !important;
  }
	*/
body.single.single-perfume .product-summary {
    padding: 5px 10px;
}

body.single.single-perfume .woocommerce-tabs.wc-tabs-wrapper {
    padding: 5px 10px;
}

body.single.single-perfume {
    background: none;
}

body.single.single-perfume .site-header-inner {
    padding: 0 15px;
}
	
  body.single-perfume div#primary {
    width: 100%;
    background: #ffffff;
    margin: 0 auto;
  }

  body.single-perfume .product-images img {
    max-height: 320px !important;
  }

  body.perfume-template-default.single.single-perfume.postid-5679.custom-background.wp-custom-logo.wp-embed-responsive.infinite-scroll-active.child-theme-detected.site-content-boxed-container.has-header-layout-1.right-sidebar.has-sidebar.elementor-default.elementor-kit-17 {
    background-image: none;
  }

  body.single-perfume .woostify-container {
    padding: 0;
  }

  body.single-perfume .product-images {
    background-image: url("https://parfumei.com/wp-content/uploads/2024/12/bg-webp.webp");
    /* background-position: left top; */
    background-size: contain;
    background-repeat: repeat;
    background-attachment: fixed;
  }

}

.woocommerce-product-details__short-description {
  padding: 0;
}

body.single-perfume .product-images img {
  max-height: 450px;
  margin: 0 auto;
  display: block;
}

.items svg {
  height: auto;
}

.item span.progress1 {
  height: 4px;
  width: 100%;
  background: #e1e1e1;
  display: block;
  border-radius: 8px;
  position: relative;
}

span.seasonsName {
  font-size: 12px;
  color: #000;
  margin-top: -8px;
  display: block;
  font-weight: 500;
}

.items .item {
  width: 55px;
  text-align: center;
}

.item.winter span.percent,
.item.spring span.percent,
.item.summer span.percent,
.item.fall span.percent,
.item.day span.percent,
.item.night span.percent {
  position: absolute;
  height: 4px;
  z-index: 1;
  content: "";
  left: 0;
  bottom: 0;
  border-radius: 8px;
}

.item.winter span.percent {
  background: #006dd2;
}

.item.spring span.percent {
  background: #9fe584;
}

.item.summer span.percent {
  background: #fc958a;
}

.item.fall span.percent {
  background: #ffae00;
}

.item.day span.percent {
  background: #fcf487;
}

.item.night span.percent {
  background: #666;
}

.recent-perfume-sidebar li a {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 20px;
}

.recent-perfume-sidebar li a img {
  max-width: 45px;
  height: 100%;
}

.recent-perfume-sidebar li a span {
  font-size: 14px;
  line-height: 25px;
}

.recent-perfume-sidebar ul {
  padding: 0;
}

/* Single End */


/* Brand Archive page */
body.term-gucci .brand-img {
  display: inline-block;
  float: left;
  border: 2px solid #f3f3f3;
  padding: 4px;
  margin-right: 24px;
}






/* Common */
@media (max-width: 991px) {

  div#primary {
    width: 85%;
    background: #ffffff;
    margin: 0 auto;
  }

  .woocommerce-tabs.wc-tabs-wrapper {
    padding-bottom: 0;
  }

  footer#colophon {
    margin-top: 0;
  }

  div#content {
    padding-top: 0;
    padding-bottom: 0;
  }

}


/* Image Zoom Hover Effect */
.product-loop-image-wrapper {
  position: relative;
  overflow: hidden;
}

.product-loop-image-wrapper img {
  display: block;
  width: 100%;
  height: auto;
  transition: transform 0.3s ease;
  /* Smooth zoom transition */
}

.product-loop-image-wrapper:hover img {
  transform: scale(1.1);
  /* Zoom effect */
}