{"version":3,"file":"spend-rules-checkout-block-editor.css","mappings":"AAWA,WAEC,6CACA,+CACA,kBAGA,iBAGA,aACA,sBAGA,kBAGA,+BACA,6BAGA,2CACC,oDACA,qCAOD,qBAEC,oBAEA,2BACC,eACA,gBAQF,oBACC,iBAEA,wCACC,uBAGD,sCACC,WACA,YACA,mBAGD,sCACC,eACA,gBAGD,qCACC,eAGD,wCACC,kBACA,gBASH,oBAEC,OACA,aACA,sBACA,mBACA,uBACA,uBACA,kBAOD,kBACC,WACA,YACA,kBACA,aACA,mBACA,uBACA,sCAEA,sBACC,WACA,YAGD,sBACC,WACA,YACA,mBAQF,kBAEC,eACA,gBACA,gBACA,iBACA,wCAGA,gBACA,aACA,mBACA,uBAGA,mGAGC,kBACA,oBACA,oBACA,mBACA,uBACA,wBACA,uBACA,oBAEA,iBACA,wCACA,gBACA,aACA,mBACA,uBAQF,iBACC,eACA,gBACA,cACA,iBAGA,0BACC,yCAID,0BACC,yCAID,uBACC,oBACA,mBACA,uBACA,mBACA,eACA,gBACA,yCACA,2CACA,qBAID,8BACC,gBACA,oBAQF,wBAEC,eACA,gBACA,uCACA,iBACA,kBAGA,+GAGC,oBACA,mBACA,uBACA,wBACA,uBACA,oBAEA,iBAEA,uCACA,iBACA,kBAQF,oBAEC,mDACA,kBACA,gBACA,aACA,sBACA,UACA,mBACA,uBACA,+CACA,0BAGA,mFAEC,gBACA,WACA,gBAGA,mHACC,aACA,mBACA,uBACA,eACA,oBAEA,2HACC,cAKF,6HACC,yCACA,2CAEA,yIACC,UAKF,iIACC,sCACA,wCAEA,6IACC,UAUJ,kBACC,uCACA,eACA,eACA,kBAOD,oBACC,yCACA,2CACA,eACA,eACA,iBACA,kBACA,kBACA,gBAOD,kBACC,kBACA,SACA,WACA,uBACA,kBACA,gBACA,cACA,qBACA,UAGA,mCACA,iDAGA,6BAOD,yBACC,iBACA,uCACA,kBACA,kBAOD,qBACC,oBAEA,8DACC,+DAIF,sCACC,QAEC,UAED,IACC,YAQF,yBACC,WACC,gBAEA,oBACC,iBC9WH,uBACC,WAGD,6BACC,aACA,WACA,SACA,UAIA,0BARD,6BASE,iDAGD,yBAZD,6BAaE,sCAQD,wCACC,iCAEA,gBACA,YACA,kBACA,aACA,SACA,aACA,gBACA,4DAEA,wEACC,2BACA,sCACA,2BAWD,+DACC,WACA,YACA,iDACA,SACA,kBACA,gBACA,cAEA,mEACC,WACA,YACA,iBACA,kBACA,gBAGD,mEACC,WACA,YAKF,iEACC,cACA,UACA,uBACA,gBACA,QAGD,0DACC,SACA,aACA,cACA,gBACA,gBACA,yBACA,eACA,gBACA,WAGD,gEACC,SACA,gBACA,eACA,gBACA,uCAID,oEACC,SACA,eACA,gBACA,WAID,iEACC,gBACA,yBACA,UACA,aACA,WACA,oBASH,kEACC,WAMD,gCACC,aACA,sBACA,QACA,WAGD,qCACC,aACA,mBACA,8BACA,SAGD,sCACC,eACA,gBACA,WAGD,2CACC,cACA,gBACA,eACA,cACA,WACA,kCACA,mBAGD,oCACC,kBACA,WACA,WACA,yBACA,mBACA,gBAGD,qCACC,kBACA,MACA,OACA,YACA,sBACA,mBACA,8BAMD,4FAGC,aACA,kBACA,cAGD,8BACC,cAGD,oCACC,aACA,sBACA,mBACA,uBACA,WACA,kBACA,iBACA,kBAEA,sCACC,SACA,mBACA,gBACA,cACA,gBACA,gBAGD,kEACC,gBAQD,4BACC,aACA,mBACA,QACA,aACA,2BACA,kBAGD,kCACC,cACA,WACA,YACA,sBACA,gBACA,gBACA,aACA,mBACA,uBAEA,4EAEC,WACA,YACA,iBACA,cAIF,iCACC,aACA,sBACA,QACA,YAGD,kCACC,SACA,gBACA,eACA,mBACA,WACA,sBAGD,iCACC,SACA,gBACA,eACA,iBACA,WAGD,0BACC,aACA,sBACA,QAGD,gCACC,SACA,gBACA,eACA,iBACA,WAGD,+BACC,SACA,gBACA,eACA,iBACA,WAID,+BACC,aACA,mBACA,SAGD,iCACC,cACA,WACA,YACA,kBACA,gBACA,2BACA,aACA,mBACA,uBAEA,0EAEC,WACA,YACA,iBACA,cAIF,iCACC,SACA,gBACA,eACA,gBACA,WACA,sBAGD,yBACC,aACA,mBACA,8BACA,SACA,4BACA,mBACA,kBAGD,8BACC,aACA,sBACA,QACA,YAGD,+BACC,gBACA,eACA,iBACA,WAGD,+BACC,oBACA,gBACA,eACA,iBACA,WACA,yBACA,UACA,iBACA,oBACA,gBACA,mBACA,gBACA,uBAGD,6DACC,cACA,YACA,WACA,YACA,kBACA,kBACA,gBACA,WACA,2BACA,gBACA,eACA,cACA,oBACA,iBACA,mBACA,gBAEA,mFACC,gBACA,WACA,WAIF,4BACC,SACA,eACA,gBACA,WAGD,0BACC,SACA,eACA,gBACA,cAGD,qDACC,WCzaF,sBACC,WAGD,4BACC,aACA,SACA,SACA,UAEA,yBAND,4BAOE,sCAQD,uCACC,mBACA,mBACA,SACA,gBACA,kBACA,gBACA,YACA,kBACA,gBAGA,8DACC,cACA,WACA,YACA,SACA,aACA,mBACA,uBACA,WAEA,kEACC,WACA,YACA,aACA,mBACA,uBAGD,kEACC,WACA,YACA,cAGD,kEACC,WACA,YACA,mBAKF,gEACC,cACA,YACA,UACA,uBACA,uBACA,gBACA,QAGD,yDACC,SACA,aACA,cACA,gBACA,gBACA,oBACA,eACA,gBACA,WAGD,wDACC,SACA,UACA,yBACA,gBACA,eACA,gBACA,WACA,cAID,gEACC,cACA,mBACA,gBACA,yBACA,UACA,aACA,iBACA,mBACA,yBACA,QASF,8EACC,yBACA,YACA,WACA,UACA,YACA,aACA,WACA,YACA,gBACA,eACA,iBACA,iBACA,oBACA,0BACA,0BACA,oCACA,mBACA,gBAEA,oGACC,yBACA,WAGD,wFACC,WACA,mBACA,yBAKF,mGACC,oCACA,sBACA,gCACA,2BACA,6BACA,+BACA,mBACA,SACA,gBACA,eACA,mBAEA,uGACC,cACA,WACA,YAGD,yGACC,oCACA,gCAQH,+FAGC,aACA,kBACA,cAEA,qGACC,gBACA,eACA,gBAIF,6BACC,cAGD,mCACC,aACA,sBACA,mBACA,uBACA,SACA,aCjMD,4BACC,WAEA,kCACC,aACA,gCACA,mBACA,MAGD,qCACC,OACA,kBACA,YACA,yBACA,eACA,gBACA,WACA,eACA,kBACA,oDACA,kBAEA,2DACC,WACA,iCAGD,mDACC,qEACA,oBAGD,wDACC,WAEA,+DACC,WACA,kBACA,YACA,OACA,QACA,WACA,oEAIF,+CACC,WACA,mBAIF,qCACC,aAEA,mDACC,qEACA,mBASH,oCAEC,SAGA,wEACC,aACA,gBACA,uBACA,kBACA,kBAEA,kFACC,mBACA,WAEA,oFACC,SACA,kBAMH,+EACC,gBAGA,4FACC,oBACA,mBACA,uBACA,iBACA,YACA,kBACA,eACA,gBACA,eACA,4BAEA,uGACC,gBACA,WAEA,6GACC,WAIF,qGACC,iBACA,eACA,eAGD,qGACC,WACA,mBAMH,qEACC,aACA,SAGA,wFACC,0BAID,wFACC,qCAEA,yBAHD,wFAIE,2BAMH,kJAEC,aACA,kBACA,mBACA,kBAEA,sJACC,gBACA,WACA,eAKF,sEACC,aACA,mBACA,yBACA,kBACA,cACA,eAMA,mEACC,aAKA,0IAEC,2CAKF,4FACC,eAGD,uEACC,eAKF,oEACC,gBAID,wDACC,WACA,iBACA,eAID,sDACC,QACA,UACA,gBACA,eAID,wDACC,gBACA,YACA,mBACA,kBACA,cACA,eACA,kBAID,kEACC,eAUD,uDAEC,gBACA,aACA,yBACA,kBAGA,wEACC,mBAMH,yBAEE,kCAEC,iBAGD,qCACC,kBACA,eACA,YAGA,mBACA,gBACA,uBAKD,qEACC,SAIA,mEACC,cAUJ,oBACC,aACA,sBACA,MACA,gBACA,kBACA,iBACA,gBACA,kBAsBA,qBACA,6BApBA,uCACC,UAGD,6CACC,mBACA,kBAGD,6CACC,gBACA,kBAEA,mDACC,gBASH,yBACC,aACA,mBACA,SACA,kBACA,gCACA,sCAEA,oCACC,mBAGD,+BACC,iCAID,gCACC,WACA,YACA,cACA,aACA,mBACA,uBACA,kBACA,mBACA,gBAEA,oCACC,WACA,YACA,iBAGD,oCACC,WACA,YACA,WAKF,kCACC,OACA,YACA,aACA,sBACA,QAGD,gCACC,eACA,gBACA,WACA,SACA,gBAGA,mBACA,gBACA,uBAGD,+BACC,eACA,WACA,SAGD,+BACC,wEACA,eACA,WACA,mBACA,gBACA,kBACA,qBAID,iCACC,cACA,aACA,mBACA,QAID,+CACC,iBACA,eACA,eAID,mCACC,WAEA,mEACC,WAKF,kCACC,qCAEA,kEACC,cAKF,gCACC,eACA,cACA,eAID,kCACC,eACA,cACA,eAKF,mCACC,WACA,eAEA,uCACC,WACA,mBACA,kBACA,gBAGD,wCACC,YACA,kBACA,0BAGD,wCACC,eACA,WACA,eAKF,yBACC,yBACC,sBACA,oBACA,kBACA,aACA,QAEA,gCACC,cAGD,kCACC,mBAGD,gCACC,mBACA,kBAGD,iCACC,uBACA,eAGD,+CACC,Y","sources":["webpack://leat/./assets/ts/frontend/blocks/_shared/components/item/item.scss","webpack://leat/./assets/ts/frontend/blocks/spend-rules-list/style.scss","webpack://leat/./assets/ts/frontend/blocks/earn-rules-list/style.scss","webpack://leat/./assets/ts/frontend/blocks/spend-rules-checkout/style.scss"],"sourcesContent":["/**\n * Item Component Styles\n *\n * Flexible card component for rule lists and similar layouts.\n * Based on earn-rules-list card design with enhanced flexibility.\n */\n\n// ============================================================================\n// Main Item Container\n// ============================================================================\n\n.leat-item {\n\t// Base card styles\n\tbackground: var(--leat-card-background, #fff);\n\tborder: 1px solid var(--leat-card-border, #ddd);\n\tborder-radius: 8px;\n\n\t// Fixed height for consistent grid alignment\n\tmin-height: 280px;\n\n\t// Flexbox layout with content area and fixed action zone\n\tdisplay: flex;\n\tflex-direction: column;\n\n\t// Position relative for badge positioning\n\tposition: relative;\n\n\t// Smooth transitions\n\tbox-shadow: 0 0 0 transparent;\n\ttransition: all 0.15s ease-out;\n\n\t// Hover state (not disabled)\n\t&:not(.leat-item--disabled):hover {\n\t\tborder-color: var(--leat-card-border-hover, #949494);\n\t\tbox-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);\n\t}\n\n\t// ========================================================================\n\t// Variants\n\t// ========================================================================\n\n\t&--disabled {\n\t\t// opacity: 0.6;\n\t\tpointer-events: none;\n\n\t\t&:hover {\n\t\t\ttransform: none;\n\t\t\tbox-shadow: none;\n\t\t}\n\t}\n\n\t// ========================================================================\n\t// Sizes\n\t// ========================================================================\n\n\t&--compact {\n\t\tmin-height: 220px;\n\n\t\t.leat-item__content {\n\t\t\tpadding: 16px 16px 12px;\n\t\t}\n\n\t\t.leat-item__media {\n\t\t\twidth: 40px;\n\t\t\theight: 40px;\n\t\t\tmargin-bottom: 12px;\n\t\t}\n\n\t\t.leat-item__label {\n\t\t\tfont-size: 13px;\n\t\t\tmin-height: 32px;\n\t\t}\n\n\t\t.leat-item__meta {\n\t\t\tfont-size: 16px;\n\t\t}\n\n\t\t.leat-item__actions {\n\t\t\tpadding: 10px 12px;\n\t\t\tmin-height: 48px;\n\t\t}\n\t}\n}\n\n// ============================================================================\n// Item Content Area\n// ============================================================================\n\n.leat-item__content {\n\t// Grows to fill available space\n\tflex: 1;\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\tjustify-content: center;\n\tpadding: 24px 20px 16px;\n\ttext-align: center;\n}\n\n// ============================================================================\n// Item Media (Icon/Image)\n// ============================================================================\n\n.leat-item__media {\n\twidth: 48px;\n\theight: 48px;\n\tmargin: 0 0 16px 0;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tcolor: var(--leat-icon-color, #1e1e1e);\n\n\tsvg {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t}\n\n\timg {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tobject-fit: contain;\n\t}\n}\n\n// ============================================================================\n// Item Label (Heading)\n// ============================================================================\n\n.leat-item__label {\n\t// Default styles - will be overridden by block typography settings\n\tfont-size: 18px;\n\tfont-weight: 700;\n\tline-height: 1.4;\n\tmargin: 0 0 8px 0;\n\tcolor: var(--leat-text-primary, #1e1e1e);\n\n\t// Consistent minimum height for label text\n\tmin-height: 40px;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\n\t// When inside WordPress blocks, inherit typography\n\t.wp-block-leat-earn-rules-list &,\n\t.wp-block-leat-spend-rules-list & {\n\t\t// Inherit typography from block wrapper\n\t\tfont-size: inherit;\n\t\tfont-family: inherit;\n\t\tfont-weight: inherit;\n\t\tfont-style: inherit;\n\t\ttext-transform: inherit;\n\t\ttext-decoration: inherit;\n\t\tletter-spacing: inherit;\n\t\tline-height: inherit;\n\t\t// Only keep layout and color styles\n\t\tmargin: 0 0 8px 0;\n\t\tcolor: var(--leat-text-primary, #1e1e1e);\n\t\tmin-height: 40px;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t}\n}\n\n// ============================================================================\n// Item Meta (Credits/Cost/Status)\n// ============================================================================\n\n.leat-item__meta {\n\tfont-size: 20px;\n\tfont-weight: 600;\n\tline-height: 1;\n\tmargin: 4px 0 0 0;\n\n\t// Default variant\n\t&--default {\n\t\tcolor: var(--leat-primary-color, #2271b1);\n\t}\n\n\t// Credits variant (earn points)\n\t&--credits {\n\t\tcolor: var(--leat-primary-color, #2271b1);\n\t}\n\n\t// Cost variant (spend points)\n\t&--cost {\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tpadding: 0.5rem 1rem;\n\t\tfont-size: 1rem;\n\t\tfont-weight: 700;\n\t\tcolor: var(--leat-success-color, #059669);\n\t\tbackground: var(--leat-success-bg, #d1fae5);\n\t\tborder-radius: 0.25rem;\n\t}\n\n\t// Coupon code variant\n\t&--coupon-code {\n\t\tmargin-top: 12px;\n\t\tpointer-events: auto; // Ensure coupon code is always interactive\n\t}\n}\n\n// ============================================================================\n// Item Description\n// ============================================================================\n\n.leat-item__description {\n\t// Default styles - will be overridden by block typography settings\n\tfont-size: 14px;\n\tline-height: 1.5;\n\tcolor: var(--leat-text-secondary, #666);\n\tmargin: 8px 0 0 0;\n\ttext-align: center;\n\n\t// When inside WordPress blocks, inherit typography\n\t.wp-block-leat-earn-rules-list &,\n\t.wp-block-leat-spend-rules-list & {\n\t\t// Inherit base typography from block wrapper\n\t\tfont-family: inherit;\n\t\tfont-style: inherit;\n\t\ttext-transform: inherit;\n\t\ttext-decoration: inherit;\n\t\tletter-spacing: inherit;\n\t\tline-height: inherit;\n\t\t// Keep description slightly smaller than label\n\t\tfont-size: 0.875em;\n\t\t// Only keep layout and color styles\n\t\tcolor: var(--leat-text-secondary, #666);\n\t\tmargin: 8px 0 0 0;\n\t\ttext-align: center;\n\t}\n}\n\n// ============================================================================\n// Item Actions Zone\n// ============================================================================\n\n.leat-item__actions {\n\t// Fixed footer zone\n\tborder-top: 1px solid var(--leat-card-border, #ddd);\n\tpadding: 12px 16px;\n\tmin-height: 56px;\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 0.5rem;\n\talign-items: center;\n\tjustify-content: center;\n\tbackground: var(--leat-card-footer-bg, #f9f9f9);\n\tborder-radius: 0 0 8px 8px;\n\n\t// All buttons in action zone - only layout/sizing, let component handle colors\n\t.leat-button,\n\t.leat-block-components-button {\n\t\tmin-width: 140px;\n\t\twidth: auto;\n\t\tmin-height: 36px;\n\n\t\t// Display-only buttons (status indicators)\n\t\t&.is-display-only {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\tcursor: default;\n\t\t\tpointer-events: none;\n\n\t\t\tsvg {\n\t\t\t\tflex-shrink: 0;\n\t\t\t}\n\t\t}\n\n\t\t// Claimed status styling\n\t\t&.leat-button--claimed {\n\t\t\tcolor: var(--leat-success-color, #00a32a);\n\t\t\tbackground: var(--leat-success-bg, #f0f6fc);\n\n\t\t\t&:hover {\n\t\t\t\topacity: 1; // Override text button hover\n\t\t\t}\n\t\t}\n\n\t\t// Automatic status styling\n\t\t&.leat-button--automatic {\n\t\t\tcolor: var(--leat-info-color, #757575);\n\t\t\tbackground: var(--leat-info-bg, #f0f0f0);\n\n\t\t\t&:hover {\n\t\t\t\topacity: 1; // Override text button hover\n\t\t\t}\n\t\t}\n\t}\n}\n\n// ============================================================================\n// Item Error\n// ============================================================================\n\n.leat-item__error {\n\tcolor: var(--leat-error-color, #cc1818);\n\tfont-size: 12px;\n\tmargin-top: 8px;\n\ttext-align: center;\n}\n\n// ============================================================================\n// Item Success\n// ============================================================================\n\n.leat-item__success {\n\tcolor: var(--leat-success-color, #00a32a);\n\tbackground: var(--leat-success-bg, #f0f6fc);\n\tfont-size: 13px;\n\tmargin-top: 8px;\n\tpadding: 8px 12px;\n\ttext-align: center;\n\tborder-radius: 4px;\n\tfont-weight: 500;\n}\n\n// ============================================================================\n// Item Badge - Top Right Corner\n// ============================================================================\n\n.leat-item__badge {\n\tposition: absolute;\n\ttop: 12px;\n\tright: 12px;\n\tpadding: 0.375rem 0.75rem;\n\tfont-size: 0.875rem;\n\tfont-weight: 600;\n\tline-height: 1;\n\tborder-radius: 9999px;\n\tz-index: 1;\n\n\t// Default colors\n\tcolor: var(--leat-badge-text, #fff);\n\tbackground: var(--leat-badge-background, #2271b1);\n\n\t// Smooth transitions\n\ttransition: all 0.15s ease-out;\n}\n\n// ============================================================================\n// Insufficient Credits Message\n// ============================================================================\n\n.leat-item__insufficient {\n\tfont-size: 0.75rem;\n\tcolor: var(--leat-error-color, #dc2626);\n\ttext-align: center;\n\tmargin-top: 0.25rem;\n}\n\n// ============================================================================\n// Skeleton State\n// ============================================================================\n\n.leat-item--skeleton {\n\tpointer-events: none;\n\n\t.leat-block-components-skeleton__element {\n\t\tanimation: leat-item-skeleton-loading 1.5s ease-in-out infinite;\n\t}\n}\n\n@keyframes leat-item-skeleton-loading {\n\t0%,\n\t100% {\n\t\topacity: 1;\n\t}\n\t50% {\n\t\topacity: 0.4;\n\t}\n}\n\n// ============================================================================\n// Responsive Adjustments\n// ============================================================================\n\n@media (max-width: 768px) {\n\t.leat-item {\n\t\tmin-height: auto; // Allow flexible height on mobile\n\n\t\t&--compact {\n\t\t\tmin-height: auto;\n\t\t}\n\t}\n}\n","/**\n * Spend Rules List Block - Styles\n * Applied to both editor and frontend\n *\n * Layout (per Figma):\n *   ┌───────────────────────────┐\n *   │   image (rounded, tall)   │\n *   │                           │\n *   │ TITLE (bold, uppercase)   │\n *   │ 200 points                │\n *   │                           │\n *   │ ┌─ Redeem reward ──────┐  │  <- enough points\n *   │ └──────────────────────┘  │\n *   │     OR                    │\n *   │ Earn 182 more …      9%   │  <- not enough points\n *   │ ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔   │\n *   └───────────────────────────┘\n */\n\n.leat-spend-rules-list {\n\twidth: 100%;\n}\n\n.leat-spend-rules-list__grid {\n\tdisplay: grid;\n\tgap: 1.5rem;\n\tmargin: 0;\n\tpadding: 0;\n\n\t// Snap to two columns once cards get too narrow for the\n\t// progress-row label + 30px percentage to share a line.\n\t@media (max-width: 1100px) {\n\t\tgrid-template-columns: repeat(2, 1fr) !important;\n\t}\n\n\t@media (max-width: 600px) {\n\t\tgrid-template-columns: 1fr !important;\n\t}\n}\n\n// ----------------------------------------------------------------------------\n// Card — overrides the shared .leat-item primitive for this block's design\n// ----------------------------------------------------------------------------\n.leat-spend-rules-list__grid {\n\t.leat-item {\n\t\t--leat-image-aspect-ratio: 1 / 1;\n\n\t\tbackground: #ffffff;\n\t\tborder: none;\n\t\tborder-radius: 8px;\n\t\tpadding: 24px;\n\t\tgap: 24px;\n\t\tmin-height: 0;\n\t\tbox-shadow: none;\n\t\ttransition: transform 0.15s ease-out, box-shadow 0.15s ease-out;\n\n\t\t&:not(.leat-item--disabled):hover {\n\t\t\tborder-color: transparent;\n\t\t\tbox-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\n\t\t\ttransform: translateY(-2px);\n\t\t}\n\n\t\t// Image — fills card width, height derived from the configurable\n\t\t// aspect ratio (`1:1` by default). Sources are always `object-fit:\n\t\t// cover` cropped so cards in a grid stay visually consistent\n\t\t// regardless of the source image dimensions.\n\t\t//\n\t\t// `height: auto` is required: the shared `.leat-item__media`\n\t\t// primitive sets `height: 48px`, and an explicit height suppresses\n\t\t// `aspect-ratio` regardless of which selector wins specificity.\n\t\t[data-slot=\"item-media\"] {\n\t\t\twidth: 100%;\n\t\t\theight: auto;\n\t\t\taspect-ratio: var(--leat-image-aspect-ratio, 1 / 1);\n\t\t\tmargin: 0;\n\t\t\tborder-radius: 4px;\n\t\t\toverflow: hidden;\n\t\t\tdisplay: block;\n\n\t\t\timg {\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\tobject-fit: cover;\n\t\t\t\tborder-radius: 4px;\n\t\t\t\tbox-shadow: none;\n\t\t\t}\n\n\t\t\tsvg {\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t}\n\t\t}\n\n\t\t// Title + cost block\n\t\t[data-slot=\"item-content\"] {\n\t\t\tflex: 0 0 auto;\n\t\t\tpadding: 0;\n\t\t\talign-items: flex-start;\n\t\t\ttext-align: left;\n\t\t\tgap: 4px;\n\t\t}\n\n\t\t.leat-item__label {\n\t\t\tmargin: 0;\n\t\t\tmin-height: 0;\n\t\t\tdisplay: block;\n\t\t\ttext-align: left;\n\t\t\tfont-weight: 700;\n\t\t\ttext-transform: uppercase;\n\t\t\tfont-size: 19px;\n\t\t\tline-height: 1.1;\n\t\t\tcolor: #000;\n\t\t}\n\n\t\t.leat-item__description {\n\t\t\tmargin: 0;\n\t\t\ttext-align: left;\n\t\t\tfont-size: 14px;\n\t\t\tline-height: 1.4;\n\t\t\tcolor: var(--leat-text-secondary, #666);\n\t\t}\n\n\t\t// Cost subtitle (\"200 points\")\n\t\t.leat-spend-rule-card__cost {\n\t\t\tmargin: 0;\n\t\t\tfont-size: 18px;\n\t\t\tline-height: 1.2;\n\t\t\tcolor: #000;\n\t\t}\n\n\t\t// Action zone — borderless, no separator\n\t\t[data-slot=\"item-actions\"] {\n\t\t\tborder-top: none;\n\t\t\tbackground: transparent;\n\t\t\tpadding: 0;\n\t\t\tmin-height: 0;\n\t\t\twidth: 100%;\n\t\t\talign-items: stretch;\n\t\t}\n\t}\n}\n\n// ----------------------------------------------------------------------------\n// Primary action button — pill design comes from .leat-button--pill (shared).\n// Only layout overrides here (full-width inside the card).\n// ----------------------------------------------------------------------------\n.leat-spend-rule-card__redeem-button.leat-block-components-button {\n\twidth: 100%;\n}\n\n// ----------------------------------------------------------------------------\n// Insufficient-points state: progress section\n// ----------------------------------------------------------------------------\n.leat-spend-rule-card__progress {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 8px;\n\twidth: 100%;\n}\n\n.leat-spend-rule-card__progress-meta {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tgap: 12px;\n}\n\n.leat-spend-rule-card__progress-label {\n\tfont-size: 12px;\n\tline-height: 1.4;\n\tcolor: #000;\n}\n\n.leat-spend-rule-card__progress-percentage {\n\tflex: 0 0 auto;\n\tfont-weight: 700;\n\tfont-size: 30px;\n\tline-height: 1;\n\tcolor: #000;\n\tfont-variant-numeric: tabular-nums;\n\twhite-space: nowrap;\n}\n\n.leat-spend-rule-card__progress-bar {\n\tposition: relative;\n\twidth: 100%;\n\theight: 4px;\n\tbackground-color: #ededed;\n\tborder-radius: 10px;\n\toverflow: hidden;\n}\n\n.leat-spend-rule-card__progress-fill {\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\theight: 100%;\n\tbackground-color: #000;\n\tborder-radius: 10px;\n\ttransition: width 0.3s ease-out;\n}\n\n// ----------------------------------------------------------------------------\n// Loading, error, and empty states\n// ----------------------------------------------------------------------------\n.leat-spend-rules-list__loading,\n.leat-spend-rules-list__error,\n.leat-spend-rules-list__empty {\n\tpadding: 2rem;\n\ttext-align: center;\n\tcolor: #6b7280;\n}\n\n.leat-spend-rules-list__error {\n\tcolor: #dc2626;\n}\n\n.leat-spend-rules-list__empty-state {\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\tjustify-content: center;\n\tgap: 1.5rem;\n\tpadding: 3rem 2rem;\n\tmin-height: 300px;\n\ttext-align: center;\n\n\tp {\n\t\tmargin: 0;\n\t\tfont-size: 1.125rem;\n\t\tfont-weight: 500;\n\t\tcolor: #374151;\n\t\tmax-width: 500px;\n\t\tline-height: 1.6;\n\t}\n\n\t.leat-block-components-button {\n\t\tmin-width: 160px;\n\t}\n}\n\n// ----------------------------------------------------------------------------\n// Redeem reward modal (per Figma)\n// ----------------------------------------------------------------------------\n.leat-redeem-modal {\n\t&__preview {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 8px;\n\t\tpadding: 16px;\n\t\tbackground: rgba(0, 0, 0, 0.05);\n\t\tborder-radius: 8px;\n\t}\n\n\t&__preview-media {\n\t\tflex: 0 0 80px;\n\t\twidth: 80px;\n\t\theight: 80px;\n\t\tborder-radius: 7.273px;\n\t\toverflow: hidden;\n\t\tbackground: #fff;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\n\t\timg,\n\t\tsvg {\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tobject-fit: cover;\n\t\t\tdisplay: block;\n\t\t}\n\t}\n\n\t&__preview-info {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 8px;\n\t\tmin-width: 0;\n\t}\n\n\t&__preview-title {\n\t\tmargin: 0;\n\t\tfont-weight: 600;\n\t\tfont-size: 18px;\n\t\tline-height: 16.8px;\n\t\tcolor: #000;\n\t\tword-break: break-word;\n\t}\n\n\t&__preview-cost {\n\t\tmargin: 0;\n\t\tfont-weight: 400;\n\t\tfont-size: 18px;\n\t\tline-height: 18px;\n\t\tcolor: #000;\n\t}\n\n\t&__terms {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 4px;\n\t}\n\n\t&__terms-label {\n\t\tmargin: 0;\n\t\tfont-weight: 600;\n\t\tfont-size: 12px;\n\t\tline-height: 18px;\n\t\tcolor: #000;\n\t}\n\n\t&__terms-body {\n\t\tmargin: 0;\n\t\tfont-weight: 400;\n\t\tfont-size: 12px;\n\t\tline-height: 18px;\n\t\tcolor: #000;\n\t}\n\n\t// ----- Post-redemption state -----\n\t&__reward-row {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 16px;\n\t}\n\n\t&__reward-media {\n\t\tflex: 0 0 40px;\n\t\twidth: 40px;\n\t\theight: 40px;\n\t\tborder-radius: 4px;\n\t\toverflow: hidden;\n\t\tbackground: rgba(0, 0, 0, 0.04);\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\n\t\timg,\n\t\tsvg {\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tobject-fit: cover;\n\t\t\tdisplay: block;\n\t\t}\n\t}\n\n\t&__reward-title {\n\t\tmargin: 0;\n\t\tfont-weight: 600;\n\t\tfont-size: 18px;\n\t\tline-height: 1.2;\n\t\tcolor: #000;\n\t\tword-break: break-word;\n\t}\n\n\t&__code {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: space-between;\n\t\tgap: 16px;\n\t\tpadding: 16px 16px 16px 24px;\n\t\tbackground: #f5f5f5;\n\t\tborder-radius: 8px;\n\t}\n\n\t&__code-info {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 4px;\n\t\tmin-width: 0;\n\t}\n\n\t&__code-label {\n\t\tfont-weight: 400;\n\t\tfont-size: 14px;\n\t\tline-height: 18px;\n\t\tcolor: #000;\n\t}\n\n\t&__code-value {\n\t\tfont-family: inherit;\n\t\tfont-weight: 700;\n\t\tfont-size: 16px;\n\t\tline-height: 18px;\n\t\tcolor: #000;\n\t\tbackground: transparent;\n\t\tpadding: 0;\n\t\tletter-spacing: 0;\n\t\ttext-transform: none;\n\t\tuser-select: all;\n\t\twhite-space: nowrap;\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t}\n\n\t&__copy-button.leat-block-components-button {\n\t\tflex: 0 0 auto;\n\t\tmin-width: 0;\n\t\twidth: auto;\n\t\theight: auto;\n\t\tpadding: 14px 24px;\n\t\tborder-radius: 8px;\n\t\tbackground: #000;\n\t\tcolor: #fff;\n\t\tborder-color: transparent;\n\t\tfont-weight: 600;\n\t\tfont-size: 16px;\n\t\tline-height: 1;\n\t\ttext-transform: none;\n\t\tletter-spacing: 0;\n\t\twhite-space: nowrap;\n\t\tbox-shadow: none;\n\n\t\t&:hover:not([disabled]) {\n\t\t\tbackground: #000;\n\t\t\tcolor: #fff;\n\t\t\topacity: 0.9;\n\t\t}\n\t}\n\n\t&__success {\n\t\tmargin: 0;\n\t\tfont-size: 14px;\n\t\tline-height: 1.4;\n\t\tcolor: #000;\n\t}\n\n\t&__error {\n\t\tmargin: 0;\n\t\tfont-size: 13px;\n\t\tline-height: 1.4;\n\t\tcolor: #dc2626;\n\t}\n\n\t&__cta.leat-block-components-button {\n\t\twidth: 100%;\n\t}\n}\n","/**\n * Earn Rules List Block - Styles\n * Applied to both editor and frontend.\n *\n * Layout (per Figma):\n *   ┌──────────────────────────────────────────────────────────┐\n *   │  [icon]   Add a review                       ADD A REVIEW│\n *   │           100 points                                     │\n *   └──────────────────────────────────────────────────────────┘\n */\n\n.leat-earn-rules-list {\n\twidth: 100%;\n}\n\n.leat-earn-rules-list__grid {\n\tdisplay: grid;\n\tgap: 16px;\n\tmargin: 0;\n\tpadding: 0;\n\n\t@media (max-width: 768px) {\n\t\tgrid-template-columns: 1fr !important;\n\t}\n}\n\n// ----------------------------------------------------------------------------\n// Card — horizontal layout overrides for the shared .leat-item primitive\n// ----------------------------------------------------------------------------\n.leat-earn-rules-list__grid {\n\t.leat-item {\n\t\tflex-direction: row;\n\t\talign-items: center;\n\t\tgap: 16px;\n\t\tmin-height: 84px;\n\t\tpadding: 20px 24px;\n\t\tbackground: #ffffff;\n\t\tborder: none;\n\t\tborder-radius: 8px;\n\t\tbox-shadow: none;\n\n\t\t// Icon\n\t\t[data-slot=\"item-media\"] {\n\t\t\tflex: 0 0 44px;\n\t\t\twidth: 44px;\n\t\t\theight: 44px;\n\t\t\tmargin: 0;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\tcolor: #000;\n\n\t\t\t> div {\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t}\n\n\t\t\tsvg {\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\tdisplay: block;\n\t\t\t}\n\n\t\t\timg {\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\tobject-fit: contain;\n\t\t\t}\n\t\t}\n\n\t\t// Text column\n\t\t[data-slot=\"item-content\"] {\n\t\t\tflex: 1 1 auto;\n\t\t\tmin-width: 0;\n\t\t\tpadding: 0;\n\t\t\talign-items: flex-start;\n\t\t\tjustify-content: center;\n\t\t\ttext-align: left;\n\t\t\tgap: 2px;\n\t\t}\n\n\t\t.leat-item__label {\n\t\t\tmargin: 0;\n\t\t\tmin-height: 0;\n\t\t\tdisplay: block;\n\t\t\ttext-align: left;\n\t\t\tfont-weight: 400;\n\t\t\ttext-transform: none;\n\t\t\tfont-size: 14px;\n\t\t\tline-height: 1.2;\n\t\t\tcolor: #000;\n\t\t}\n\n\t\t.leat-item__meta {\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\t\t\tbackground: transparent;\n\t\t\tfont-weight: 700;\n\t\t\tfont-size: 14px;\n\t\t\tline-height: 1.5;\n\t\t\tcolor: #000;\n\t\t\tdisplay: block;\n\t\t}\n\n\t\t// Action zone — right-aligned, no separator, no footer chrome\n\t\t[data-slot=\"item-actions\"] {\n\t\t\tflex: 0 0 auto;\n\t\t\tflex-direction: row;\n\t\t\tborder-top: none;\n\t\t\tbackground: transparent;\n\t\t\tpadding: 0;\n\t\t\tmin-height: 0;\n\t\t\tmargin-left: auto;\n\t\t\talign-items: center;\n\t\t\tjustify-content: flex-end;\n\t\t\tgap: 8px;\n\t\t}\n\t}\n}\n\n// ----------------------------------------------------------------------------\n// Action — uppercase underlined link style (claim / sign-in / join / automatic)\n// ----------------------------------------------------------------------------\n.leat-earn-rules-list__grid {\n\t.leat-item__actions .leat-block-components-button {\n\t\tbackground: transparent;\n\t\tborder: none;\n\t\tcolor: #000;\n\t\tpadding: 0;\n\t\tmin-width: 0;\n\t\tmin-height: 0;\n\t\twidth: auto;\n\t\theight: auto;\n\t\tfont-weight: 400;\n\t\tfont-size: 12px;\n\t\tline-height: 21px;\n\t\tletter-spacing: 0;\n\t\ttext-transform: none;\n\t\ttext-decoration: underline;\n\t\ttext-underline-offset: 2px;\n\t\ttext-decoration-thickness: from-font;\n\t\twhite-space: nowrap;\n\t\tbox-shadow: none;\n\n\t\t&:hover:not([disabled]) {\n\t\t\tbackground: transparent;\n\t\t\tcolor: #000;\n\t\t}\n\n\t\t&[disabled] {\n\t\t\topacity: 0.6;\n\t\t\tcursor: not-allowed;\n\t\t\tbackground: transparent;\n\t\t}\n\t}\n\n\t// Claimed / completed pill (per Figma 251:5524)\n\t.leat-item__actions .leat-block-components-button.leat-button--claimed {\n\t\tbackground-color: #ededed !important;\n\t\tcolor: #000 !important;\n\t\ttext-decoration: none !important;\n\t\tpadding: 6px 9px !important;\n\t\tborder-radius: 8px !important;\n\t\tdisplay: inline-flex !important;\n\t\talign-items: center;\n\t\tgap: 10px;\n\t\tfont-weight: 400;\n\t\tfont-size: 12px;\n\t\tline-height: 16.8px;\n\n\t\tsvg {\n\t\t\tflex-shrink: 0;\n\t\t\twidth: 18px;\n\t\t\theight: 18px;\n\t\t}\n\n\t\t&:hover {\n\t\t\tbackground-color: #ededed !important;\n\t\t\ttext-decoration: none !important;\n\t\t}\n\t}\n}\n\n// ----------------------------------------------------------------------------\n// States: loading, error, empty\n// ----------------------------------------------------------------------------\n.leat-earn-rules-list__loading,\n.leat-earn-rules-list__error,\n.leat-earn-rules-list__empty-state {\n\tpadding: 2rem;\n\ttext-align: center;\n\tcolor: #6b7280;\n\n\tp {\n\t\tmargin: 0 0 1rem;\n\t\tfont-size: 1rem;\n\t\tline-height: 1.5;\n\t}\n}\n\n.leat-earn-rules-list__error {\n\tcolor: #dc2626;\n}\n\n.leat-earn-rules-list__empty-state {\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\tjustify-content: center;\n\tgap: 1rem;\n\tpadding: 2rem;\n}\n","/**\n * Spend Rules Checkout Block Styles\n *\n * Checkout-optimized layout for rewards display\n * Imports base styles from the regular spend-rules-list block\n */\n\n// Import base item component styles (used by both earn and spend rules)\n@import '../_shared/components/item/item.scss';\n\n// Import base styles from the regular spend-rules-list\n@import '../spend-rules-list/style.scss';\n\n// Import earn rules list styles (for the earn tab)\n@import '../earn-rules-list/style.scss';\n\n// ============================================================================\n// Tabs Component Styles\n// ============================================================================\n\n.leat-rewards-checkout-tabs {\n\twidth: 100%;\n\n\t&__list {\n\t\tdisplay: flex;\n\t\tborder-bottom: 1px solid #e0e0e0;\n\t\tmargin-bottom: 16px;\n\t\tgap: 0;\n\t}\n\n\t&__trigger {\n\t\tflex: 1;\n\t\tpadding: 12px 16px;\n\t\tborder: none;\n\t\tbackground: transparent;\n\t\tfont-size: 14px;\n\t\tfont-weight: 500;\n\t\tcolor: #666;\n\t\tcursor: pointer;\n\t\tposition: relative;\n\t\ttransition: color 0.2s ease, background-color 0.2s ease;\n\t\ttext-align: center;\n\n\t\t&:hover:not([disabled]) {\n\t\t\tcolor: #333;\n\t\t\tbackground-color: rgba(0, 0, 0, 0.04);\n\t\t}\n\n\t\t&:focus-visible {\n\t\t\toutline: 2px solid var(--wp--preset--color--vivid-cyan-blue, #0693e3);\n\t\t\toutline-offset: -2px;\n\t\t}\n\n\t\t&[data-state=\"active\"] {\n\t\t\tcolor: #333;\n\n\t\t\t&::after {\n\t\t\t\tcontent: '';\n\t\t\t\tposition: absolute;\n\t\t\t\tbottom: -1px;\n\t\t\t\tleft: 0;\n\t\t\t\tright: 0;\n\t\t\t\theight: 2px;\n\t\t\t\tbackground-color: var(--wp--preset--color--vivid-cyan-blue, #0693e3);\n\t\t\t}\n\t\t}\n\n\t\t&[disabled] {\n\t\t\tcolor: #999;\n\t\t\tcursor: not-allowed;\n\t\t}\n\t}\n\n\t&__content {\n\t\toutline: none;\n\n\t\t&:focus-visible {\n\t\t\toutline: 2px solid var(--wp--preset--color--vivid-cyan-blue, #0693e3);\n\t\t\toutline-offset: 2px;\n\t\t}\n\t}\n}\n\n// ============================================================================\n// Checkout-Specific Overrides\n// ============================================================================\n\n.wp-block-leat-spend-rules-checkout {\n\t// Checkout blocks should have a clean, compact layout\n\tmargin: 0;\n\n\t// Preview in editor (disabled state)\n\t.leat-spend-rules-checkout__preview {\n\t\tpadding: 16px;\n\t\tbackground: #ffffff;\n\t\tborder: 1px dashed #ddd;\n\t\tborder-radius: 4px;\n\t\ttext-align: center;\n\n\t\t&--disabled {\n\t\t\tbackground: #f5f5f5;\n\t\t\tcolor: #999;\n\n\t\t\tp {\n\t\t\t\tmargin: 0;\n\t\t\t\tfont-style: italic;\n\t\t\t}\n\t\t}\n\t}\n\n\t// Editor preview with realistic styling\n\t.leat-spend-rules-checkout__editor-preview {\n\t\tbackground: #fff;\n\n\t\t// Button styles for editor preview\n\t\t.leat-button {\n\t\t\tdisplay: inline-flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\tpadding: 8px 16px;\n\t\t\tborder: none;\n\t\t\tborder-radius: 4px;\n\t\t\tfont-size: 14px;\n\t\t\tfont-weight: 500;\n\t\t\tcursor: pointer;\n\t\t\ttransition: opacity 0.2s ease;\n\n\t\t\t&--contained {\n\t\t\t\tbackground: #333;\n\t\t\t\tcolor: #fff;\n\n\t\t\t\t&:hover {\n\t\t\t\t\topacity: 0.9;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&--compact {\n\t\t\t\tpadding: 6px 12px;\n\t\t\t\tfont-size: 13px;\n\t\t\t\tmin-width: 70px;\n\t\t\t}\n\n\t\t\t&:disabled {\n\t\t\t\topacity: 0.5;\n\t\t\t\tcursor: not-allowed;\n\t\t\t}\n\t\t}\n\t}\n\n\t// Grid layout\n\t.leat-spend-rules-checkout__grid {\n\t\tdisplay: grid;\n\t\tgap: 16px;\n\n\t\t// Override for single column in checkout sidebar\n\t\t&[style*=\"repeat(1\"] {\n\t\t\tgrid-template-columns: 1fr;\n\t\t}\n\n\t\t// Two columns (if merchant chooses)\n\t\t&[style*=\"repeat(2\"] {\n\t\t\tgrid-template-columns: repeat(2, 1fr);\n\n\t\t\t@media (max-width: 768px) {\n\t\t\t\tgrid-template-columns: 1fr;\n\t\t\t}\n\t\t}\n\t}\n\n\t// Empty states\n\t.leat-spend-rules-checkout__empty-state,\n\t.leat-spend-rules-checkout__empty {\n\t\tpadding: 20px;\n\t\ttext-align: center;\n\t\tbackground: #f9f9f9;\n\t\tborder-radius: 4px;\n\n\t\tp {\n\t\t\tmargin: 0 0 12px;\n\t\t\tcolor: #666;\n\t\t\tfont-size: 14px;\n\t\t}\n\t}\n\n\t// Error state\n\t.leat-spend-rules-checkout__error {\n\t\tpadding: 12px;\n\t\tbackground: #f8d7da;\n\t\tborder: 1px solid #f5c6cb;\n\t\tborder-radius: 4px;\n\t\tcolor: #721c24;\n\t\tfont-size: 14px;\n\t}\n\n\t// Compact card layout for checkout\n\t.leat-item {\n\t\t// Slightly smaller cards in checkout\n\t\t.leat-item__content {\n\t\t\tpadding: 12px;\n\t\t}\n\n\t\t// Smaller images in checkout\n\t\t.leat-item__media {\n\t\t\timg,\n\t\t\tsvg {\n\t\t\t\tmax-height: var(--leat-image-height, 150px);\n\t\t\t}\n\t\t}\n\n\t\t// Compact typography\n\t\t.leat-spend-rule-card__label--no-description {\n\t\t\tfont-size: 14px;\n\t\t}\n\n\t\t.leat-item__description {\n\t\t\tfont-size: 13px;\n\t\t}\n\t}\n\n\t// Progress meters - keep same style\n\t.leat-spend-rule-card__progress {\n\t\tmargin-top: 12px;\n\t}\n\n\t// Buttons - consistent with checkout design\n\t.leat-button--small {\n\t\twidth: 100%;\n\t\tpadding: 8px 16px;\n\t\tfont-size: 14px;\n\t}\n\n\t// Badge positioning\n\t.leat-item__badge {\n\t\ttop: 8px;\n\t\tright: 8px;\n\t\tpadding: 4px 8px;\n\t\tfont-size: 12px;\n\t}\n\n\t// Success message styling\n\t.leat-item__success {\n\t\tmargin-top: 12px;\n\t\tpadding: 8px;\n\t\tbackground: #d4edda;\n\t\tborder-radius: 4px;\n\t\tcolor: #155724;\n\t\tfont-size: 13px;\n\t\ttext-align: center;\n\t}\n\n\t// Coupon code display\n\t.leat-item__meta--coupon-code {\n\t\tmargin-top: 8px;\n\t}\n}\n\n// ============================================================================\n// WooCommerce Checkout Integration\n// ============================================================================\n\n// Ensure the block fits well in WooCommerce checkout sidebar\n.wc-block-checkout {\n\t.wp-block-leat-spend-rules-checkout {\n\t\t// Match WooCommerce checkout block styling\n\t\tbackground: #fff;\n\t\tpadding: 16px;\n\t\tborder: 1px solid #e0e0e0;\n\t\tborder-radius: 4px;\n\n\t\t// Ensure proper spacing in checkout context\n\t\t&:not(:last-child) {\n\t\t\tmargin-bottom: 16px;\n\t\t}\n\t}\n}\n\n// Mobile optimization\n@media (max-width: 768px) {\n\t.leat-rewards-checkout-tabs {\n\t\t&__list {\n\t\t\t// Full-width tabs on mobile\n\t\t\tflex-wrap: nowrap;\n\t\t}\n\n\t\t&__trigger {\n\t\t\tpadding: 10px 12px;\n\t\t\tfont-size: 13px;\n\t\t\tmin-width: 0;\n\n\t\t\t// Truncate long labels\n\t\t\twhite-space: nowrap;\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t}\n\t}\n\n\t.wp-block-leat-spend-rules-checkout {\n\t\t.leat-spend-rules-checkout__grid {\n\t\t\tgap: 12px;\n\t\t}\n\n\t\t.leat-item {\n\t\t\t.leat-item__content {\n\t\t\t\tpadding: 10px;\n\t\t\t}\n\t\t}\n\t}\n}\n\n// ============================================================================\n// Compact List Item Styles\n// ============================================================================\n\n.leat-checkout-list {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 0;\n\tbackground: #fff;\n\tborder-radius: 4px;\n\tmax-height: 300px;\n\toverflow-y: auto;\n\toverflow-x: hidden;\n\n\t// Custom scrollbar styling\n\t&::-webkit-scrollbar {\n\t\twidth: 5px;\n\t}\n\n\t&::-webkit-scrollbar-track {\n\t\tbackground: #f5f5f5;\n\t\tborder-radius: 3px;\n\t}\n\n\t&::-webkit-scrollbar-thumb {\n\t\tbackground: #ccc;\n\t\tborder-radius: 3px;\n\n\t\t&:hover {\n\t\t\tbackground: #aaa;\n\t\t}\n\t}\n\n\t// Firefox scrollbar\n\tscrollbar-width: thin;\n\tscrollbar-color: #ccc #f5f5f5;\n}\n\n.leat-checkout-list-item {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 12px;\n\tpadding: 12px 16px;\n\tborder-bottom: 1px solid #e0e0e0;\n\ttransition: background-color 0.15s ease;\n\n\t&:last-child {\n\t\tborder-bottom: none;\n\t}\n\n\t&:hover {\n\t\tbackground-color: rgba(0, 0, 0, 0.02);\n\t}\n\n\t// Icon/image container\n\t&__media {\n\t\twidth: 40px;\n\t\theight: 40px;\n\t\tflex-shrink: 0;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tborder-radius: 4px;\n\t\tbackground: #f5f5f5;\n\t\toverflow: hidden;\n\n\t\timg {\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tobject-fit: cover;\n\t\t}\n\n\t\tsvg {\n\t\t\twidth: 24px;\n\t\t\theight: 24px;\n\t\t\tcolor: #666;\n\t\t}\n\t}\n\n\t// Label and secondary info\n\t&__content {\n\t\tflex: 1;\n\t\tmin-width: 0; // Allow text truncation\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 2px;\n\t}\n\n\t&__label {\n\t\tfont-size: 14px;\n\t\tfont-weight: 500;\n\t\tcolor: #333;\n\t\tmargin: 0;\n\t\tline-height: 1.3;\n\n\t\t// Truncate long labels\n\t\twhite-space: nowrap;\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t}\n\n\t&__meta {\n\t\tfont-size: 12px;\n\t\tcolor: #666;\n\t\tmargin: 0;\n\t}\n\n\t&__code {\n\t\tfont-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;\n\t\tfont-size: 12px;\n\t\tcolor: #666;\n\t\tbackground: #f0f0f0;\n\t\tpadding: 2px 6px;\n\t\tborder-radius: 3px;\n\t\tdisplay: inline-block;\n\t}\n\n\t// Action button area\n\t&__action {\n\t\tflex-shrink: 0;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 8px;\n\t}\n\n\t// Button styles for compact list items\n\t.leat-button--compact {\n\t\tpadding: 6px 12px;\n\t\tfont-size: 13px;\n\t\tmin-width: 70px;\n\t}\n\n\t// Disabled/insufficient state\n\t&--disabled {\n\t\topacity: 0.6;\n\n\t\t.leat-checkout-list-item__label {\n\t\t\tcolor: #999;\n\t\t}\n\t}\n\n\t// Applied state (for coupons)\n\t&--applied {\n\t\tbackground-color: rgba(0, 208, 132, 0.08);\n\n\t\t.leat-checkout-list-item__label {\n\t\t\tcolor: #155724;\n\t\t}\n\t}\n\n\t// Error state\n\t&__error {\n\t\tfont-size: 12px;\n\t\tcolor: #dc3545;\n\t\tmargin-top: 4px;\n\t}\n\n\t// Success message\n\t&__success {\n\t\tfont-size: 12px;\n\t\tcolor: #155724;\n\t\tmargin-top: 4px;\n\t}\n}\n\n// Progress bar for spend rules in compact mode\n.leat-checkout-list-item__progress {\n\twidth: 100%;\n\tmargin-top: 4px;\n\n\t&-bar {\n\t\theight: 4px;\n\t\tbackground: #e0e0e0;\n\t\tborder-radius: 2px;\n\t\toverflow: hidden;\n\t}\n\n\t&-fill {\n\t\theight: 100%;\n\t\tborder-radius: 2px;\n\t\ttransition: width 0.3s ease;\n\t}\n\n\t&-text {\n\t\tfont-size: 11px;\n\t\tcolor: #666;\n\t\tmargin-top: 2px;\n\t}\n}\n\n// Mobile stack for compact list items\n@media (max-width: 480px) {\n\t.leat-checkout-list-item {\n\t\tflex-direction: column;\n\t\talign-items: stretch;\n\t\ttext-align: center;\n\t\tpadding: 16px;\n\t\tgap: 8px;\n\n\t\t&__media {\n\t\t\tmargin: 0 auto;\n\t\t}\n\n\t\t&__content {\n\t\t\talign-items: center;\n\t\t}\n\n\t\t&__label {\n\t\t\twhite-space: normal;\n\t\t\ttext-align: center;\n\t\t}\n\n\t\t&__action {\n\t\t\tjustify-content: center;\n\t\t\tmargin-top: 8px;\n\t\t}\n\n\t\t.leat-button--compact {\n\t\t\twidth: 100%;\n\t\t}\n\t}\n}\n"],"names":[],"sourceRoot":""}