/* === Product Page Layout Fix - WoodMart Marketplace 2 Reference === */

/* Fix product info container: stack vertically, remove gradient background */
.elementor-844 .elementor-element.elementor-element-2640298 {
  --flex-direction: column !important;
  --justify-content: flex-start !important;
  --align-items: flex-start !important;
  --container-widget-width: 100% !important;
  --gap: 15px 15px !important;
  --row-gap: 15px !important;
  --column-gap: 15px !important;
  background-image: none !important;
  background-color: transparent !important;
  --border-radius: 0px !important;
  --padding-top: 0px !important;
  --padding-bottom: 0px !important;
  --padding-left: 0px !important;
  --padding-right: 0px !important;
}

/* Remove white text color from the old gradient banner area */
.elementor-844 .elementor-element.elementor-element-48eb8f0 .wd-text-block {
  color: #2d2d2d !important;
}

/* Ensure the product info inner container also stacks vertically */
.elementor-844 .elementor-element.elementor-element-2640298 > .e-con-inner {
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 15px !important;
  flex-wrap: wrap !important;
}

/* Remove gradient background and rounded corners completely */
.elementor-844 .elementor-element.elementor-element-2640298,
.elementor-844 .elementor-element.elementor-element-2640298 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background-color: transparent !important;
  background-image: none !important;
}

/* Desktop: gallery 50% + info 50% inside 65% column, shipping 35% */
@media (min-width: 769px) {
  .elementor-844 .elementor-element.elementor-element-1fa2b6c {
    --width: 65% !important;
  }
  .elementor-844 .elementor-element.elementor-element-d6bbfec {
    --width: 35% !important;
  }
  .elementor-844 .elementor-element.elementor-element-4a0e650 {
    --width: 50% !important;
  }
}

/* Style the shipping/delivery panels to match reference */
.elementor-844 .elementor-element.elementor-element-d6bbfec {
  --gap: 20px 20px !important;
  --row-gap: 20px !important;
}

/* Fix add-to-cart area to be full width */
.elementor-844 .elementor-element.elementor-element-ee6a305 {
  width: 100% !important;
}

/* Ensure variation swatches display properly in vertical layout */
.elementor-844 .wd-single-add-cart .variations {
  display: flex !important;
  flex-direction: column !important;
  gap: 15px !important;
  margin-bottom: 20px !important;
}

.elementor-844 .wd-single-add-cart .variations td {
  display: block !important;
  width: 100% !important;
  padding: 0 !important;
}

.elementor-844 .wd-single-add-cart .variations td.label {
  text-align: left !important;
  padding-bottom: 5px !important;
  font-weight: 600 !important;
}

/* Style shipping panel list items */
.elementor-844 .elementor-element.elementor-element-dab2b1d .wd-list {
  padding: 15px 0 !important;
  border-bottom: 1px solid #f0f0f0 !important;
}

/* Mobile: stack everything vertically */
@media (max-width: 768px) {
  .elementor-844 .elementor-element.elementor-element-1fa2b6c,
  .elementor-844 .elementor-element.elementor-element-d6bbfec {
    --width: 100% !important;
  }
  .elementor-844 .elementor-element.elementor-element-2640298 {
    --flex-wrap: wrap !important;
  }
}

/* === End Product Page Layout Fix === */