/* =========================================================
   Danalyx WooCommerce Carousel — Styles (v1.7.3)
   (Full-length, deduplicated; keeps all variables & fallbacks)
   ========================================================= */


/* ---------- Product bits ---------- */
.danalyx-product-image-wrapper{
  position:relative; overflow:hidden;
  border-radius: var(--dxa-image-radius, 0);
  isolation: isolate;
  margin-bottom: var(--dxa-image-gap-ov, 10px);
}
.danalyx-main-image{
  width:100%; height:auto; display:block;
  transition:transform .35s ease, filter .35s ease, opacity .35s ease;
  border-radius: inherit;
  z-index: 0
}
.danalyx-second-image{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
  opacity:0; transition:opacity .25s ease; pointer-events:none; border-radius: inherit;
}
.danalyx-product-image-wrapper:hover .danalyx-second-image{ opacity:1; }

/* Overlay image */
/* Overlay image wrapper */
.danalyx-overlay-image {
  position: absolute;
  inset: 0;
  pointer-events: none;
  display: flex;
  justify-content: var(--dxe-ov-justify-ov, center);
  align-items: var(--dxe-ov-align-ov, center);
  /* remove top/left/width/opacity here — they belong on img */
}

/* Overlay image element */
.danalyx-overlay-image img {
  flex: 0 0 auto; /* prevents flex grow/shrink */
  width: var(--dxe-ov-size-ov, 80%);
  height: auto;
  opacity: var(--dxe-ov-opacity-ov, 1);
  mix-blend-mode: var(--dxe-ov-blend-ov, normal);
  transition: transform .35s ease, filter .35s ease, opacity .35s ease;
  border-radius: inherit;
  display: block;
  object-fit: contain;
  transform: translate(
    var(--dxe-ov-offx-ov, 0px),
    var(--dxe-ov-offy-ov, 0px)
  );
}





/* Hover engine — per item */
.dxe-hovers .danalyx-item:hover .danalyx-main-image{
  transform:var(--dxe-transform,none);
  filter:var(--dxe-filter,none);
  opacity:var(--dxe-opacity,1);
}

/* ---------- Content area ---------- */
.danalyx-carousel-content{
  display:flex;
  flex-direction:column;
  gap: var(--dxa-content-gap-ov, 0.4rem);
  padding:.6rem .25rem 0 .25rem;
  text-align:left;
}
/* Per-element content spacing deltas */
.danalyx-carousel .danalyx-carousel-content > .danalyx-title{
  margin-top: var(--dxa-gap-image-title-ov, var(--dxa-gap-title-ov, var(--dxa-content-gap-ov, .4rem)));
}
.danalyx-carousel .danalyx-carousel-content > .danalyx-category{
  margin-top: calc(var(--dxa-gap-category-ov, var(--dxa-content-gap-ov, .4rem)) - var(--dxa-content-gap-ov, .4rem));
}
.danalyx-carousel .danalyx-carousel-content > .danalyx-price{
  margin-top: calc(var(--dxa-gap-price-ov, var(--dxa-content-gap-ov, .4rem)) - var(--dxa-content-gap-ov, .4rem));
}
.danalyx-carousel .danalyx-carousel-content > .danalyx-rating{
  margin-top: calc(var(--dxa-gap-rating-ov, var(--dxa-content-gap-ov, .4rem)) - var(--dxa-content-gap-ov, .4rem));
}
.danalyx-carousel .danalyx-carousel-content > .danalyx-cart{
  margin-top: calc(var(--dxa-gap-cart-ov, var(--dxa-content-gap-ov, .4rem)) - var(--dxa-content-gap-ov, .4rem));
}


/* Typography scales with columns */
.danalyx-title{ font-size: calc(1.05rem * var(--dxa-scale,1)); margin:0; }
.danalyx-title a{ text-decoration:none; color:inherit; }
.danalyx-category{ font-size: calc(.875rem * var(--dxa-scale,1)); opacity:.85; }
.danalyx-price{ font-size: calc(1rem * var(--dxa-scale,1)); font-weight:600; }
.danalyx-rating{ line-height:1; transform: scale(var(--dxa-scale,1)); transform-origin:left center; }
.danalyx-cart {
  display:flex;
  gap:.4rem;
  justify-content: var(--dxa-cart-align, flex-start);
}

/* Woo add-to-cart button */
.danalyx-cart .button{
  border:0; cursor:pointer;
  border-radius: var(--dxa-btn-radius, 6px);
  color: var(--dxa-btn-color, inherit);
  background: var(--dxa-btn-bg, #e5e7eb);
  padding: var(--dxa-btn-py, .5rem) var(--dxa-btn-px, .75rem);
  transition: background .2s ease, color .2s ease, transform .15s ease;
  font-size: calc(1rem * var(--dxa-scale,1));
  line-height:1.1;

  flex: 0 0 auto; /* for natural size */
  margin-left: auto; /* for right align */
  margin-right: auto; /* for center align */
}
.danalyx-cart .button:hover{
  background: var(--dxa-btn-bg-hover, #d1d5db);
  color: var(--dxa-btn-color-hover, inherit);
}



/* WooCommerce Carousel Items */
.danalyx-woo-slide {
  background: #fff;
  border-radius: 12px;
  padding: 16px;
  text-align: center;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

.danalyx-woo-slide img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
  margin-bottom: 12px;
}

.danalyx-woo-slide h3 {
  font-size: 1rem;
  margin: 8px 0;
  color: #111;
}

.danalyx-woo-slide .price {
  display: block;
  font-weight: bold;
  color: #333;
  margin-bottom: 10px;
}

/* Make add-to-cart buttons look consistent */
.danalyx-woo-slide .button {
  background: #2563eb;
  color: #fff !important;
  border-radius: 6px;
  padding: 6px 14px;
  text-decoration: none;
  display: inline-block;
  margin-top: 6px;
}










.danalyx-title a {
	color: inherit;
	text-decoration: none;
	transition: color 0.25s ease, text-decoration-color 0.25s ease;
}

/*.danalyx-title a:hover {
	text-decoration: underline;
}*/



.danalyx-rating .star-rating::before,
.danalyx-rating .star-rating span::before {
    transition: color 0.25s ease;
}