{"version":3,"file":"css/blocks.css","mappings":";;;AAAA;EACC;AACD,C;;;;ACCC;EACC;AAFF;AAMC;EACC;EACA;EACA;EACA;EACA;AAJF,C;;;;ACTA,gBAAgB;AAGf;EACC;EACA;EACA;EACA;AADF;AAGE;EACC;AADH;;AAOA;EACC;EACA;EACA;AAJD;AAMC;EACC;EACA;AAJF;AAOC;EACC;EACA;EACA;EACA;EACA;EACA;AALF;AAOE;EACC;EACA;EACA;EACA;AALH;AASC;;;;EAIC;EACA;EACA;EACA;EACA;EACA;AAPF;AASE;;;;EACC;EACA;EACA;EACA;EACA;EACA;AAJH;AAQC;;EAEC;EACA;EACA;AANF;AASC;;EAEC;EACA;EACA;EACA;EACA;EACA;AAPF;AASE;;EACC;EACA;EACA;EACA;EACA;EACA;AANH;AASE;;EACC;EACA;AANH;AAUC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AARF;AAUE;EACC;EACA;EACA;AARH;AAWE;EACC;EACA;EACA;AATH;AAYE;EACC;EACA;EACA;AAVH;AAcC;EACC;EACA;AAZF;AAeC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AAbF;AAeE;EACC;AAbH;AAgBE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAdH;AAgBG;EACC;EACA;EACA;AAdJ;AAiBG;EACC;EACA;AAfJ;AAmBE;EACC;AAjBH;AAmBG;EACC;EACA;EACA;EACA;AAjBJ;AAoBG;EACC;EACA;AAlBJ;AAoBI;EACC;AAlBL;AAwBC;EACC;EACA;AAtBF;AAyBC;EACC;EACA;EACA;EACA;AAvBF;AAyBE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AAvBH;AAyBG;EACC;EACA;AAvBJ;AA0BG;EACC;EACA;EACA;AAxBJ;AA8BC;EA1MD;IA2ME;EA3BA;EA6BA;IACC;EA3BD;EA6BC;IACC;EA3BF;EA+BA;;;;IAIC;EA7BD;EAgCA;;IAEC;EA9BD;EAiCA;IACC;IACA;EA/BD;EAiCC;IACC;EA/BF;AACF;AAmCC;EAEC;IACC;EAlCD;EAoCC;IACC;EAlCF;EAsCA;;IAEC;EApCD;AACF,C","sources":["webpack://redfox-thank-you/./src/blocks/customer-details/style.scss","webpack://redfox-thank-you/./src/blocks/inline-container/style.scss","webpack://redfox-thank-you/./src/blocks/thank-you-block/style.scss"],"sourcesContent":[".redfox-thank-you-customer-details__label {\n\tmargin-right: 0.25rem;\n}\n","// Base flex container styles for both editor and frontend\n.wp-block-redfox-thank-you-inline-container {\n\n\t.block-editor-inner-blocks {\n\t\twidth: 100%;\n\t}\n\n\t// Editor-specific: InnerBlocks layout\n\t.block-editor-block-list__layout {\n\t\tdisplay: flex;\n\t\twidth: 100%;\n\t\tflex-wrap: nowrap;\n\t\tcolumn-gap: 20px;\n\t\trow-gap: 20px;\n\t}\n}\n","// Editor styles for the Thank You block\n.wp-block-redfox-thank-you {\n\n\t&.redfox-thank-you-block {\n\t\tborder: 1px solid #e0e0e0;\n\t\tborder-radius: 8px;\n\t\tpadding: 24px;\n\t\tmargin: 16px 0;\n\n\t\t.editor-preview-notice {\n\t\t\tmargin-bottom: 20px;\n\t\t}\n\t}\n}\n\n// Frontend and Editor shared styles\n.redfox-thank-you-block {\n\tfont-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\n\tline-height: 1.6;\n\tcolor: #333;\n\n\t.redfox-thank-you-content {\n\t\tmax-width: 800px;\n\t\tmargin: 0 auto;\n\t}\n\n\t.redfox-thank-you-message {\n\t\ttext-align: center;\n\t\tmargin-bottom: 32px;\n\t\tpadding: 24px;\n\t\tbackground: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n\t\tcolor: #fff;\n\t\tborder-radius: 12px;\n\n\t\th2 {\n\t\t\tmargin: 0;\n\t\t\tfont-size: 2rem;\n\t\t\tfont-weight: 600;\n\t\t\ttext-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n\t\t}\n\t}\n\n\t.redfox-thank-you-order-details,\n\t.redfox-thank-you-customer-info,\n\t.redfox-thank-you-order-items,\n\t.redfox-thank-you-downloads {\n\t\tbackground: #fff;\n\t\tborder: 1px solid #e0e0e0;\n\t\tborder-radius: 8px;\n\t\tpadding: 24px;\n\t\tmargin-bottom: 24px;\n\t\tbox-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n\n\t\th3 {\n\t\t\tmargin: 0 0 20px 0;\n\t\t\tpadding-bottom: 12px;\n\t\t\tborder-bottom: 2px solid #f0f0f0;\n\t\t\tfont-size: 1.4rem;\n\t\t\tfont-weight: 600;\n\t\t\tcolor: #2c3e50;\n\t\t}\n\t}\n\n\t.order-info-grid,\n\t.customer-info-grid {\n\t\tdisplay: grid;\n\t\tgrid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n\t\tgap: 16px;\n\t}\n\n\t.order-info-item,\n\t.customer-info-item {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tpadding: 16px;\n\t\tbackground: #f8f9fa;\n\t\tborder-radius: 6px;\n\t\tborder-left: 4px solid #667eea;\n\n\t\tstrong {\n\t\t\tfont-weight: 600;\n\t\t\tcolor: #2c3e50;\n\t\t\tmargin-bottom: 4px;\n\t\t\tfont-size: 0.9rem;\n\t\t\ttext-transform: uppercase;\n\t\t\tletter-spacing: 0.5px;\n\t\t}\n\n\t\tspan {\n\t\t\tfont-size: 1.1rem;\n\t\t\tcolor: #34495e;\n\t\t}\n\t}\n\n\t.order-status {\n\t\tdisplay: inline-block;\n\t\tpadding: 4px 12px;\n\t\tborder-radius: 20px;\n\t\tfont-size: 0.9rem;\n\t\tfont-weight: 600;\n\t\ttext-transform: uppercase;\n\t\tletter-spacing: 0.5px;\n\n\t\t&.status-completed {\n\t\t\tbackground-color: #d4edda;\n\t\t\tcolor: #155724;\n\t\t\tborder: 1px solid #c3e6cb;\n\t\t}\n\n\t\t&.status-processing {\n\t\t\tbackground-color: #fff3cd;\n\t\t\tcolor: #856404;\n\t\t\tborder: 1px solid #ffeaa7;\n\t\t}\n\n\t\t&.status-pending {\n\t\t\tbackground-color: #f8d7da;\n\t\t\tcolor: #721c24;\n\t\t\tborder: 1px solid #f5c6cb;\n\t\t}\n\t}\n\n\t.order-items-list {\n\t\tdisplay: grid;\n\t\tgap: 16px;\n\t}\n\n\t.order-item {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tpadding: 20px;\n\t\tbackground: #f8f9fa;\n\t\tborder-radius: 8px;\n\t\tborder: 1px solid #e9ecef;\n\t\ttransition: box-shadow 0.2s ease;\n\n\t\t&:hover {\n\t\t\tbox-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n\t\t}\n\n\t\t.item-image {\n\t\t\twidth: 80px;\n\t\t\theight: 80px;\n\t\t\tmargin-right: 20px;\n\t\t\tborder-radius: 6px;\n\t\t\toverflow: hidden;\n\t\t\tbackground: #e9ecef;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\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}\n\n\t\t\t.placeholder {\n\t\t\t\tcolor: #6c757d;\n\t\t\t\tfont-size: 2rem;\n\t\t\t}\n\t\t}\n\n\t\t.item-details {\n\t\t\tflex: 1;\n\n\t\t\t.item-name {\n\t\t\t\tfont-size: 1.2rem;\n\t\t\t\tfont-weight: 600;\n\t\t\t\tcolor: #2c3e50;\n\t\t\t\tmargin-bottom: 8px;\n\t\t\t}\n\n\t\t\t.item-meta {\n\t\t\t\tcolor: #6c757d;\n\t\t\t\tfont-size: 1rem;\n\n\t\t\t\tstrong {\n\t\t\t\t\tcolor: #495057;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.downloads-list {\n\t\tdisplay: grid;\n\t\tgap: 12px;\n\t}\n\n\t.download-item {\n\t\tpadding: 16px;\n\t\tbackground: #f8f9fa;\n\t\tborder-radius: 6px;\n\t\tborder: 1px solid #e9ecef;\n\n\t\t.download-link {\n\t\t\tdisplay: inline-flex;\n\t\t\talign-items: center;\n\t\t\tcolor: #667eea;\n\t\t\ttext-decoration: none;\n\t\t\tfont-weight: 600;\n\t\t\tfont-size: 1.1rem;\n\t\t\ttransition: color 0.2s ease;\n\n\t\t\t&:hover {\n\t\t\t\tcolor: #5a6fd8;\n\t\t\t\ttext-decoration: underline;\n\t\t\t}\n\n\t\t\t&::before {\n\t\t\t\tcontent: \"⬇\";\n\t\t\t\tmargin-right: 8px;\n\t\t\t\tfont-size: 1.2rem;\n\t\t\t}\n\t\t}\n\t}\n\n\t// Responsive design\n\t@media (max-width: 768px) {\n\t\tpadding: 16px;\n\n\t\t.redfox-thank-you-message {\n\t\t\tpadding: 20px;\n\n\t\t\th2 {\n\t\t\t\tfont-size: 1.6rem;\n\t\t\t}\n\t\t}\n\n\t\t.redfox-thank-you-order-details,\n\t\t.redfox-thank-you-customer-info,\n\t\t.redfox-thank-you-order-items,\n\t\t.redfox-thank-you-downloads {\n\t\t\tpadding: 16px;\n\t\t}\n\n\t\t.order-info-grid,\n\t\t.customer-info-grid {\n\t\t\tgrid-template-columns: 1fr;\n\t\t}\n\n\t\t.order-item {\n\t\t\tflex-direction: column;\n\t\t\ttext-align: center;\n\n\t\t\t.item-image {\n\t\t\t\tmargin: 0 0 16px 0;\n\t\t\t}\n\t\t}\n\t}\n\n\t@media (max-width: 480px) {\n\n\t\t.redfox-thank-you-message {\n\t\t\tpadding: 16px;\n\n\t\t\th2 {\n\t\t\t\tfont-size: 1.4rem;\n\t\t\t}\n\t\t}\n\n\t\t.order-info-item,\n\t\t.customer-info-item {\n\t\t\tpadding: 12px;\n\t\t}\n\t}\n}\n"],"names":[],"sourceRoot":""}