/*!********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/frontend/common/frontend.scss ***!
  \********************************************************************************************************************************************************/
/**
 * Redfox Thank You Plugin - SCSS Mixins
 *
 * Reusable mixins for consistent styling across the plugin
 * These mixins should be generic and widely reusable
 *
 * @package RedfoxThankYou
 * @since 1.0.0
 */
/**
 * Flexbox layouts
 */
/**
 * Common flex shortcuts
 */
/**
 * Positioning
 */
/**
 * Size helper
 */
/**
 * Square helper
 */
/**
 * Circle helper
 */
/**
 * Margin helpers
 */
/**
 * Padding helpers
 */
/**
 * Remove spacing
 */
/**
 * Border helpers
 */
/**
 * Background helpers
 */
/**
 * Font helpers
 */
/**
 * Text truncation
 */
/**
 * Screen reader text
 */
/**
 * Transition helper
 */
/**
 * Hover effects
 */
/**
 * Focus states
 */
/**
 * Base button styles
 */
/**
 * Button base with common styles
 */
/**
 * Icon button
 */
/**
 * Input field base
 */
/**
 * Label styles
 */
/**
 * Card/Panel styles
 */
/**
 * Card with default padding
 */
/**
 * Dropdown/Popover styles
 */
/**
 * Visibility helpers
 */
/**
 * Responsive breakpoints
 */
/**
 * Container with responsive behavior
 */
/**
 * Fade animations
 */
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
@keyframes fadeOut {
  to {
    opacity: 0;
  }
}
/**
 * Slide animations
 */
@keyframes slideInUp {
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
/**
 * Clearfix for floated elements
 */
/**
 * Aspect ratio container
 */
/**
 * Scrollbar styling
 */
/**
 * CSS Triangle
 */
.has-overlay {
  position: relative;
}
.has-overlay > *:not(.background-overlay) {
  position: relative;
  z-index: 2;
}

.background-overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  pointer-events: none;
}

.has-background {
  position: relative;
}
/*!***************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/frontend/order-details/frontend.scss ***!
  \***************************************************************************************************************************************************************/
/**
 * Order Details block styles using BEM methodology with flexbox layout.
 *
 * Block: redfox-thank-you-order-details
 * Elements: __title, __content, __header, __header-cell, __body, __row,
 * __cell, __product-image, __summary, __summary-item, __summary-label,
 * __summary-value, __payment, __payment-label, __payment-value
 * Modifiers: --product-image, --product-name, --quantity, --total
 */
