/*
 Theme Name:   Hello Elementor Child - eCreations
 Template:     hello-elementor
 Version:      1.0.0
 Description:  Custom child theme for Hello Elementor by eCreations.
 Author:       eCreations
 Author URI:   https://ecreations.net
*/

/* Typography for price inside product cards */
.ec-popular-products ul.products li.product .price{
  color:var(--e-global-color-text);
  font-size:0.875rem;
  font-family:"Open Sans", Sans-serif;
  font-weight:400;
  line-height:1em;
}

/* Base grid reset */
.ec-popular-products ul.products{
  display:grid;
  gap:var(--wc-products-gap, 24px);
  padding:0;
  margin:0;
  list-style:none;
}

/* Kill legacy floats and widths that some themes apply */
.ec-popular-products ul.products::before,
.ec-popular-products ul.products::after{
  content:none !important;
  display:none !important;
}
.ec-popular-products ul.products li.product{
  float:none !important;
  margin:0 !important;
  width:auto !important;
  clear:none !important;
}

/* Respect Woo columns-N classes on desktop as a fallback */
.ec-popular-products ul.products.columns-1{ grid-template-columns:repeat(1, minmax(0,1fr)); }
.ec-popular-products ul.products.columns-2{ grid-template-columns:repeat(2, minmax(0,1fr)); }
.ec-popular-products ul.products.columns-3{ grid-template-columns:repeat(3, minmax(0,1fr)); }
.ec-popular-products ul.products.columns-4{ grid-template-columns:repeat(4, minmax(0,1fr)); }
.ec-popular-products ul.products.columns-5{ grid-template-columns:repeat(5, minmax(0,1fr)); }
.ec-popular-products ul.products.columns-6{ grid-template-columns:repeat(6, minmax(0,1fr)); }
.ec-popular-products ul.products.columns-7{ grid-template-columns:repeat(7, minmax(0,1fr)); }
.ec-popular-products ul.products.columns-8{ grid-template-columns:repeat(8, minmax(0,1fr)); }

/* Tablet default if theme does not inject columns via inline style */
@media (max-width: 991px){
  .ec-popular-products ul.products{
    grid-template-columns:repeat(3, minmax(0,1fr)) !important;
  }
}

/* Mobile default if theme does not inject columns via inline style */
@media (max-width: 600px){
  .ec-popular-products ul.products{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }
}

/* Heading style inside the scope */
.ec-popular-products h2{
  font-family:var(--e-global-typography-primary-font-family), Sans-serif;
  font-size:var(--e-global-typography-primary-font-size);
  font-weight:var(--e-global-typography-primary-font-weight);
  line-height:var(--e-global-typography-primary-line-height);
  color:var(--e-global-color-secondary);
  padding:.5em 0;
  margin:0;
}

body.woocommerce.product-template-default .site-main {
    max-width: 1440px;
    padding: 30px 20px !important;
}

@media (min-width: 1200px) {
    body.woocommerce.product-template-default  .site-main {
        max-width: 1440px !important;
        padding: 45px 20px !important;
    }
}

.woocommerce-breadcrumb {
    display: none;
}

body.woocommerce.product-template-default  div.product {
    padding: 0px !important;
}


body.woocommerce.product-template-default  .product .spbz-product-title-wrapper h1 {
    margin: 0px !important;
    font-family: "Open Sans", Sans-serif;
    font-size: 2.3rem;
    font-weight: 700;
    color: #333;
}
body.woocommerce.product-template-default  .product .spbz-product-content-wrapper {
    display: flex;
    flex-direction: row;
    gap: 5% 5%;
    height: 100%;
    margin: 0 auto;
    max-width: 1440px;
    width: 100%;
}
body.woocommerce.product-template-default  .product .spbz-product-content-left {
    flex: 0 1 auto;
    width: 40%;
}

body.woocommerce.product-template-default  .product .spbz-product-content-left div.woocommerce-product-gallery.images {
    float: unset !important;
    width: 100% !important;
}


body.woocommerce.product-template-default  .product .spbz-product-content-right {
    flex: 1 0 auto;
    width: 55%;
    
}

