{"version":3,"file":"css/frontend.css","mappings":";;;AAAA;;;;EAAA;AAMA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EAGA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;AAfF;;AAmBE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAhBJ;AAmBE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAjBJ;AAmBI;EACE;EACA;EACA;EACA;AAjBN;AAqBE;EACE;EACA;EACA;EACA;AAnBJ;AAsBE;EACE;EACA;EACA;EACA;AApBJ;AAuBE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AArBJ;AAuBI;EACE;EACA;AArBN;AAwBI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAtBN;AAwBM;EACE;EACA;AAtBR;AA2BE;EACE;EACA;EACA;EACA;EACA;AAzBJ;AA2BI;EACE;EACA;EACA;EACA;EACA;EACA;AAzBN;AA8BE;EACE;EACA;EACA;EACA;EACA;AA5BJ;AA+BE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA7BJ;AAgCE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA9BJ;AAiCE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA/BJ;AAkCE;EACE;EACA;EACA;AAhCJ;AAmCE;EACE;EACA;EACA;EACA;EACA;AAjCJ;AAmCI;EACE;AAjCN;AAqCE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAnCJ;AAqCI;EACE;EACA;EACA;KAAA;AAnCN;AAuCE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AArCJ;AAwCE;EACE;EACA;AAtCJ;AAwCI;EAJF;IAKI;EArCJ;AACF;AAwCE;EACE;EACA;EACA;EACA;EACA;AAtCJ;AAyCE;EACE;EACA;EACA;EACA;EACA;AAvCJ;AAyCI;EAPF;IAQI;EAtCJ;AACF;AAyCE;EACE;EACA;EACA;AAvCJ;AA0CE;EAEE;EACA;EACA;AAzCJ;AA4CE;EACE;EACA;EACA;AA1CJ;AA6CE;EACE;EACA;AA3CJ;AA8CE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AA5CJ;AA8CI;EATF;IAUI;IACA;EA3CJ;AACF;AA8CE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA5CJ;AA8CI;EAZF;IAaI;IACA;EA3CJ;AACF;AA6CI;EACE;EACA;AA3CN;AA6CM;EACE;EACA;EACA;AA3CR;AA+CI;EACE;EACA;AA7CN;AA+CM;EACE;EACA;EACA;AA7CR;AAiDI;EACE;EACA;EACA;AA/CN;AAiDM;EACE;EACA;EACA;EACA;AA/CR;AAqDE;EACE;IACE;IACA;EAnDJ;EAqDI;IACE;EAnDN;EAuDE;IACE;IACA;IACA;IACA;EArDJ;EAwDE;IACE;IACA;IACA;EAtDJ;EAyDE;IACE;EAvDJ;EA0DE;IACE;EAxDJ;AACF,C","sources":["webpack://redfox-added-to-cart-popup/./src/frontend/components/popup/component/style.scss"],"sourcesContent":["/**\n * Popup component styles\n *\n * @since 1.0.0\n */\n\n:root {\n  // Color Variables\n  --redfox-added-to-cart-popup-overlay-bg: rgb(0 0 0 / 50%);\n  --redfox-added-to-cart-popup-bg: #fff;\n  --redfox-added-to-cart-popup-text-primary: #1a2938;\n  --redfox-added-to-cart-popup-text-secondary: #666;\n  --redfox-added-to-cart-popup-text-muted: #999;\n  --redfox-added-to-cart-popup-accent: #1e1e1e;\n  --redfox-added-to-cart-popup-accent-hover: #2c2c2c;\n  --redfox-added-to-cart-popup-accent-alt: #187de1;\n  --redfox-added-to-cart-popup-border-light: #e9ecef;\n  --redfox-added-to-cart-popup-border-dashed: #dee2e6;\n  --redfox-added-to-cart-popup-neutral-bg: #f8f9fa;\n  --redfox-added-to-cart-popup-neutral-light: #f0f0f0;\n  \n  // Success/Error Colors\n  --redfox-added-to-cart-popup-success-bg: #d4edda;\n  --redfox-added-to-cart-popup-success-text: #155724;\n  --redfox-added-to-cart-popup-success-accent: #28a745;\n  --redfox-added-to-cart-popup-error-bg: #f8d7da;\n  --redfox-added-to-cart-popup-error-text: #721c24;\n  --redfox-added-to-cart-popup-error-border: #dc3545;\n  \n  // Typography Variables\n  --redfox-added-to-cart-popup-font-size-sm: 12px;\n  --redfox-added-to-cart-popup-font-size-base: 14px;\n  --redfox-added-to-cart-popup-font-size-md: 16px;\n  --redfox-added-to-cart-popup-font-size-lg: 18px;\n  --redfox-added-to-cart-popup-font-size-xl: 20px;\n  --redfox-added-to-cart-popup-font-size-xxl: 24px;\n  --redfox-added-to-cart-popup-font-weight-medium: 500;\n  --redfox-added-to-cart-popup-font-weight-semibold: 600;\n  --redfox-added-to-cart-popup-font-weight-bold: 700;\n  --redfox-added-to-cart-popup-line-height-base: 1.5;\n  --redfox-added-to-cart-popup-line-height-tight: 1.3;\n  --redfox-added-to-cart-popup-letter-spacing: 0.5px;\n  \n  // Spacing Variables\n  --redfox-added-to-cart-popup-spacing-xs: 8px;\n  --redfox-added-to-cart-popup-spacing-sm: 10px;\n  --redfox-added-to-cart-popup-spacing-md: 12px;\n  --redfox-added-to-cart-popup-spacing-lg: 15px;\n  --redfox-added-to-cart-popup-spacing-xl: 20px;\n  --redfox-added-to-cart-popup-spacing-xxl: 30px;\n  \n  // Border Radius Variables\n  --redfox-added-to-cart-popup-radius-sm: 4px;\n  --redfox-added-to-cart-popup-radius-md: 6px;\n  --redfox-added-to-cart-popup-radius-lg: 8px;\n  --redfox-added-to-cart-popup-radius-xl: 12px;\n  --redfox-added-to-cart-popup-radius-full: 50%;\n  \n  // Shadow Variables\n  --redfox-added-to-cart-popup-shadow-light: 0 4px 20px rgb(0 0 0 / 15%);\n  \n  // Size Variables\n  --redfox-added-to-cart-popup-z-index: 999999;\n  --redfox-added-to-cart-popup-max-width: 600px;\n  --redfox-added-to-cart-popup-cart-max-width: 600px;\n  --redfox-added-to-cart-popup-max-height: 80vh;\n  --redfox-added-to-cart-popup-image-size: 120px;\n  --redfox-added-to-cart-popup-image-size-mobile: 100px;\n  --redfox-added-to-cart-popup-btn-min-height: 48px;\n  --redfox-added-to-cart-popup-close-btn-size: 30px;\n  --redfox-added-to-cart-popup-close-btn-cart-size: 32px;\n  --redfox-added-to-cart-popup-icon-size: 20px;\n  \n  // Animation Variables\n  --redfox-added-to-cart-popup-transition: all 0.3s ease;\n  --redfox-added-to-cart-popup-transform-hover: translateY(-1px);\n}\n\n.redfox-added-to-cart-popup {\n  &__overlay {\n    position: fixed;\n    inset: 0;\n    z-index: var(--redfox-added-to-cart-popup-z-index);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    background: var(--redfox-added-to-cart-popup-overlay-bg);\n  }\n\n  &__container {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    width: 90%;\n    max-width: var(--redfox-added-to-cart-popup-max-width);\n    max-height: var(--redfox-added-to-cart-popup-max-height);\n    padding: var(--redfox-added-to-cart-popup-spacing-xl);\n    border-radius: var(--redfox-added-to-cart-popup-border-radius, var(--redfox-added-to-cart-popup-radius-lg));\n    background: var(--redfox-added-to-cart-popup-bg);\n    overflow-y: auto;\n    box-shadow: var(--redfox-added-to-cart-popup-shadow-light);\n\n    &--cart {\n      max-width: var(--redfox-added-to-cart-popup-cart-max-width);\n      padding: 0;\n      border-radius: var(--redfox-added-to-cart-popup-border-radius, var(--redfox-added-to-cart-popup-radius-xl));\n      overflow: hidden auto;\n    }\n  }\n\n  &__header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: var(--redfox-added-to-cart-popup-spacing-lg);\n  }\n\n  &__title {\n    margin: 0;\n    font-size: var(--redfox-added-to-cart-popup-font-size-lg);\n    font-weight: var(--redfox-added-to-cart-popup-font-weight-semibold);\n    color: var(--redfox-added-to-cart-popup-text-primary);\n  }\n\n  &__close {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: var(--redfox-added-to-cart-popup-close-btn-size);\n    height: var(--redfox-added-to-cart-popup-close-btn-size);\n    padding: 0;\n    border: none;\n    border-radius: var(--redfox-added-to-cart-popup-radius-sm);\n    font-size: var(--redfox-added-to-cart-popup-font-size-xxl);\n    color: var(--redfox-added-to-cart-popup-text-secondary);\n    background: none;\n    cursor: pointer;\n\n    &:hover {\n      color: var(--redfox-added-to-cart-popup-text-primary);\n      background: var(--redfox-added-to-cart-popup-neutral-light);\n    }\n\n    &--cart {\n      position: absolute;\n      top: var(--redfox-added-to-cart-popup-spacing-lg);\n      right: var(--redfox-added-to-cart-popup-spacing-lg);\n      z-index: 10;\n      width: var(--redfox-added-to-cart-popup-close-btn-cart-size);\n      height: var(--redfox-added-to-cart-popup-close-btn-cart-size);\n      border-radius: var(--redfox-added-to-cart-popup-radius-full);\n      font-size: var(--redfox-added-to-cart-popup-spacing-xl);\n      color: var(--redfox-added-to-cart-popup-text-secondary);\n      background: rgb(255 255 255 / 90%);\n\n      &:hover {\n        color: var(--redfox-added-to-cart-popup-text-primary);\n        background: rgb(255 255 255 / 100%);\n      }\n    }\n  }\n\n  &__content {\n    flex: 1;\n    min-height: 0;\n    line-height: var(--redfox-added-to-cart-popup-line-height-base);\n    color: #555;\n    overflow-y: auto;\n\n    &--cart {\n      display: flex;\n      flex: 1;\n      flex-direction: column;\n      min-height: 0;\n      padding: 0;\n      color: inherit;\n    }\n  }\n\n  // Cart popup specific styles\n  &__cart-content {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    max-height: 100%;\n    overflow: hidden;\n  }\n\n  &__error-message {\n    display: flex;\n    align-items: center;\n    margin-bottom: 0;\n    padding: 20px 60px 20px 20px;\n    border-left: 4px solid var(--redfox-added-to-cart-popup-error-border);\n    font-weight: var(--redfox-added-to-cart-popup-font-weight-medium);\n    color: var(--redfox-added-to-cart-popup-error-text);\n    background: var(--redfox-added-to-cart-popup-error-bg);\n    gap: var(--redfox-added-to-cart-popup-spacing-sm);\n  }\n\n  &__success-message {\n    display: flex;\n    align-items: center;\n    margin-bottom: 0;\n    padding: 20px 60px 20px 20px;\n    font-weight: var(--redfox-added-to-cart-popup-font-weight-medium);\n    color: var(--redfox-added-to-cart-popup-success-text);\n    background: var(--redfox-added-to-cart-popup-success-bg);\n    gap: var(--redfox-added-to-cart-popup-spacing-sm);\n  }\n\n  &__success-icon {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    flex-shrink: 0;\n    width: var(--redfox-added-to-cart-popup-icon-size);\n    height: var(--redfox-added-to-cart-popup-icon-size);\n    border-radius: var(--redfox-added-to-cart-popup-radius-full);\n    font-size: var(--redfox-added-to-cart-popup-font-size-sm);\n    font-weight: var(--redfox-added-to-cart-popup-font-weight-bold);\n    color: #fff;\n    background: var(--redfox-added-to-cart-popup-success-accent);\n  }\n\n  &__products {\n    flex: 1;\n    overflow-y: auto;\n    min-height: 0;\n  }\n\n  &__product {\n    display: flex;\n    align-items: flex-start;\n    padding: var(--redfox-added-to-cart-popup-spacing-xxl);\n    gap: var(--redfox-added-to-cart-popup-spacing-xl);\n    border-bottom: 1px solid var(--redfox-added-to-cart-popup-border-light);\n\n    &:last-child {\n      border-bottom: none;\n    }\n  }\n\n  &__product-image {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    flex-shrink: 0;\n    width: var(--redfox-added-to-cart-popup-image-size);\n    height: var(--redfox-added-to-cart-popup-image-size);\n    border-radius: var(--redfox-added-to-cart-popup-radius-lg);\n    background: var(--redfox-added-to-cart-popup-neutral-bg);\n    overflow: hidden;\n\n    img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n    }\n  }\n\n  &__no-image {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 100%;\n    height: 100%;\n    border: 2px dashed var(--redfox-added-to-cart-popup-border-dashed);\n    border-radius: var(--redfox-added-to-cart-popup-radius-md);\n    font-size: var(--redfox-added-to-cart-popup-font-size-base);\n    color: #6c757d;\n    text-align: center;\n    background: var(--redfox-added-to-cart-popup-border-light);\n  }\n\n  &__product-details {\n    flex: 1;\n    min-width: 0;\n\n    @media (width <= 768px) {\n      width: 100%;\n    }\n  }\n\n  &__product-name {\n    margin: 0 0 var(--redfox-added-to-cart-popup-spacing-lg) 0;\n    font-size: var(--redfox-added-to-cart-popup-font-size-xxl);\n    font-weight: var(--redfox-added-to-cart-popup-font-weight-semibold);\n    line-height: var(--redfox-added-to-cart-popup-line-height-tight);\n    color: var(--redfox-added-to-cart-popup-text-primary);\n  }\n\n  &__product-price {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    margin-bottom: var(--redfox-added-to-cart-popup-spacing-md);\n    gap: var(--redfox-added-to-cart-popup-spacing-xs);\n\n    @media (width <= 768px) {\n      display: inline-flex;\n    }\n  }\n\n  &__regular-price {\n    font-size: var(--redfox-added-to-cart-popup-font-size-lg);\n    color: var(--redfox-added-to-cart-popup-text-muted);\n    text-decoration: line-through;\n  }\n\n  &__sale-price,\n  &__current-price {\n    font-size: var(--redfox-added-to-cart-popup-font-size-xxl);\n    font-weight: var(--redfox-added-to-cart-popup-font-weight-semibold);\n    color: var(--redfox-added-to-cart-popup-text-primary);\n  }\n\n  &__product-attributes {\n    margin-bottom: var(--redfox-added-to-cart-popup-spacing-xs);\n    font-size: var(--redfox-added-to-cart-popup-font-size-md);\n    color: var(--redfox-added-to-cart-popup-text-secondary);\n  }\n\n  &__product-quantity {\n    font-size: var(--redfox-added-to-cart-popup-font-size-md);\n    color: var(--redfox-added-to-cart-popup-text-secondary);\n  }\n\n  &__actions {\n    display: flex;\n    flex-wrap: wrap;\n    flex-shrink: 0;\n    padding: var(--redfox-added-to-cart-popup-spacing-xl) var(--redfox-added-to-cart-popup-spacing-xxl) var(--redfox-added-to-cart-popup-spacing-xxl);\n    border-top: 1px solid var(--redfox-added-to-cart-popup-border-light);\n    background: var(--redfox-added-to-cart-popup-bg);\n    gap: var(--redfox-added-to-cart-popup-spacing-md);\n\n    @media (width <= 768px) {\n      flex-direction: column;\n      gap: var(--redfox-added-to-cart-popup-spacing-sm);\n    }\n  }\n\n  &__btn {\n    flex: 1;\n    min-height: var(--redfox-added-to-cart-popup-btn-min-height);\n    padding: calc(var(--redfox-added-to-cart-popup-font-size-base)) var(--redfox-added-to-cart-popup-spacing-xl);\n    border: none;\n    border-radius: var(--redfox-added-to-cart-popup-radius-md);\n    font-size: var(--redfox-added-to-cart-popup-font-size-base);\n    font-weight: var(--redfox-added-to-cart-popup-font-weight-semibold);\n    transition: var(--redfox-added-to-cart-popup-transition);\n    letter-spacing: var(--redfox-added-to-cart-popup-letter-spacing);\n    cursor: pointer;\n\n    @media (width <= 768px) {\n      flex: none;\n      width: 100%;\n    }\n\n    &--view-cart {\n      color: #fff;\n      background: var(--redfox-added-to-cart-popup-accent);\n\n      &:hover {\n        color: #fff;\n        background: var(--redfox-added-to-cart-popup-accent-hover);\n        transform: var(--redfox-added-to-cart-popup-transform-hover);\n      }\n    }\n\n    &--checkout {\n      color: #fff;\n      background: var(--redfox-added-to-cart-popup-accent);\n\n      &:hover {\n        color: #fff;\n        background: var(--redfox-added-to-cart-popup-accent-hover);\n        transform: var(--redfox-added-to-cart-popup-transform-hover);\n      }\n    }\n\n    &--continue {\n      border: 2px solid var(--redfox-added-to-cart-popup-accent);\n      color: var(--redfox-added-to-cart-popup-accent);\n      background: transparent;\n\n      &:hover {\n        color: #fff;\n        background: var(--redfox-added-to-cart-popup-accent);\n        transform: var(--redfox-added-to-cart-popup-transform-hover);\n        border-color: var(--redfox-added-to-cart-popup-accent);\n      }\n    }\n  }\n\n  // Mobile responsive\n  @media (width <= 768px) {\n    &__container {\n      width: 95%;\n      margin: var(--redfox-added-to-cart-popup-spacing-sm);\n\n      &--cart {\n        max-width: none;\n      }\n    }\n\n    &__product {\n      flex-direction: column;\n      gap: var(--redfox-added-to-cart-popup-spacing-lg);\n      padding: var(--redfox-added-to-cart-popup-spacing-xl);\n      text-align: center;\n    }\n\n    &__product-image {\n      align-self: center;\n      width: var(--redfox-added-to-cart-popup-image-size-mobile);\n      height: var(--redfox-added-to-cart-popup-image-size-mobile);\n    }\n\n    &__product-name {\n      font-size: var(--redfox-added-to-cart-popup-font-size-xl);\n    }\n\n    &__actions {\n      padding: var(--redfox-added-to-cart-popup-spacing-lg) var(--redfox-added-to-cart-popup-spacing-xl) var(--redfox-added-to-cart-popup-spacing-xl);\n    }\n  }\n}\n"],"names":[],"sourceRoot":""}