.wp-block-redfox-thank-you-order-details .redfox-thank-you-order-details__title {
  margin-bottom: 1.5em;
}
.wp-block-redfox-thank-you-order-details .redfox-thank-you-order-details__content {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0;
}
.wp-block-redfox-thank-you-order-details .redfox-thank-you-order-details__header {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #eee;
  padding: 1em 0;
  font-weight: 500;
}
.wp-block-redfox-thank-you-order-details .redfox-thank-you-order-details__header .redfox-thank-you-order-details__header-cell {
  text-align: right;
}
.wp-block-redfox-thank-you-order-details .redfox-thank-you-order-details__header .redfox-thank-you-order-details__header-cell--product-name {
  flex: 1;
  min-width: 0;
}
.wp-block-redfox-thank-you-order-details .redfox-thank-you-order-details__header .redfox-thank-you-order-details__header-cell--quantity {
  width: 60px;
  text-align: center;
  flex-shrink: 0;
}
.wp-block-redfox-thank-you-order-details .redfox-thank-you-order-details__header .redfox-thank-you-order-details__header-cell--total {
  width: 100px;
  text-align: left;
  flex-shrink: 0;
}
.wp-block-redfox-thank-you-order-details .redfox-thank-you-order-details__body {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.wp-block-redfox-thank-you-order-details .redfox-thank-you-order-details__row {
  display: flex;
  align-items: center;
  padding: 1em 0;
}
.wp-block-redfox-thank-you-order-details .redfox-thank-you-order-details__row:last-child {
  border-bottom: none;
}
.wp-block-redfox-thank-you-order-details .redfox-thank-you-order-details__row .redfox-thank-you-order-details__cell {
  display: flex;
  align-items: center;
}
.wp-block-redfox-thank-you-order-details .redfox-thank-you-order-details__row .redfox-thank-you-order-details__cell--product-image {
  width: 50px;
  padding-left: 1em;
}
.wp-block-redfox-thank-you-order-details .redfox-thank-you-order-details__row .redfox-thank-you-order-details__cell--product-name {
  flex: 1;
  min-width: 0;
  font-weight: 400;
}
.wp-block-redfox-thank-you-order-details .redfox-thank-you-order-details__row .redfox-thank-you-order-details__cell--quantity {
  width: 60px;
  justify-content: center;
  flex-shrink: 0;
}
.wp-block-redfox-thank-you-order-details .redfox-thank-you-order-details__row .redfox-thank-you-order-details__cell--total {
  width: 100px;
  justify-content: flex-end;
  flex-shrink: 0;
  font-weight: 500;
}
.wp-block-redfox-thank-you-order-details .redfox-thank-you-order-details__product-image {
  width: 50px;
  height: 50px;
  object-fit: cover;
}
.wp-block-redfox-thank-you-order-details .redfox-thank-you-order-details__summary {
  border-top: 1px solid #eee;
  padding-top: 1.5em;
}
.wp-block-redfox-thank-you-order-details .redfox-thank-you-order-details__summary .redfox-thank-you-order-details__summary-item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.75em;
}
.wp-block-redfox-thank-you-order-details .redfox-thank-you-order-details__summary .redfox-thank-you-order-details__summary-item:last-child {
  margin-bottom: 0;
}
.wp-block-redfox-thank-you-order-details .redfox-thank-you-order-details__summary .redfox-thank-you-order-details__summary-item--total {
  margin-top: 1em;
  padding-top: 1em;
  border-top: 1px solid #eee;
  font-weight: 500;
  font-size: 1.1em;
}
.wp-block-redfox-thank-you-order-details .redfox-thank-you-order-details__summary .redfox-thank-you-order-details__summary-item .redfox-thank-you-order-details__summary-label {
  font-weight: 500;
}
.wp-block-redfox-thank-you-order-details .redfox-thank-you-order-details__summary .redfox-thank-you-order-details__summary-item .redfox-thank-you-order-details__summary-value {
  font-weight: 500;
}
.wp-block-redfox-thank-you-order-details .redfox-thank-you-order-details__payment {
  margin-top: 1em;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.wp-block-redfox-thank-you-order-details .redfox-thank-you-order-details__payment .redfox-thank-you-order-details__payment-label {
  font-weight: 500;
}
.wp-block-redfox-thank-you-order-details .redfox-thank-you-order-details__payment .redfox-thank-you-order-details__payment-value {
  font-weight: 500;
}
@media (max-width: 768px) {
  .wp-block-redfox-thank-you-order-details .redfox-thank-you-order-details__header {
    display: none;
  }
  .wp-block-redfox-thank-you-order-details .redfox-thank-you-order-details__row {
    flex-direction: column;
    align-items: stretch;
    padding: 1.5em 0;
  }
  .wp-block-redfox-thank-you-order-details .redfox-thank-you-order-details__row .redfox-thank-you-order-details__cell {
    width: 100%;
    padding: 0.5em 0;
    justify-content: space-between;
  }
  .wp-block-redfox-thank-you-order-details .redfox-thank-you-order-details__row .redfox-thank-you-order-details__cell--product-image {
    justify-content: flex-start;
    align-items: center;
    gap: 1em;
  }
  .wp-block-redfox-thank-you-order-details .redfox-thank-you-order-details__row .redfox-thank-you-order-details__cell--product-image .redfox-thank-you-order-details__product-image {
    width: 40px;
    height: 40px;
  }
  .wp-block-redfox-thank-you-order-details .redfox-thank-you-order-details__row .redfox-thank-you-order-details__cell--product-name {
    font-weight: 500;
    font-size: 1.1em;
  }
  .wp-block-redfox-thank-you-order-details .redfox-thank-you-order-details__row .redfox-thank-you-order-details__cell--quantity, .wp-block-redfox-thank-you-order-details .redfox-thank-you-order-details__row .redfox-thank-you-order-details__cell--total {
    justify-content: space-between;
  }
  .wp-block-redfox-thank-you-order-details .redfox-thank-you-order-details__row .redfox-thank-you-order-details__cell--quantity::before, .wp-block-redfox-thank-you-order-details .redfox-thank-you-order-details__row .redfox-thank-you-order-details__cell--total::before {
    content: attr(data-label);
    font-weight: 500;
  }
}
/*!******************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/frontend/customer-details/frontend.scss ***!
  \******************************************************************************************************************************************************************/
/**
 * Customer Details block styles using BEM methodology.
 *
 * Block: redfox-thank-you-customer-details
 * Elements: __content, __item, __label, __value
 * Modifiers: --table-style, --address
 */
/**
 * Redfox Thank You Plugin - SCSS Mixins
 *
 * Reusable mixins for consistent styling across the plugin
 * These mixins should be generic and widely reusable
 *
 * @package RedfoxThankYou
 * @since 1.0.0
 */
/**
 * Flexbox layouts
 */
/**
 * Common flex shortcuts
 */
/**
 * Positioning
 */
/**
 * Size helper
 */
/**
 * Square helper
 */
/**
 * Circle helper
 */
/**
 * Margin helpers
 */
/**
 * Padding helpers
 */
/**
 * Remove spacing
 */
/**
 * Border helpers
 */
/**
 * Background helpers
 */
/**
 * Font helpers
 */
/**
 * Text truncation
 */
/**
 * Screen reader text
 */
/**
 * Transition helper
 */
/**
 * Hover effects
 */
/**
 * Focus states
 */
/**
 * Base button styles
 */
/**
 * Button base with common styles
 */
/**
 * Icon button
 */
/**
 * Input field base
 */
/**
 * Label styles
 */
/**
 * Card/Panel styles
 */
/**
 * Card with default padding
 */
/**
 * Dropdown/Popover styles
 */
/**
 * Visibility helpers
 */
/**
 * Responsive breakpoints
 */
/**
 * Container with responsive behavior
 */
/**
 * Fade animations
 */
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
@keyframes fadeOut {
  to {
    opacity: 0;
  }
}
/**
 * Slide animations
 */
@keyframes slideInUp {
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
/**
 * Clearfix for floated elements
 */
/**
 * Aspect ratio container
 */
/**
 * Scrollbar styling
 */
/**
 * CSS Triangle
 */
.wp-block-redfox-thank-you-customer-details .redfox-thank-you-customer-details__content--table-style {
  --table-border-color: #eee;
}
.wp-block-redfox-thank-you-customer-details .redfox-thank-you-customer-details__content--table-style .redfox-thank-you-customer-details__item {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  border-bottom: 1px solid var(--table-border-color);
  margin-top: 0;
  margin-bottom: 1em;
  padding-top: 0;
  padding-bottom: 1em;
}
.wp-block-redfox-thank-you-customer-details .redfox-thank-you-customer-details__content--table-style .redfox-thank-you-customer-details__item:last-child {
  border-bottom: none;
  margin-bottom: 0;
}
@media (max-width: 782px) {
  .wp-block-redfox-thank-you-customer-details .redfox-thank-you-customer-details__content--table-style .redfox-thank-you-customer-details__item {
    flex-direction: column;
    align-items: flex-start;
  }
}
/*!***********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/frontend/downloads/frontend.scss ***!
  \***********************************************************************************************************************************************************/
/**
 * Downloads block frontend styles using BEM methodology.
 *
 * Block: redfox-thank-you-downloads
 * Elements: __title, __content, __list, __item, __item-content,
 * __item-details, __item-name, __item-meta, __item-expires, __item-action,
 * __download-btn, __empty
 * Modifiers: --disabled
 */
.wp-block-redfox-thank-you-downloads .redfox-thank-you-downloads__title {
  margin-bottom: 1.5rem;
}
.wp-block-redfox-thank-you-downloads .redfox-thank-you-downloads__content {
  width: 100%;
}
.wp-block-redfox-thank-you-downloads .redfox-thank-you-downloads__list {
  display: flex;
  flex-direction: column;
}
.wp-block-redfox-thank-you-downloads .redfox-thank-you-downloads__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 0;
  border-bottom: 1px solid #eee;
  transition: all 0.15s ease-in-out;
}
.wp-block-redfox-thank-you-downloads .redfox-thank-you-downloads__item:last-child {
  border-bottom: none;
}
.wp-block-redfox-thank-you-downloads .redfox-thank-you-downloads__item-content {
  display: flex;
  align-items: center;
  flex: 1;
}
.wp-block-redfox-thank-you-downloads .redfox-thank-you-downloads__item-details {
  flex: 1;
}
.wp-block-redfox-thank-you-downloads .redfox-thank-you-downloads__item-name {
  font-size: 1.2em;
  font-weight: 500;
  margin-bottom: 0.25rem;
  line-height: 1.4;
}
.wp-block-redfox-thank-you-downloads .redfox-thank-you-downloads__item-meta {
  font-size: 0.8em;
  line-height: 1.4;
}
.wp-block-redfox-thank-you-downloads .redfox-thank-you-downloads__item-action {
  margin-right: 1rem;
}
.wp-block-redfox-thank-you-downloads .redfox-thank-you-downloads__download-btn {
  padding: 0.5rem 1rem;
  background-color: #1e1e1e;
  color: #fff;
  border: none;
  border-radius: 2px;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s ease-in-out;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  box-sizing: border-box;
}
.wp-block-redfox-thank-you-downloads .redfox-thank-you-downloads__empty {
  text-align: center;
  padding: 2rem;
  color: #666;
  background-color: #fafafa;
  border-radius: 4px;
  border: 1px solid #eee;
}
.wp-block-redfox-thank-you-downloads .redfox-thank-you-downloads__empty p {
  margin: 0;
  font-size: 13px;
}
@media (max-width: 768px) {
  .wp-block-redfox-thank-you-downloads .redfox-thank-you-downloads__item {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }
  .wp-block-redfox-thank-you-downloads .redfox-thank-you-downloads__item-action {
    margin-right: 0;
    width: 100%;
  }
  .wp-block-redfox-thank-you-downloads .redfox-thank-you-downloads__download-btn {
    width: 100%;
    justify-content: center;
  }
}
/*!******************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/frontend/inline-container/frontend.scss ***!
  \******************************************************************************************************************************************************************/
.wp-block-redfox-thank-you-inline-container:not(.block-editor-block-list__block) {
  display: flex;
  width: 100%;
  flex-wrap: nowrap;
  column-gap: 20px;
  row-gap: 10px;
}