body.woocommerce.product-template-default .product .spbz-product-content-right div.summary {
    float: unset !important;
    width: 100% !important;
    display: flex;
    flex-direction: column;
    gap: 20px;
    row-gap: 20px;
    color: #333333;
}


body.woocommerce.product-template-default .product .spbz-product-content-right div.summary .spbz-price-rating {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    min-height: 40px;
    
}

body.woocommerce.product-template-default .product .spbz-product-content-right div.summary .spbz-price-rating .price {
    color: #373A46;
    font-family: "Open Sans", Sans-serif;
    font-size: 1.625rem;
    font-weight: 800;
    line-height: 1em;
}

body.woocommerce.product-template-default .product a {
    color: #C4AC00;
    font-family: "Open Sans", Sans-serif;
}

body.woocommerce.product-template-default .product .spbz-product-content-right div.summary .single_variation_wrap {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    gap: 20px;
}

body.woocommerce.product-template-default .product .spbz-product-content-right div.summary form.cart {
    margin-bottom: 0px;
}

body.woocommerce.product-template-default .product .spbz-product-content-right div.summary .spbz-span-divider {
    overflow: hidden;
    height: 1px;
}

body.woocommerce.product-template-default .product .spbz-product-content-right div.summary span.divider {
    width: 100%;
    background: #000;
    display: block;
    height: 1px;
}


body.woocommerce.product-template-default .product .spbz-product-content-right div.summary button.button.alt, body.woocommerce.product-template-default .product .spbz-product-content-right div.summary button.button.alt.disabled  {
    text-transform: none;
    -webkit-appearance: button;
    width: auto;
    text-align: center;
    user-select: none;
    font-family: "Open Sans", Sans-serif;
    margin: 0;
    line-height: 1;
    cursor: pointer;
    text-decoration: none;
    padding: .618em 1em;
    font-weight: 400 !important;
    border-radius: 3px;
    border: 0;
    display: inline-block;
    float: unset;
    font-size: 1.25rem;
    color: #000000;
    background-color: #F3CC00;
    transition: all 0.2s;
    vertical-align: middle;
    position: relative;
    overflow: hidden;
}

body.woocommerce.product-template-default .product .spbz-product-content-right div.summary  .quantity .qty {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-radius: 5px 5px 5px 5px;
    padding: 10px 0px 10px 0px;
    color: #373A46;
    transition: all 0.2s;
}

body.woocommerce.product-template-default .product .spbz-product-content-right div.summary .product_meta a {
    color: #000;
}

body.woocommerce.product-template-default .product .spbz-product-content-right div.summary .product_meta a:hover {
    color: #F3CC00;
}

/* =========================================================
   GAP / PADDING BETWEEN SLIDES (works with Slick)
   ========================================================= */
body.woocommerce.product-template-default .product .spbz-reviews {
    padding: 0px 20px 20px 20px !important;
}
body.woocommerce.product-template-default .product .spbz-reviews .yith-ywar-reviews-list.slick-slider { 
  margin: 0 -12px;                /* counter the per-slide padding */
}
body.woocommerce.product-template-default .product .spbz-reviews .yith-ywar-reviews-list.slick-slider .slick-slide {
  padding: 0 12px;                /* horizontal gap */
  box-sizing: border-box;
}

/* Tablet gap */
@media (max-width: 1024px) {
  body.woocommerce.product-template-default .product .spbz-reviews .yith-ywar-reviews-list.slick-slider { margin: 0 -8px; }
  body.woocommerce.product-template-default .product .spbz-reviews .yith-ywar-reviews-list.slick-slider .slick-slide { padding: 0 8px; }
}
/* Mobile gap */
@media (max-width: 767px) {
  body.woocommerce.product-template-default .product .spbz-reviews .yith-ywar-reviews-list.slick-slider { margin: 0 -6px; }
  body.woocommerce.product-template-default .product .spbz-reviews .yith-ywar-reviews-list.slick-slider .slick-slide { padding: 0 6px; }
}

