{"version":3,"file":"css/components.css","mappings":"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","sources":["webpack://redfoxThankYou.components/./src/components/panel-body/style.scss","webpack://redfoxThankYou.components/./src/_mixins.scss","webpack://redfoxThankYou.components/./src/_variable.scss","webpack://redfoxThankYou.components/./src/components/responsive-button-group/style.scss","webpack://redfoxThankYou.components/./src/components/reset-button/style.scss"],"sourcesContent":["/**\n * Panel Body Component Styles\n *\n * SCSS styles for the custom panel body component\n *\n * @package RedfoxThankYou\n * @since 1.0.0\n */\n\n@use \"../../variable\" as vars;\n@use \"../../mixins\" as mixins;\n\n.redfox-thank-you-panel-body {\n\tborder-top: vars.$border;\n\n\t&__header {\n\t\tposition: relative;\n\n\t\t&--clickable {\n\t\t\tcursor: pointer;\n\n\t\t\t&:hover {\n\t\t\t\tbackground: vars.$gray-light;\n\t\t\t}\n\t\t}\n\t}\n\n\t&__title-row {\n\n\t\t@include mixins.flex-between;\n\t\t@include mixins.padding(vars.$spacing-lg, vars.$spacing-xl);\n\t\tmin-height: vars.$panel-header-height;\n\t\toutline: none;\n\n\t\t@include mixins.focus-visible-outline;\n\t}\n\n\t&__title-content {\n\n\t\t@include mixins.flex(row, center, flex-start);\n\t\tflex: 1;\n\t\tmin-width: 0;\n\t}\n\n\t&__icon {\n\n\t\t@include mixins.flex(row, center);\n\t\t@include mixins.margin(0, vars.$spacing-md, 0, 0);\n\t\tcolor: vars.$gray-text-light;\n\n\t\tsvg {\n\n\t\t\t@include mixins.size(vars.$icon-size-lg);\n\t\t}\n\t}\n\n\t&__title {\n\n\t\t@include mixins.truncate;\n\t\t@include mixins.font(14px, 600);\n\t\t@include mixins.no-spacing;\n\t\tcolor: vars.$base-color;\n\t}\n\n\t&__controls {\n\n\t\t@include mixins.flex(row, center);\n\t\tgap: vars.$spacing-xs;\n\t\tmargin-left: auto;\n\t\tflex-shrink: 0;\n\t}\n\n\t&__responsive {\n\n\t\t@include mixins.flex(row, center);\n\t\t@include mixins.hidden;\n\t\t@include mixins.transition(visibility, opacity);\n\n\t\t.redfox-thank-you-responsive-button-group {\n\t\t\tmargin: 0;\n\t\t}\n\n\t\t&--show {\n\t\t\t@include mixins.visible;\n\t\t}\n\t}\n\n\t&__actions {\n\n\t\t@include mixins.flex(row, center);\n\t\tgap: vars.$spacing-xs;\n\n\t\t@include mixins.hidden;\n\t\t@include mixins.transition(visibility, opacity);\n\n\t\t&--show {\n\t\t\t@include mixins.visible;\n\t\t}\n\t}\n\n\t&__toggle {\n\t\tcolor: vars.$text-color !important;\n\t\tbackground: transparent !important;\n\n\t\t&.components-button.is-small.has-icon:not(.has-text) {\n\n\t\t\t@include mixins.padding(vars.$spacing-tiny);\n\t\t}\n\t}\n\n\t&__content {\n\n\t\t@include mixins.padding(vars.$spacing-xl);\n\t\t@include mixins.remove-last-margin;\n\t\tborder-top: none;\n\n\t\t&--parent-group {\n\t\t\t.redfox-thank-you-panel-body {\n\t\t\t\tborder-right: vars.$border;\n\t\t\t\tborder-left: vars.$border;\n\n\t\t\t\t&:last-child {\n\t\t\t\t\tborder-bottom: vars.$border;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// When panel is open\n\t&--is-open {\n\n\t\t.redfox-thank-you-panel-body__header {\n\t\t\tborder-bottom-color: #ddd;\n\t\t}\n\t}\n\n\t// When panel is closed\n\t&:not(.redfox-thank-you-panel-body--is-open) {\n\n\t\t.redfox-thank-you-panel-body__header {\n\t\t\tborder-bottom: none;\n\t\t}\n\t}\n\n\t// Non-collapsible panels\n\t&:not(.redfox-thank-you-panel-body--collapsible) {\n\n\t\t.redfox-thank-you-panel-body__header {\n\t\t\tborder-bottom-color: #ddd;\n\t\t}\n\n\t\t.redfox-thank-you-panel-body__title-row {\n\t\t\tcursor: default;\n\t\t}\n\n\t\t.redfox-thank-you-panel-body__toggle {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t// With responsive variant\n\t&--with-responsive {\n\n\t\t.redfox-thank-you-panel-body__title-content {\n\n\t\t\t@include mixins.margin(0, vars.$spacing-lg, 0, 0);\n\t\t}\n\t}\n\n\t// Responsive design\n\t@include mixins.mobile {\n\n\t\t&__title-row {\n\n\t\t\t@include mixins.flex-column;\n\t\t\talign-items: stretch;\n\t\t\tgap: vars.$spacing-md;\n\n\t\t\t@include mixins.padding(vars.$spacing-lg, vars.$spacing-xl);\n\t\t}\n\n\t\t&__title-content {\n\n\t\t\t@include mixins.margin(0);\n\t\t}\n\n\t\t&__controls {\n\t\t\tmargin-left: 0;\n\t\t\tjustify-content: space-between;\n\t\t}\n\n\t\t&__responsive {\n\t\t\torder: -1;\n\t\t}\n\n\t\t&__actions {\n\t\t\tflex: 1;\n\t\t\tjustify-content: flex-end;\n\t\t}\n\t}\n}\n","/**\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","// 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","/**\n * Responsive Component Styles\n *\n * Styles for the responsive breakpoint dropdown component using MenuGroup\n *\n * @package RedfoxThankYou\n * @since 1.0.0\n */\n\n@use \"../../variable\" as vars;\n@use \"../../mixins\" as mixins;\n\n.redfox-thank-you-responsive {\n\n\t&__dropdown {\n\t\twidth: 100%;\n\n\t\t.redfox-thank-you-responsive__toggle {\n\n\t\t\t@include mixins.btn-icon(vars.$responsive-toggle-size, false);\n\t\t\t@include mixins.padding(vars.$spacing-tiny);\n\t\t\tborder: none;\n\t\t\tbackground-color: transparent !important;\n\t\t\tdisplay: block;\n\t\t\tcolor: vars.$text-color !important;\n\t\t}\n\t}\n\n\t&__dropdown-content {\n\n\t\t@include mixins.dropdown;\n\n\t\t.components-menu-group {\n\n\t\t\t@include mixins.no-spacing;\n\t\t}\n\n\t\t.components-menu-item__button {\n\n\t\t\t@include mixins.flex(row, center, flex-start);\n\t\t\twidth: 100%;\n\n\t\t\t@include mixins.padding(vars.$spacing-md, vars.$spacing-lg);\n\t\t\tposition: relative;\n\n\t\t\t.components-menu-item__info {\n\n\t\t\t\t@include mixins.margin(0, 0, 0, vars.$spacing-md);\n\t\t\t}\n\t\t}\n\n\t\t// Target the same element with both classes (no space = same element)\n\t\t.redfox-thank-you-responsive__menu-item--selected.components-menu-item__button {\n\t\t\tbackground-color: var(--wp-components-color-foreground, #1e1e1e) !important;\n\t\t\tcolor: vars.$white !important;\n\n\t\t\t// Add checkmark after the content using SVG data URL\n\t\t\t&::after {\n\t\t\t\tcontent: \"\";\n\t\t\t\tposition: absolute;\n\t\t\t\tright: vars.$spacing-lg;\n\t\t\t\twidth: 16px;\n\t\t\t\theight: 16px;\n\t\t\t\tbackground-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M18.3 5.71a.996.996 0 0 0-1.41 0L9 13.59l-3.89-3.89a.996.996 0 1 0-1.41 1.41l4.59 4.59c.39.39 1.02.39 1.41 0L18.3 7.12c.39-.39.39-1.02 0-1.41z' fill='white'/%3E%3C/svg%3E\");\n\t\t\t\tbackground-size: contain;\n\t\t\t\tbackground-repeat: no-repeat;\n\t\t\t\tbackground-position: center;\n\t\t\t}\n\n\t\t\t.components-menu-item__info {\n\t\t\t\tcolor: vars.$white !important;\n\t\t\t}\n\t\t}\n\t}\n\n\t// Modifier for when labels are shown\n\t&--with-labels {\n\n\t\t.redfox-thank-you-responsive__toggle {\n\n\t\t\t.components-button__content {\n\t\t\t\tjustify-content: flex-start;\n\t\t\t}\n\t\t}\n\t}\n\n\t// Ensure consistent spacing in different contexts\n\t.components-panel__body & {\n\n\t\t@include mixins.margin-y(0, vars.$spacing-lg);\n\t}\n}\n","/**\n * Reset Button Styles\n *\n * Universal styles for the reset button component.\n * Uses BEM naming convention and follows project standards.\n *\n * @package RedfoxThankYou\n * @since 1.0.0\n */\n\n@use \"../../variable\" as vars;\n@use \"../../mixins\" as mixins;\n\n.redfox-thank-you-reset-button {\n\n\t&.components-button {\n\n\t\t@include mixins.btn-reset;\n\t\tmin-width: auto;\n\n\t\t@include mixins.padding(vars.$spacing-tiny);\n\t\tcolor: vars.$text-color !important;\n\t\tbackground-color: transparent !important;\n\t\tbox-shadow: none;\n\n\t\t&:hover {\n\t\t\tbox-shadow: none !important;\n\t\t}\n\n\t\t// Icon styling\n\t\t.dashicon,\n\t\t.components-button__icon {\n\n\t\t\t@include mixins.margin(0);\n\t\t}\n\n\t\t// Disabled state\n\t\t&:disabled {\n\t\t\topacity: 0.5;\n\t\t\tcursor: not-allowed;\n\t\t}\n\t}\n\n\t// Size variants\n\t&--small {\n\t\tpadding: vars.$spacing-tiny vars.$spacing-sm;\n\t\tfont-size: vars.$font-size-sm;\n\t}\n\n\t&--compact {\n\t\tpadding: vars.$spacing-micro vars.$spacing-xs;\n\t\tfont-size: vars.$font-size-xs;\n\t}\n\n\t// Variant modifications\n\t&--danger {\n\t\tcolor: #d94f4f;\n\n\t\t&:hover:not(:disabled) {\n\t\t\tcolor: #b32d2e;\n\t\t}\n\t}\n}\n"],"names":[],"sourceRoot":""}