{"version":3,"file":"blocks/QuickViewProduct/style-index.css","mappings":";;;AAAA;EACE;AACF;AACE;EACE;EACA;AACJ;AAGI;EACE;AADN;AAII;EACE;EACA;AAFN;;AAOA;EACE;AAJF;AAKE;EACE;EACA;AAHJ,C;;;;ACrBA;EACE;AACF;;AAGE;EACE;AAAJ;AAGE;EACE;EACA;AADJ;AAIE;EACE;AAFJ;;AAQE;EACE;AALJ;AAQE;EACE;AANJ;AAQI;EACE;EACA;AANN;;AAYA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AATF;AAWE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AATJ;AAYE;EACE;EACA;EACA;AAVJ;;AAeA;EACE;EACA;EACA;EACA;EACA;EACA;AAZF;AAcE;EACE;EACA;EACA;EACA;EACA;EACA,+EACE;EAEF;AAdJ;AAiBE;EACE;EACA;EACA;EACA;AAfJ;;AAoBA;EACE;EACA;EACA;EACA;EACA;EACA;AAjBF;AAmBE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAjBJ;AAoBE;EACE;EACA;EACA;EACA;AAlBJ;AAoBI;EACE;EACA;EACA;EACA;EACA;EACA;AAlBN;AAqBI;EACE;EACA;EACA;EACA;EACA;EACA;AAnBN;AAsBI;EACE;EACA;EACA;EACA;EACA;EACA;AApBN;AAsBM;EACE;AApBR;AAuBM;EACE;AArBR;AAyBI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAvBN;;AA4BA;EACE;IACE;EAzBF;EA2BA;IACE;EAzBF;AACF;AA4BA;EACE;IACE;EA1BF;EA4BA;IACE;EA1BF;AACF;AA6BA;EACE;IAEE;EA5BF;EA8BA;IACE;EA5BF;AACF;AAgCA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AA9BF;AAgCE;EACE;EACA;EACA;EACA;AA9BJ;AAgCI;EACE;EACA;EACA;AA9BN;;AAqCE;EACE;AAlCJ;;AAuCA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AApCF;AAqCE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAnCJ;AAoCI;EACE;EACA;EACA;EACA;AAlCN,C","sources":["webpack://brandy-blocks/./src/blocks/QuickViewProduct/Edit/InspectorControls/style.scss","webpack://brandy-blocks/./src/blocks/QuickViewProduct/style.scss"],"sourcesContent":[".brandy-quick-view-product-settings {\n  margin: 15px 0px;\n\n  .components-grid.components-tools-panel {\n    border: none;\n    padding: 0px;\n  }\n\n  .brandy-border-control {\n    legend {\n      margin: 20px 0px;\n    }\n\n    .components-range-control__root {\n      position: relative;\n      bottom: 7px;\n    }\n  }\n}\n\n.brandy-quick-view-product-padding-container-settings {\n  margin: 30px 0px;\n  .components-input-control__container {\n    position: relative;\n    bottom: -7px;\n  }\n}\n",".pswp.pswp--open {\n  z-index: 160001 !important;\n}\n\n.brandy-quick-view-product-block {\n  &.has-block-alignment-left {\n    margin-right: auto !important;    \n  }\n  \n  &.has-block-alignment-center {\n    margin-right: auto !important;\n    margin-left: auto !important;\n  }\n  \n  &.has-block-alignment-right {\n    margin-left: auto !important;\n  }\n}\n\n// Button area styles\n.quick-view-button-area {\n  .wp-block-button {\n    cursor: pointer;\n  }\n\n  .brandy-button {\n    cursor: pointer;\n\n    &:hover {\n      transform: translateY(-2px);\n      transition: all 0.3s ease;\n    }\n  }\n}\n\n// Editor loading indicator\n.brandy-editor-loading-indicator {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 20px;\n  margin: 10px 0;\n  background-color: #f8f9fa;\n  border: 1px dashed #dee2e6;\n  border-radius: 8px;\n  text-align: center;\n\n  .brandy-loading-spinner {\n    width: 24px;\n    height: 24px;\n    border: 3px solid #f3f3f3;\n    border-top: 3px solid var(--wp--preset--color--brandy-foreground, #000);\n    border-radius: 50%;\n    animation: brandy-spin 1s linear infinite;\n    margin-bottom: 10px;\n  }\n\n  p {\n    margin: 0;\n    color: #666;\n    font-size: 14px;\n  }\n}\n\n// Loading spinner styles\n.brandy-quick-view-loading {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 40px 20px;\n  min-height: 200px;\n\n  .brandy-loading-spinner {\n    width: 40px;\n    height: 40px;\n    border: 4px solid #f3f3f3;\n    border-top: 4px solid var(--wp--preset--color--brandy-foreground, #000);\n    border-radius: 50%;\n    animation:\n      brandy-spin 1s linear infinite,\n      brandy-pulse 2s ease-in-out infinite;\n    margin-bottom: 20px;\n  }\n\n  .brandy-loading-text {\n    color: #666;\n    font-size: 16px;\n    margin: 0;\n    text-align: center;\n  }\n}\n\n// Skeleton loader styles for better UX\n.brandy-quick-view-skeleton {\n  display: flex;\n  flex-direction: row;\n  gap: 20px;\n  padding: 20px;\n  max-height: calc(100% - 30vh);\n  width: 100%;\n\n  .skeleton-image {\n    width: 50%;\n    height: 1800px;\n    max-height: 72.5vh;\n    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);\n    background-size: 200% 100%;\n    animation: brandy-skeleton-loading 1.5s infinite;\n    border-radius: 8px;\n  }\n\n  .skeleton-content {\n    display: flex;\n    flex-direction: column;\n    gap: 15px;\n    width: 50%;\n\n    .skeleton-title {\n      width: 80%;\n      height: 24px;\n      background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);\n      background-size: 200% 100%;\n      animation: brandy-skeleton-loading 1.5s infinite;\n      border-radius: 4px;\n    }\n\n    .skeleton-price {\n      width: 40%;\n      height: 20px;\n      background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);\n      background-size: 200% 100%;\n      animation: brandy-skeleton-loading 1.5s infinite;\n      border-radius: 4px;\n    }\n\n    .skeleton-description {\n      width: 100%;\n      height: 16px;\n      background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);\n      background-size: 200% 100%;\n      animation: brandy-skeleton-loading 1.5s infinite;\n      border-radius: 4px;\n\n      &:nth-child(2) {\n        width: 90%;\n      }\n\n      &:nth-child(3) {\n        width: 70%;\n      }\n    }\n\n    .skeleton-button {\n      width: 120px;\n      height: 40px;\n      background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);\n      background-size: 200% 100%;\n      animation: brandy-skeleton-loading 1.5s infinite;\n      border-radius: 4px;\n      margin-top: 10px;\n    }\n  }\n}\n\n@keyframes brandy-skeleton-loading {\n  0% {\n    background-position: -200% 0;\n  }\n  100% {\n    background-position: 200% 0;\n  }\n}\n\n@keyframes brandy-spin {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes brandy-pulse {\n  0%,\n  100% {\n    opacity: 1;\n  }\n  50% {\n    opacity: 0.5;\n  }\n}\n\n// Error state styles\n.brandy-quick-view-error {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 40px 20px;\n  min-height: 200px;\n  text-align: center;\n\n  p {\n    color: #d63638;\n    font-size: 16px;\n    margin: 0 0 10px 0;\n    font-weight: 500;\n\n    &.error-details {\n      font-size: 14px;\n      color: #999;\n      font-weight: 400;\n    }\n  }\n}\n\n// WooCommerce modal content styles\n.brandy-quick-view-modal-popup {\n  .brandy-quick-view-modal-content {\n    display: block !important; // Always show when in modal popup\n  }\n}\n\n// Quick View Product backdrop\n.brandy-quick-view-product-backdrop {\n  position: fixed;\n  top: 0px;\n  left: 0px;\n  width: 100%;\n  height: 100%;\n  z-index: 160000;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  .brandy-quick-view-product-content {\n    padding: 20px;\n    border-radius: 10px;\n    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    overflow-y: auto;\n    .brandy-quick-view-product-inner-content {\n      width: var(--wp--style--global--wide-size, 60vw);\n      max-width: 80vw;\n      max-height: 80vh;\n      margin: 0 auto;\n    }\n  }\n}\n"],"names":[],"sourceRoot":""}