/* Make each card stretch nicely if the card has its own background */
body.woocommerce.product-template-default .product .spbz-reviews .yith-ywar-reviews-list .yith-ywar-single-review {
  height: 100%;
}

/* =========================================================
   OUTER WRAPPERS / CONTAINER
   ========================================================= */
body.woocommerce.product-template-default .product .spbz-reviews .reviews-carousel-wrap { position: relative; }

/* Optional outer padding (your current layout) */
body.woocommerce.product-template-default .product .spbz-reviews .yith-ywar-reviews-wrapper { padding: 0 50px; }

/* Mobile wrapper padding */
@media (max-width: 767px) {
    body.woocommerce.product-template-default .product .spbz-reviews .yith-ywar-reviews-wrapper { padding: 0 20px; }
  body.woocommerce.product-template-default .product .spbz-reviews .reviews-carousel-wrap { padding: 0 0px; }
}

/* Slick handles height; don’t animate list height */
body.woocommerce.product-template-default .product .spbz-reviews .yith-ywar-reviews-list.reviews-carousel {
  position: relative;
  gap: 0 !important;
  transition: none;               /* prevent scroll jumps */
  will-change: auto;
}

/* Slick viewport + track (keep defaults, just ensure shadows don’t clip) */
body.woocommerce.product-template-default .product .spbz-reviews .yith-ywar-reviews-list.slick-slider .slick-list {
  overflow: hidden;               /* Slick default */
  padding: 5px 0;                 /* breathing room for drop shadows */
}
body.woocommerce.product-template-default .product .spbz-reviews .yith-ywar-reviews-list.slick-slider .slick-track {
  display: flex;                  /* modern browsers already do this */
  align-items: stretch;
  will-change: transform;
  touch-action: pan-y;
}

/* =========================================================
   YITH TWEAKS
   ========================================================= */
body.woocommerce.product-template-default .product .spbz-reviews .yith-ywar-reviews-list .review-actions { display: none; }
body.woocommerce.product-template-default .product .spbz-reviews .yith-ywar-reviews-list .yith-ywar-single-review.review-reply { margin-left: 0; }

/* =========================================================
   ARROWS
   ========================================================= */
