{"version":3,"file":"css/frontend.css","mappings":"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","sources":["webpack://redfox-thank-you/./src/_mixins.scss","webpack://redfox-thank-you/./src/frontend/common/frontend.scss","webpack://redfox-thank-you/./src/frontend/order-details/frontend.scss","webpack://redfox-thank-you/./src/frontend/customer-details/frontend.scss","webpack://redfox-thank-you/./src/frontend/downloads/frontend.scss","webpack://redfox-thank-you/./src/_variable.scss","webpack://redfox-thank-you/./src/frontend/inline-container/frontend.scss"],"sourcesContent":["/**\n * Redfox Thank You Plugin - SCSS Mixins\n *\n * Reusable mixins for consistent styling across the plugin\n * These mixins should be generic and widely reusable\n *\n * @package RedfoxThankYou\n * @since 1.0.0\n */\n\n@use \"./variable\" as vars;\n\n// ==========================================================================\n// LAYOUT MIXINS\n// ==========================================================================\n\n/**\n * Flexbox layouts\n */\n@mixin flex($direction: row, $align: center, $justify: flex-start, $wrap: nowrap) {\n\tdisplay: flex;\n\tflex-direction: $direction;\n\talign-items: $align;\n\tjustify-content: $justify;\n\tflex-wrap: $wrap;\n}\n\n/**\n * Common flex shortcuts\n */\n@mixin flex-center {\n\n\t@include flex(row, center, center);\n}\n\n@mixin flex-between {\n\n\t@include flex(row, center, space-between);\n}\n\n@mixin flex-column {\n\n\t@include flex(column, stretch, flex-start);\n}\n\n@mixin flex-space-between {\n\n\t@include flex(row, center, space-between);\n}\n\n/**\n * Positioning\n */\n@mixin position($type, $top: null, $right: null, $bottom: null, $left: null) {\n\tposition: $type;\n\n\t@if $top {\n\t\ttop: $top;\n\t}\n\n\t@if $right {\n\t\tright: $right;\n\t}\n\n\t@if $bottom {\n\t\tbottom: $bottom;\n\t}\n\n\t@if $left {\n\t\tleft: $left;\n\t}\n}\n\n@mixin absolute-fill {\n\n\t@include position(absolute, 0, 0, 0, 0);\n}\n\n@mixin center-absolute {\n\n\t@include position(absolute, 50%, null, null, 50%);\n\ttransform: translate(-50%, -50%);\n}\n\n// ==========================================================================\n// SIZING MIXINS\n// ==========================================================================\n\n/**\n * Size helper\n */\n@mixin size($width, $height: $width) {\n\twidth: $width;\n\theight: $height;\n}\n\n/**\n * Square helper\n */\n@mixin square($size) {\n\n\t@include size($size);\n}\n\n/**\n * Circle helper\n */\n@mixin circle($size) {\n\n\t@include square($size);\n\tborder-radius: 50%;\n}\n\n// ==========================================================================\n// SPACING MIXINS\n// ==========================================================================\n\n/**\n * Margin helpers\n */\n@mixin margin($top: 0, $right: $top, $bottom: $top, $left: $right) {\n\tmargin: $top $right $bottom $left;\n}\n\n@mixin margin-x($value) {\n\tmargin-left: $value;\n\tmargin-right: $value;\n}\n\n@mixin margin-y($top, $bottom: $top) {\n\tmargin-top: $top;\n\tmargin-bottom: $bottom;\n}\n\n/**\n * Padding helpers\n */\n@mixin padding($top: 0, $right: $top, $bottom: $top, $left: $right) {\n\tpadding: $top $right $bottom $left;\n}\n\n@mixin padding-x($value) {\n\tpadding-left: $value;\n\tpadding-right: $value;\n}\n\n@mixin padding-y($top, $bottom: $top) {\n\tpadding-top: $top;\n\tpadding-bottom: $bottom;\n}\n\n/**\n * Remove spacing\n */\n@mixin no-spacing {\n\tmargin: 0 !important;\n\tpadding: 0 !important;\n}\n\n@mixin remove-last-margin {\n\n\t> *:last-child {\n\t\tmargin-bottom: 0 !important;\n\t}\n}\n\n// ==========================================================================\n// BORDER & BACKGROUND MIXINS\n// ==========================================================================\n\n/**\n * Border helpers\n */\n@mixin border($width: vars.$border-width, $style: solid, $color: vars.$border-color) {\n\tborder: $width $style $color;\n}\n\n@mixin border-radius($radius: vars.$border-radius) {\n\tborder-radius: $radius;\n}\n\n/**\n * Background helpers\n */\n@mixin bg-pattern($color1: vars.$gray-pattern, $color2: transparent, $size: vars.$spacing-md) {\n\tbackground-image:\n\t\tlinear-gradient(45deg, $color1 25%, $color2 25%),\n\t\tlinear-gradient(-45deg, $color1 25%, $color2 25%),\n\t\tlinear-gradient(45deg, $color2 75%, $color1 75%),\n\t\tlinear-gradient(-45deg, $color2 75%, $color1 75%);\n\tbackground-size: $size $size;\n\tbackground-position: 0 0, 0 calc($size / 2), calc($size / 2) calc($size / -2), calc($size / -2) 0;\n}\n\n// ==========================================================================\n// TYPOGRAPHY MIXINS\n// ==========================================================================\n\n/**\n * Font helpers\n */\n@mixin font($size: vars.$font-size-md, $weight: normal, $line-height: vars.$line-height-base) {\n\tfont-size: $size;\n\tfont-weight: $weight;\n\tline-height: $line-height;\n}\n\n/**\n * Text truncation\n */\n@mixin truncate {\n\toverflow: hidden;\n\twhite-space: nowrap;\n\ttext-overflow: ellipsis;\n}\n\n@mixin truncate-lines($lines: 2) {\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: $lines;\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n}\n\n/**\n * Screen reader text\n */\n@mixin sr-only {\n\tposition: absolute !important;\n\twidth: 1px;\n\theight: 1px;\n\tpadding: 0;\n\tmargin: -1px;\n\toverflow: hidden;\n\tclip: rect(0, 0, 0, 0);\n\twhite-space: nowrap;\n\tborder: 0;\n}\n\n// ==========================================================================\n// INTERACTION MIXINS\n// ==========================================================================\n\n/**\n * Transition helper\n */\n@mixin transition($property: all, $duration: vars.$transition-duration, $easing: vars.$transition-easing) {\n\ttransition: $property $duration $easing;\n}\n\n/**\n * Hover effects\n */\n@mixin hover-lift($scale: 1.05) {\n\n\t@include transition(transform);\n\n\t&:hover {\n\t\ttransform: scale($scale);\n\t}\n}\n\n@mixin hover-fade($opacity: 0.7) {\n\n\t@include transition(opacity);\n\n\t&:hover {\n\t\topacity: $opacity;\n\t}\n}\n\n/**\n * Focus states\n */\n@mixin focus-outline($color: var(--wp-components-color-foreground, #1e1e1e), $width: vars.$spacing-tiny) {\n\n\t&:focus {\n\t\toutline: none;\n\t\tbox-shadow: 0 0 0 $width $color;\n\t}\n}\n\n@mixin focus-visible-outline($color: var(--wp-components-color-foreground, #1e1e1e), $width: vars.$spacing-tiny) {\n\n\t&:focus-visible {\n\t\toutline: $width solid $color;\n\t\toutline-offset: $width;\n\t}\n}\n\n// ==========================================================================\n// BUTTON MIXINS\n// ==========================================================================\n\n/**\n * Base button styles\n */\n@mixin btn-reset {\n\tbackground: none;\n\tborder: none;\n\tpadding: 0;\n\tmargin: 0;\n\tfont: inherit;\n\tcolor: inherit;\n\tcursor: pointer;\n\toutline: none;\n}\n\n/**\n * Button base with common styles\n */\n@mixin btn-base(\n\t$padding: vars.$spacing-md,\n\t$btn-size: vars.$button-size,\n\t$has-hover-bg: true,\n\t$has-border: true\n) {\n\n\t@include btn-reset;\n\t@include flex-center;\n\t@include padding($padding);\n\t@include border-radius;\n\t@include transition;\n\n\n\tbackground: transparent;\n\tcolor: vars.$text-color;\n\tmin-height: $btn-size;\n\tmin-width: $btn-size;\n\n\t@if $has-border {\n\n\t\t@include border;\n\t}\n\n\t@if $has-hover-bg {\n\n\t\t&:hover {\n\t\t\tbackground: vars.$gray-hover;\n\t\t}\n\t}\n\n\t&:focus {\n\n\t\t@include focus-outline;\n\t}\n\n\t&:disabled {\n\t\topacity: 0.5;\n\t\tcursor: not-allowed;\n\t}\n}\n\n/**\n * Icon button\n */\n@mixin btn-icon(\n\t$size: vars.$button-size,\n\t$circle: true,\n\t$has-hover-bg: true,\n\t$has-border: true\n) {\n\n\t@include btn-base(0, $size, $has-hover-bg, $has-border);\n\t@include square($size);\n\n\t@if $circle {\n\n\t\t@include circle($size);\n\t}\n}\n\n// ==========================================================================\n// FORM MIXINS\n// ==========================================================================\n\n/**\n * Input field base\n */\n@mixin input-base {\n\n\t@include border;\n\t@include border-radius;\n\t@include padding(vars.$spacing-md);\n\t@include font;\n\t@include transition(border-color, box-shadow);\n\n\tbackground: vars.$white;\n\twidth: 100%;\n\n\t&:focus {\n\n\t\t@include focus-outline;\n\t\tborder-color: var(--wp-components-color-foreground, #1e1e1e);\n\t}\n\n\t&:disabled {\n\t\tbackground: vars.$gray-disabled;\n\t\tcursor: not-allowed;\n\t}\n\n\t&::placeholder {\n\t\tcolor: vars.$gray-text;\n\t}\n}\n\n/**\n * Label styles\n */\n@mixin label-base {\n\n\t@include font(vars.$font-size-xs, vars.$font-weight-medium);\n\t@include margin-y(0, vars.$spacing-md);\n\n\tdisplay: block;\n\tcolor: vars.$text-color;\n\ttext-transform: uppercase;\n}\n\n// ==========================================================================\n// LAYOUT COMPONENT MIXINS\n// ==========================================================================\n\n/**\n * Card/Panel styles\n */\n@mixin card($padding: 0) {\n\n\t@include border;\n\t@include border-radius;\n\n\t@if $padding != 0 {\n\n\t\t@include padding($padding);\n\t}\n\n\tbackground: vars.$white;\n}\n\n/**\n * Card with default padding\n */\n@mixin card-padded($padding: vars.$spacing-xl) {\n\n\t@include card($padding);\n}\n\n/**\n * Dropdown/Popover styles\n */\n@mixin dropdown {\n\n\t@include card;\n\t@include border-radius(vars.$border-radius);\n\n\tposition: absolute;\n\tz-index: vars.$z-index-dropdown;\n\tbox-shadow: vars.$shadow-dropdown;\n\tmin-width: 150px;\n}\n\n// ==========================================================================\n// VISIBILITY MIXINS\n// ==========================================================================\n\n/**\n * Visibility helpers\n */\n@mixin hidden {\n\tvisibility: hidden;\n\topacity: 0;\n}\n\n@mixin visible {\n\tvisibility: visible;\n\topacity: 1;\n}\n\n@mixin show-on-hover($target) {\n\t#{$target} {\n\n\t\t@include hidden;\n\t\t@include transition(visibility, opacity);\n\t}\n\n\t&:hover #{$target} {\n\n\t\t@include visible;\n\t}\n}\n\n// ==========================================================================\n// RESPONSIVE MIXINS\n// ==========================================================================\n\n/**\n * Responsive breakpoints\n */\n@mixin mobile {\n\n\t@media (max-width: 782px) {\n\t\t@content;\n\t}\n}\n\n@mixin tablet {\n\n\t@media (max-width: 1024px) {\n\t\t@content;\n\t}\n}\n\n@mixin desktop {\n\n\t@media (min-width: 1025px) {\n\t\t@content;\n\t}\n}\n\n/**\n * Container with responsive behavior\n */\n@mixin responsive-container($mobile-direction: column) {\n\n\t@include flex;\n\n\t@include mobile {\n\t\tflex-direction: $mobile-direction;\n\t\tgap: vars.$spacing-md;\n\t}\n}\n\n// ==========================================================================\n// ANIMATION MIXINS\n// ==========================================================================\n\n/**\n * Fade animations\n */\n@mixin fade-in($duration: vars.$transition-duration) {\n\topacity: 0;\n\tanimation: fadeIn $duration vars.$transition-easing forwards;\n}\n\n@mixin fade-out($duration: vars.$transition-duration) {\n\tanimation: fadeOut $duration vars.$transition-easing forwards;\n}\n\n@keyframes fadeIn {\n\n\tto {\n\t\topacity: 1;\n\t}\n}\n\n@keyframes fadeOut {\n\n\tto {\n\t\topacity: 0;\n\t}\n}\n\n/**\n * Slide animations\n */\n@mixin slide-in-up($duration: vars.$transition-duration) {\n\ttransform: translateY(20px);\n\topacity: 0;\n\tanimation: slideInUp $duration vars.$transition-easing forwards;\n}\n\n@keyframes slideInUp {\n\n\tto {\n\t\ttransform: translateY(0);\n\t\topacity: 1;\n\t}\n}\n\n// ==========================================================================\n// UTILITY MIXINS\n// ==========================================================================\n\n/**\n * Clearfix for floated elements\n */\n@mixin clearfix {\n\n\t&::after {\n\t\tcontent: \"\";\n\t\tdisplay: table;\n\t\tclear: both;\n\t}\n}\n\n/**\n * Aspect ratio container\n */\n@mixin aspect-ratio($ratio: 16 / 9) {\n\tposition: relative;\n\n\t&::before {\n\t\tcontent: \"\";\n\t\tdisplay: block;\n\t\tpadding-top: calc(100% / #{$ratio});\n\t}\n\n\t> * {\n\n\t\t@include absolute-fill;\n\t}\n}\n\n/**\n * Scrollbar styling\n */\n@mixin custom-scrollbar($width: vars.$scrollbar-width) {\n\n\t&::-webkit-scrollbar {\n\t\twidth: $width;\n\t}\n\n\t&::-webkit-scrollbar-track {\n\t\tbackground: vars.$gray-scrollbar-track;\n\t}\n\n\t&::-webkit-scrollbar-thumb {\n\t\tbackground: vars.$gray-scrollbar-thumb;\n\n\t\t@include border-radius;\n\n\t\t&:hover {\n\t\t\tbackground: vars.$gray-scrollbar-thumb-hover;\n\t\t}\n\t}\n}\n\n/**\n * CSS Triangle\n */\n@mixin triangle($direction: down, $size: 6px, $color: vars.$text-color) {\n\twidth: 0;\n\theight: 0;\n\tborder: $size solid transparent;\n\n\t@if $direction == up {\n\t\tborder-bottom-color: $color;\n\t} @else if $direction == down {\n\t\tborder-top-color: $color;\n\t} @else if $direction == left {\n\t\tborder-right-color: $color;\n\t} @else if $direction == right {\n\t\tborder-left-color: $color;\n\t}\n}\n","@use \"../../mixins\" as mixins;\n\n.has-overlay {\n\tposition: relative;\n\n\t> *:not(.background-overlay) {\n\t\tposition: relative;\n\t\tz-index: 2;\n\t}\n}\n\n.background-overlay {\n\n\t@include mixins.absolute-fill;\n\tpointer-events: none;\n}\n\n.has-background {\n\tposition: relative;\n}\n","/**\n * Order Details block styles using BEM methodology with flexbox layout.\n *\n * Block: redfox-thank-you-order-details\n * Elements: __title, __content, __header, __header-cell, __body, __row,\n * __cell, __product-image, __summary, __summary-item, __summary-label,\n * __summary-value, __payment, __payment-label, __payment-value\n * Modifiers: --product-image, --product-name, --quantity, --total\n */\n\n.wp-block-redfox-thank-you-order-details {\n\n\t.redfox-thank-you-order-details__title {\n\t\tmargin-bottom: 1.5em;\n\t}\n\n\t.redfox-thank-you-order-details__content {\n\t\twidth: 100%;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 0;\n\t}\n\n\t.redfox-thank-you-order-details__header {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tborder-bottom: 1px solid #eee;\n\t\tpadding: 1em 0;\n\t\tfont-weight: 500;\n\n\t\t.redfox-thank-you-order-details__header-cell {\n\t\t\ttext-align: left;\n\n\t\t\t&--product-name {\n\t\t\t\tflex: 1;\n\t\t\t\tmin-width: 0;\n\t\t\t}\n\n\t\t\t&--quantity {\n\t\t\t\twidth: 60px;\n\t\t\t\ttext-align: center;\n\t\t\t\tflex-shrink: 0;\n\t\t\t}\n\n\t\t\t&--total {\n\t\t\t\twidth: 100px;\n\t\t\t\ttext-align: right;\n\t\t\t\tflex-shrink: 0;\n\t\t\t}\n\t\t}\n\t}\n\n\t.redfox-thank-you-order-details__body {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 0;\n\t}\n\n\t.redfox-thank-you-order-details__row {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tpadding: 1em 0;\n\n\t\t&:last-child {\n\t\t\tborder-bottom: none;\n\t\t}\n\n\t\t.redfox-thank-you-order-details__cell {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\n\t\t\t&--product-image {\n\t\t\t\twidth: 50px;\n\t\t\t\tpadding-right: 1em;\n\t\t\t}\n\n\t\t\t&--product-name {\n\t\t\t\tflex: 1;\n\t\t\t\tmin-width: 0;\n\t\t\t\tfont-weight: 400;\n\t\t\t}\n\n\t\t\t&--quantity {\n\t\t\t\twidth: 60px;\n\t\t\t\tjustify-content: center;\n\t\t\t\tflex-shrink: 0;\n\t\t\t}\n\n\t\t\t&--total {\n\t\t\t\twidth: 100px;\n\t\t\t\tjustify-content: flex-end;\n\t\t\t\tflex-shrink: 0;\n\t\t\t\tfont-weight: 500;\n\t\t\t}\n\t\t}\n\t}\n\n\t.redfox-thank-you-order-details__product-image {\n\t\twidth: 50px;\n\t\theight: 50px;\n\t\tobject-fit: cover;\n\t}\n\n\t.redfox-thank-you-order-details__summary {\n\t\tborder-top: 1px solid #eee;\n\t\tpadding-top: 1.5em;\n\n\t\t.redfox-thank-you-order-details__summary-item {\n\t\t\tdisplay: flex;\n\t\t\tjustify-content: space-between;\n\t\t\tmargin-bottom: 0.75em;\n\n\t\t\t&:last-child {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\n\t\t\t&--total {\n\t\t\t\tmargin-top: 1em;\n\t\t\t\tpadding-top: 1em;\n\t\t\t\tborder-top: 1px solid #eee;\n\t\t\t\tfont-weight: 500;\n\t\t\t\tfont-size: 1.1em;\n\t\t\t}\n\n\t\t\t.redfox-thank-you-order-details__summary-label {\n\t\t\t\tfont-weight: 500;\n\t\t\t}\n\n\t\t\t.redfox-thank-you-order-details__summary-value {\n\t\t\t\tfont-weight: 500;\n\t\t\t}\n\t\t}\n\t}\n\n\t.redfox-thank-you-order-details__payment {\n\t\tmargin-top: 1em;\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\talign-items: center;\n\n\t\t.redfox-thank-you-order-details__payment-label {\n\t\t\tfont-weight: 500;\n\t\t}\n\n\t\t.redfox-thank-you-order-details__payment-value {\n\t\t\tfont-weight: 500;\n\t\t}\t}\n\n\t// Responsive design\n\t@media (max-width: 768px) {\n\n\t\t.redfox-thank-you-order-details__header {\n\t\t\tdisplay: none; // Hide header on mobile\n\t\t}\n\n\t\t.redfox-thank-you-order-details__row {\n\t\t\tflex-direction: column;\n\t\t\talign-items: stretch;\n\t\t\tpadding: 1.5em 0;\n\n\t\t\t.redfox-thank-you-order-details__cell {\n\t\t\t\twidth: 100%;\n\t\t\t\tpadding: 0.5em 0;\n\t\t\t\tjustify-content: space-between;\n\n\t\t\t\t&--product-image {\n\t\t\t\t\tjustify-content: flex-start;\n\t\t\t\t\talign-items: center;\n\t\t\t\t\tgap: 1em;\n\n\t\t\t\t\t.redfox-thank-you-order-details__product-image {\n\t\t\t\t\t\twidth: 40px;\n\t\t\t\t\t\theight: 40px;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&--product-name {\n\t\t\t\t\tfont-weight: 500;\n\t\t\t\t\tfont-size: 1.1em;\n\t\t\t\t}\n\n\t\t\t\t&--quantity,\n\t\t\t\t&--total {\n\t\t\t\t\tjustify-content: space-between;\n\n\t\t\t\t\t&::before {\n\t\t\t\t\t\tcontent: attr(data-label);\n\t\t\t\t\t\tfont-weight: 500;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","/**\n * Customer Details block styles using BEM methodology.\n *\n * Block: redfox-thank-you-customer-details\n * Elements: __content, __item, __label, __value\n * Modifiers: --table-style, --address\n */\n\n@use \"../../mixins\" as mixins;\n\n.wp-block-redfox-thank-you-customer-details {\n\n\t// Table style modifier\n\t.redfox-thank-you-customer-details__content--table-style {\n\t\t--table-border-color: #eee;\n\n\t\t.redfox-thank-you-customer-details__item {\n\n\t\t\t@include mixins.flex-between;\n\t\t\tborder-bottom: 1px solid var(--table-border-color);\n\n\t\t\t@include mixins.margin-y(0, 1em);\n\t\t\t@include mixins.padding-y(0, 1em);\n\n\t\t\t&:last-child {\n\t\t\t\tborder-bottom: none;\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\n\t\t\t@include mixins.mobile {\n\t\t\t\tflex-direction: column;\n\t\t\t\talign-items: flex-start;\n\t\t\t}\n\t\t}\n\t}\n}\n","@use \"../../variable\" as var;\n\n/**\n * Downloads block frontend styles using BEM methodology.\n *\n * Block: redfox-thank-you-downloads\n * Elements: __title, __content, __list, __item, __item-content,\n * __item-details, __item-name, __item-meta, __item-expires, __item-action,\n * __download-btn, __empty\n * Modifiers: --disabled\n */\n\n.wp-block-redfox-thank-you-downloads {\n\n\t.redfox-thank-you-downloads__title {\n\t\tmargin-bottom: 1.5rem;\n\t}\n\n\t.redfox-thank-you-downloads__content {\n\t\twidth: 100%;\n\t}\n\n\t.redfox-thank-you-downloads__list {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t}\n\n\t.redfox-thank-you-downloads__item {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: space-between;\n\t\tpadding: 1rem 0;\n\t\tborder-bottom: var.$border-width solid var.$gray-border-light;\n\t\ttransition: var.$transition-all;\n\n\t\t&:last-child {\n\t\t\tborder-bottom: none;\n\t\t}\n\t}\n\n\t.redfox-thank-you-downloads__item-content {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tflex: 1;\n\t}\n\n\t.redfox-thank-you-downloads__item-details {\n\t\tflex: 1;\n\t}\n\n\t.redfox-thank-you-downloads__item-name {\n\t\tfont-size: 1.2em;\n\t\tfont-weight: var.$font-weight-medium;\n\t\t// color: var.$text-color;\n\t\tmargin-bottom: 0.25rem;\n\t\tline-height: var.$line-height-base;\n\t}\n\n\t.redfox-thank-you-downloads__item-meta {\n\t\tfont-size: 0.8em;\n\t\tline-height: var.$line-height-base;\n\t}\n\n\t.redfox-thank-you-downloads__item-action {\n\t\tmargin-left: 1rem;\n\t}\n\n\t.redfox-thank-you-downloads__download-btn {\n\t\tpadding: 0.5rem 1rem;\n\t\tbackground-color: var.$text-color;\n\t\tcolor: var.$white;\n\t\tborder: none;\n\t\tborder-radius: var.$border-radius;\n\t\tfont-size: var.$font-size-sm;\n\t\tfont-weight: var.$font-weight-medium;\n\t\tcursor: pointer;\n\t\ttransition: var.$transition-all;\n\t\ttext-decoration: none;\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tgap: 0.5rem;\n\t\tbox-sizing: border-box;\n\t}\n\n\t.redfox-thank-you-downloads__empty {\n\t\ttext-align: center;\n\t\tpadding: 2rem;\n\t\tcolor: var.$gray-text;\n\t\tbackground-color: var.$gray-lightest;\n\t\tborder-radius: var.$border-radius-sm;\n\t\tborder: var.$border-width solid var.$gray-border-light;\n\n\t\tp {\n\t\t\tmargin: 0;\n\t\t\tfont-size: var.$font-size-md;\n\t\t}\n\t}\n\n\t// Responsive design\n\t@media (max-width: 768px) {\n\n\t\t.redfox-thank-you-downloads__item {\n\t\t\tflex-direction: column;\n\t\t\talign-items: flex-start;\n\t\t\tgap: 1rem;\n\t\t}\n\n\t\t.redfox-thank-you-downloads__item-action {\n\t\t\tmargin-left: 0;\n\t\t\twidth: 100%;\n\t\t}\n\n\t\t.redfox-thank-you-downloads__download-btn {\n\t\t\twidth: 100%;\n\t\t\tjustify-content: center;\n\t\t}\n\t}\n}\n","// Redfox Thank You Plugin Variables\n// This file contains all the global variables used throughout the plugin\n\n// Colors\n$base-color: #1e1e1e !default;\n$text-color: $base-color !default;\n$white: #fff !default;\n$black: #000 !default;\n$gray-medium: #757575 !default;\n$gray-light: #f0f0f0 !default;\n$gray-lighter: #f9f9f9 !default;\n$gray-lightest: #fafafa !default;\n$gray-disabled: #a0a5aa !default;\n$gray-border: #ddd !default;\n$gray-border-light: #eee !default;\n$gray-text: #666 !default;\n$gray-text-light: #555 !default;\n$gray-scrollbar-track: #f1f1f1 !default;\n$gray-scrollbar-thumb: #c1c1c1 !default;\n$gray-scrollbar-thumb-hover: #a8a8a8 !default;\n$gray-pattern: #ccc !default;\n\n// Status colors\n$red-error: #d63638 !default;\n\n// Legacy colors (keep for backward compatibility)\n$border-color: $gray-border !default;\n\n// Sizes\n$reset-button-size: 16px !default;\n$help-button-size: 16px !default;\n$button-size: 30px !default;\n$control-min-height: 30px !default;\n$clear-button-size: 20px !default;\n$checkbox-size: 16px !default;\n\n// Component sizes\n$panel-header-height: 48px !default;\n$responsive-toggle-size: 24px !default;\n\n// Spacing\n$spacing-xs: 4px !default;\n$spacing-sm: 6px !default;\n$spacing-md: 8px !default;\n$spacing-lg: 12px !default;\n$spacing-xl: 16px !default;\n\n// Micro spacing for fine adjustments\n$spacing-micro: 1px !default;\n$spacing-tiny: 2px !default;\n$spacing-small: 3px !default;\n\n// Typography\n$font-size-xs: 11px !default;\n$font-size-sm: 12px !default;\n$font-size-md: 13px !default;\n$font-weight-medium: 500 !default;\n$line-height-base: 1.4 !default;\n\n// Icon sizes\n$icon-size-sm: 16px !default;\n$icon-size-md: 18px !default;\n$icon-size-lg: 20px !default;\n$icon-size-xl: 24px !default;\n\n// Hover and interaction colors\n$gray-hover: #e0e0e0 !default;\n$gray-hover-dark: #ccc !default;\n\n// Border and radius\n$border-width: 1px !default;\n$border-radius: 2px !default;\n$border-radius-sm: 4px !default;\n$border: $border-width solid $border-color !default;\n\n// Transitions\n$transition-duration: 0.15s !default;\n$transition-easing: ease-in-out !default;\n$transition-all: all $transition-duration $transition-easing !default;\n\n// Z-index\n$z-index-dropdown: 1000 !default;\n\n// Layout\n$menu-max-height: 200px !default;\n$options-max-height: 150px !default;\n$scrollbar-width: 8px !default;\n\n// Box shadows\n$shadow-dropdown: 0 2px 6px rgba(0, 0, 0, 0.13) !default;\n$shadow-dropdown-above: 0 -2px 6px rgba(0, 0, 0, 0.13) !default;\n$shadow-focus: 0 0 0 $border-width var(--wp-components-color-foreground, #1e1e1e) !default;\n$shadow-focus-high-contrast: 0 0 0 2px var(--wp-components-color-foreground, #1e1e1e) !default;\n",".wp-block-redfox-thank-you-inline-container:not(.block-editor-block-list__block) {\n\tdisplay: flex;\n\twidth: 100%;\n\tflex-wrap: nowrap;\n\tcolumn-gap: 20px;\n\trow-gap: 10px;\n}\n"],"names":[],"sourceRoot":""}