/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./assets/src/css/wcps-style-card-pro.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************/
/**
 * Card Layout Styles for Product Display PRO
 * 
 * This file contains PRO-specific styles for the card layout.
 * The main wcps-styles-pro.scss is loaded as default for all PRO layouts.
 * 
 * @package Product_Display_Pro
 */
/* -------------- Card Grid Style 2 - Action buttons on left side -------------- */
/* -------------- Shared Base Styles for Card Grid Layouts -------------- */
.wcps-container {
  background: var(--wcps-container-background, rgba(255, 255, 255, 0.231372549));
  padding: var(--wcps-container-padding, 25px);
  margin: var(--wcps-container-margin, 0px);
  /* -------------- Layout 3: Actions Bottom Center (PRO) -------------- */
}
.wcps-container.wcps-layout-card-grid-2 .wcps-product-actions.wcps-actions-hover {
  bottom: 15px;
  left: 15px;
  flex-direction: column;
  transform: translateX(-30px) scale(0.7);
}
.wcps-container.wcps-layout-card-grid-2 .wcps-product-actions.wcps-actions-hover a .wcps-btn-cta {
  left: calc(100% + 15px);
  top: 50%;
  transform: translateY(-50%) translateX(-15px);
}
.wcps-container.wcps-layout-card-grid-2 .wcps-product-actions.wcps-actions-hover a .wcps-btn-cta::after {
  content: "";
  position: absolute;
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-right: 8px solid #1e293b;
  filter: drop-shadow(-2px 0 4px rgba(30, 41, 59, 0.2));
}
.wcps-container.wcps-layout-card-grid-2 .wcps-product-actions.wcps-actions-hover a.wcps-add-to-cart .wcps-btn-cta::after {
  border-right-color: #047857;
}
.wcps-container.wcps-layout-card-grid-2 .wcps-product-actions.wcps-actions-hover a.wcps-wishlist .wcps-btn-cta::after {
  border-right-color: #be185d;
}
.wcps-container.wcps-layout-card-grid-2 .wcps-product-actions.wcps-actions-hover a.wcps-quickview .wcps-btn-cta::after {
  border-right-color: #1d4ed8;
}
.wcps-container.wcps-layout-card-grid-2 .wcps-product-actions.wcps-actions-hover a.wcps-compare .wcps-btn-cta::after {
  border-right-color: #d97706;
}
.wcps-container.wcps-layout-card-grid-2 .wcps-product-actions.wcps-actions-hover a:hover {
  transform: translateY(-3px) scale(1.1);
}
.wcps-container.wcps-layout-card-grid-2 .wcps-product-actions.wcps-actions-hover a:hover .wcps-btn-cta {
  transform: translateY(-50%) translateX(0);
}
.wcps-container.wcps-layout-card-grid-2 .wcps-card-item:hover .wcps-product-actions.wcps-actions-hover {
  transform: translateX(0) scale(1);
}
.wcps-container.wcps-layout-card-grid-3 .wcps-product-actions.wcps-actions-hover {
  bottom: 15px;
  left: 50%;
  flex-direction: row;
  background: rgba(255, 255, 255, 0.95);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border-radius: 30px;
  padding: 8px 12px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
  transform: translateX(-50%) translateY(30px) scale(0.8);
}
.wcps-container.wcps-layout-card-grid-3 .wcps-product-actions.wcps-actions-hover a {
  width: 42px;
  height: 42px;
  border-radius: 21px;
  font-size: 16px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1), inset 0 1px 2px rgba(255, 255, 255, 0.9);
}
.wcps-container.wcps-layout-card-grid-3 .wcps-product-actions.wcps-actions-hover a::before {
  inset: -1px;
}
.wcps-container.wcps-layout-card-grid-3 .wcps-product-actions.wcps-actions-hover a .wcps-icon i,
.wcps-container.wcps-layout-card-grid-3 .wcps-product-actions.wcps-actions-hover a .wcps-btn-icon i {
  font-size: 16px;
}
.wcps-container.wcps-layout-card-grid-3 .wcps-product-actions.wcps-actions-hover a .wcps-btn-cta {
  bottom: calc(100% + 15px);
  left: 50%;
  transform: translateX(-50%) translateY(10px);
}
.wcps-container.wcps-layout-card-grid-3 .wcps-product-actions.wcps-actions-hover a .wcps-btn-cta::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-top: 8px solid #1e293b;
  filter: drop-shadow(0 2px 4px rgba(30, 41, 59, 0.2));
}
.wcps-container.wcps-layout-card-grid-3 .wcps-product-actions.wcps-actions-hover a:hover {
  transform: translateY(-2px) scale(1.05);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15), inset 0 1px 2px rgba(255, 255, 255, 0.9);
}
.wcps-container.wcps-layout-card-grid-3 .wcps-product-actions.wcps-actions-hover a:hover .wcps-btn-cta {
  transform: translateX(-50%) translateY(0);
}
.wcps-container.wcps-layout-card-grid-3 .wcps-product-actions.wcps-actions-hover a.wcps-add-to-cart:hover {
  box-shadow: 0 8px 24px rgba(16, 185, 129, 0.3), inset 0 1px 2px rgba(255, 255, 255, 0.2);
}
.wcps-container.wcps-layout-card-grid-3 .wcps-product-actions.wcps-actions-hover a.wcps-add-to-cart .wcps-btn-cta::after {
  border-top-color: #047857;
}
.wcps-container.wcps-layout-card-grid-3 .wcps-product-actions.wcps-actions-hover a.wcps-wishlist .wcps-btn-cta::after {
  border-top-color: #be185d;
}
.wcps-container.wcps-layout-card-grid-3 .wcps-product-actions.wcps-actions-hover a.wcps-quickview .wcps-btn-cta::after {
  border-top-color: #1d4ed8;
}
.wcps-container.wcps-layout-card-grid-3 .wcps-product-actions.wcps-actions-hover a.wcps-compare .wcps-btn-cta::after {
  border-top-color: #d97706;
}
.wcps-container.wcps-layout-card-grid-3 .wcps-card-item:hover .wcps-product-actions.wcps-actions-hover {
  transform: translateX(-50%) translateY(0) scale(1);
}
@keyframes modernPulse {
  0% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.7);
  }
  70% {
    transform: scale(1.05);
    box-shadow: 0 0 0 10px rgba(59, 130, 246, 0);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(59, 130, 246, 0);
  }
}

/*# sourceMappingURL=wcps-style-card-pro.min.css.map*/