body.woocommerce.product-template-default .product .spbz-reviews .reviews-nav {
  position: absolute;
  top: 125px;                     /* adjust to taste */
  z-index: 5;
  border: 0;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  cursor: pointer;
  display: grid;
  place-items: center;
  font-size: 40px;
  text-align: center;
  align-items: start;
  justify-content: center;
  padding: 4px;
  background-color: var(--e-global-color-5f1d7b5, transparent);
  color: var(--toggle-button-text-color, #69727d);
}
body.woocommerce.product-template-default .product .spbz-reviews .reviews-nav.prev { left: -50px; }
body.woocommerce.product-template-default .product .spbz-reviews .reviews-nav.next { right: -50px; }

/* Disabled (Slick adds .slick-disabled) */
body.woocommerce.product-template-default .product .spbz-reviews .reviews-nav[disabled],
body.woocommerce.product-template-default .product .spbz-reviews .reviews-nav.slick-disabled {
  opacity: .35;
  cursor: default;
}

/* Nudge arrows on smaller screens if needed */
@media (max-width: 1024px) {
  body.woocommerce.product-template-default .product .spbz-reviews .reviews-nav.prev { left: -40px; }
  body.woocommerce.product-template-default .product .spbz-reviews .reviews-nav.next { right: -40px; }
}
@media (max-width: 767px) {
  body.woocommerce.product-template-default .product .spbz-reviews .reviews-nav.prev { left: -45px; }
  body.woocommerce.product-template-default .product .spbz-reviews .reviews-nav.next { right: -45px; }
}

/* =========================================================
   DOTS (hidden, but styled if you enable them)
   ========================================================= */
body.woocommerce.product-template-default .product .spbz-reviews .reviews-dots { display: none; }
body.woocommerce.product-template-default .product .spbz-reviews .reviews-dot { width: 8px; height: 8px; border-radius: 999px; border: 0; }
body.woocommerce.product-template-default .product .spbz-reviews .reviews-dot[aria-current="true"] { background: #333; }
body.woocommerce.product-template-default .product .spbz-reviews .reviews-dot:hover { background: #333; }

/* =========================================================
   ACCESSIBILITY
   ========================================================= */
@media (prefers-reduced-motion: reduce) {
  body.woocommerce.product-template-default .product .spbz-reviews .yith-ywar-reviews-list.slick-slider .slick-track { transition: none !important; }
}


body.woocommerce.product-template-default .product .spbz-product-content-left div.images.woocommerce-product-gallery {
    width: 100% !important;
    float: unset !important;
}

body.woocommerce.product-template-default .product .spbz-product-content-left .tc_video_slide {
    position: relative;
}


body.woocommerce.product-template-default .product .spbz-product-content-left .primary-slider .tc_video_slide::before {
    background-size: 112px 112px;
}
body.woocommerce.product-template-default .product .spbz-product-content-left .tc_video_slide::before {
    content: "";
    display: block;
    background-image: url(https://elementor.speedbeez.ecreations.pro/wp-content/uploads/swarmify-play-button-2.svg);
    background-size: 56px 56px;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;

    /* Enable smooth scaling */
    transition: transform 0.3s ease;
    transform: scale3d(1, 1, 1);
    
}

body.woocommerce.product-template-default .product .spbz-product-content-left .primary-slider .tc_video_slide.is-playing::before {
    content: "" !important;
  opacity: 0 !important; /* or display: none if you prefer */
  pointer-events: none !important;
}
body.woocommerce.product-template-default .product .spbz-product-content-left .tc_video_slide:hover::before {
    transform: scale3d(1.2, 1.2, 1); /* Grows on hover */
}

body.woocommerce.product-template-default .product .spbz-product-content-left #secondary-slider .splide__arrows {
    position: absolute;
    bottom: 0px;
    left: -16px;
    right: -14px;
}


body.woocommerce.product-template-default .product .spbz-product-content-left #secondary-slider-list {
    margin-bottom: 25px !important;
}

/* Base grid reset */
body.woocommerce.product-template-default ul.products{
  display:grid;
  gap:var(--wc-products-gap, 24px);
  padding:0;
  margin:0;
  list-style:none;
}

/* Kill legacy floats and widths that some themes apply */
body.woocommerce.product-template-default ul.products::before,
body.woocommerce.product-template-default ul.products::after{
  content:none !important;
  display:none !important;
}
body.woocommerce.product-template-default ul.products li.product{
  float:none !important;
  margin:0 !important;
  width:auto !important;
  clear:none !important;
}

/* Respect Woo columns-N classes on desktop as a fallback */
body.woocommerce.product-template-default ul.products.columns-1{ grid-template-columns:repeat(1, minmax(0,1fr)); }
body.woocommerce.product-template-default ul.products.columns-2{ grid-template-columns:repeat(2, minmax(0,1fr)); }
body.woocommerce.product-template-default ul.products.columns-3{ grid-template-columns:repeat(3, minmax(0,1fr)); }
body.woocommerce.product-template-default ul.products.columns-4{ grid-template-columns:repeat(4, minmax(0,1fr)); }
body.woocommerce.product-template-default ul.products.columns-5{ grid-template-columns:repeat(5, minmax(0,1fr)); }
body.woocommerce.product-template-default ul.products.columns-6{ grid-template-columns:repeat(6, minmax(0,1fr)); }
body.woocommerce.product-template-default ul.products.columns-7{ grid-template-columns:repeat(7, minmax(0,1fr)); }
body.woocommerce.product-template-default ul.products.columns-8{ grid-template-columns:repeat(8, minmax(0,1fr)); }

/* Tablet default if theme does not inject columns via inline style */
@media (max-width: 991px){
  body.woocommerce.product-template-default ul.products{
    grid-template-columns:repeat(3, minmax(0,1fr)) !important;
  }
}

/* Mobile default if theme does not inject columns via inline style */
@media (max-width: 600px){
  body.woocommerce.product-template-default ul.products {
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }
}