{"version":3,"file":"styles/admin/setup-wizard.css","mappings":"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","sources":["webpack:///./assets/scss/admin/setup-wizard.scss"],"sourcesContent":["/**\n * EazyDocs Setup Wizard Styles\n * Modern, beautiful UI with smooth animations and premium feel\n *\n * @package EazyDocs\n */\n\n@use \"sass:color\";\n\n// Variables\n$primary-color: #007fff;\n$primary-dark: #0066cc;\n$primary-light: #e6f2ff;\n$success-color: #00b16e;\n$success-light: #e6f9f1;\n$warning-color: #f5a623;\n$danger-color: #e74c3c;\n$pro-color: #9b59b6;\n\n$text-primary: #1e1e1e;\n$text-secondary: #6b7280;\n$text-muted: #9ca3af;\n\n$border-color: #e5e7eb;\n$border-light: #f3f4f6;\n$bg-light: #f9fafb;\n$bg-white: #ffffff;\n\n$shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);\n$shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1),\n\t0 2px 4px -1px rgba(0, 0, 0, 0.06);\n$shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1),\n\t0 4px 6px -2px rgba(0, 0, 0, 0.05);\n$shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n\t0 10px 10px -5px rgba(0, 0, 0, 0.04);\n\n$radius-sm: 6px;\n$radius-md: 10px;\n$radius-lg: 16px;\n$radius-full: 9999px;\n\n$transition-fast: 0.15s ease;\n$transition-base: 0.3s ease;\n$transition-slow: 0.5s ease;\n\n// Reset and Base - Full Screen Mode\n.ezd-setup-page {\n\tbackground: linear-gradient(135deg, #f5f7fa 0%, #e4e9f2 100%);\n\theight: 100vh;\n\tmargin: 0;\n\tpadding: 0;\n\tposition: fixed;\n\ttop: 0;\n\tleft: 0;\n\tright: 0;\n\tbottom: 0;\n\tz-index: 99999;\n\toverflow: hidden;\n\tdisplay: flex;\n\tflex-direction: column;\n\n\t*,\n\t*::before,\n\t*::after {\n\t\tbox-sizing: border-box;\n\t}\n}\n\n// Hide WordPress admin UI when setup wizard is active\n// Note: Body class may be 'eazydocs_page_eazydocs-initial-setup' or 'documentation_page_eazydocs-initial-setup'\nbody.eazydocs_page_eazydocs-initial-setup,\nbody.documentation_page_eazydocs-initial-setup {\n\toverflow: hidden;\n\n\t#wpcontent,\n\t#wpfooter {\n\t\tmargin-left: 0 !important;\n\t\tpadding-left: 0 !important;\n\t}\n\n\t#adminmenumain,\n\t#adminmenuback,\n\t#adminmenuwrap,\n\t#wpadminbar {\n\t\tdisplay: none !important;\n\t}\n\n\t// Reset the content area\n\t.wrap {\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t}\n}\n\n// Modern Header\n.ezd-setup-wizard-wrapper {\n\tbackground: $bg-white;\n\tbox-shadow: $shadow-md;\n\tdisplay: flex;\n\theight: 56px;\n\tmin-height: 56px;\n\tflex-shrink: 0;\n\tjustify-content: space-between;\n\tpadding: 0 24px;\n\talign-items: center;\n\tz-index: 100;\n\n\t.ezd-setup-wizard-header {\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\twidth: 100%;\n\t\talign-items: center;\n\t}\n\n\t.ezd-setup-logo {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 12px;\n\n\t\timg {\n\t\t\twidth: 36px;\n\t\t\theight: 36px;\n\t\t}\n\n\t\t.ezd-logo-text {\n\t\t\tfont-size: 20px;\n\t\t\tfont-weight: 600;\n\t\t\tcolor: $text-primary;\n\t\t}\n\n\t\t.ezd-setup-badge {\n\t\t\tbackground: linear-gradient(135deg,\n\t\t\t\t\t$primary-color 0%,\n\t\t\t\t\t$primary-dark 100%);\n\t\t\tcolor: white;\n\t\t\tfont-size: 11px;\n\t\t\tfont-weight: 600;\n\t\t\tpadding: 4px 10px;\n\t\t\tborder-radius: $radius-full;\n\t\t\ttext-transform: uppercase;\n\t\t\tletter-spacing: 0.5px;\n\t\t}\n\t}\n\n\t.ezd-setup-header-actions {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 16px;\n\n\t\t.ezd-header-link {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tgap: 6px;\n\t\t\tcolor: $text-secondary;\n\t\t\ttext-decoration: none;\n\t\t\tfont-size: 14px;\n\t\t\tfont-weight: 500;\n\t\t\tpadding: 8px 12px;\n\t\t\tborder-radius: $radius-sm;\n\t\t\ttransition: all $transition-fast;\n\n\t\t\t.dashicons {\n\t\t\t\tfont-size: 16px;\n\t\t\t\twidth: 16px;\n\t\t\t\theight: 16px;\n\t\t\t}\n\n\t\t\t&:hover {\n\t\t\t\tcolor: $primary-color;\n\t\t\t\tbackground: $primary-light;\n\t\t\t}\n\t\t}\n\n\t\t.ezd-skip-btn {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tgap: 6px;\n\t\t\tcolor: $text-secondary;\n\t\t\ttext-decoration: none;\n\t\t\tfont-size: 14px;\n\t\t\tfont-weight: 500;\n\t\t\tpadding: 8px 16px;\n\t\t\tborder: 1px solid $border-color;\n\t\t\tborder-radius: $radius-sm;\n\t\t\ttransition: all $transition-fast;\n\n\t\t\t.dashicons {\n\t\t\t\tfont-size: 14px;\n\t\t\t\twidth: 14px;\n\t\t\t\theight: 14px;\n\t\t\t}\n\n\t\t\t&:hover {\n\t\t\t\tborder-color: $primary-color;\n\t\t\t\tcolor: $primary-color;\n\t\t\t}\n\t\t}\n\t}\n}\n\n// Main Wizard Container\n#ezd-setup-wizard-wrap {\n\twidth: 100%;\n\tmax-width: 900px;\n\tmargin: 30px auto;\n\tbackground: $bg-white;\n\tborder-radius: $radius-lg;\n\tbox-shadow: $shadow-xl;\n\toverflow: hidden;\n\tposition: relative;\n\tborder: 1px solid $border-light;\n\tdisplay: flex;\n\tflex-direction: column;\n\tmax-height: calc(100vh - 88px); // 56px header + 16px margin top/bottom\n\n\t// Hide WordPress notices and smart wizard toolbar\n\t.notice,\n\t.fs-notice,\n\t.sw-toolbar {\n\t\tdisplay: none !important;\n\t}\n\n\t// Hide ALL SmartWizard generated buttons - we use our custom footer buttons\n\t.sw-btn {\n\t\t&:not(.ezd-btn) {\n\t\t\tdisplay: none !important;\n\t\t}\n\t}\n}\n\n// Progress Steps - Compact Design\n.ezd-wizard-progress {\n\tbackground: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n\tpadding: 12px 40px;\n\tborder-bottom: 1px solid $border-light;\n\tposition: relative;\n\tflex-shrink: 0;\n\n\t.ezd-progress-bar {\n\t\tposition: absolute;\n\t\ttop: 50%;\n\t\tleft: 80px;\n\t\tright: 80px;\n\t\theight: 4px;\n\t\tbackground: $border-color;\n\t\tborder-radius: 2px;\n\t\ttransform: translateY(-12px);\n\t\tz-index: 1;\n\n\t\t.ezd-progress-fill {\n\t\t\theight: 100%;\n\t\t\tbackground: linear-gradient(90deg,\n\t\t\t\t\t$success-color 0%,\n\t\t\t\t\t$primary-color 100%);\n\t\t\tborder-radius: 2px;\n\t\t\twidth: 0%;\n\t\t\ttransition: width $transition-slow;\n\t\t}\n\t}\n\n\t.ezd-progress-steps {\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\talign-items: flex-start;\n\t\tlist-style: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\tposition: relative;\n\t\tz-index: 2;\n\t}\n\n\t.ezd-progress-step {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\talign-items: center;\n\t\tgap: 8px;\n\t\tflex: 1;\n\t\tcursor: default;\n\n\t\t.ezd-step-indicator {\n\t\t\twidth: 36px;\n\t\t\theight: 36px;\n\t\t\tbackground: $bg-white;\n\t\t\tborder: 2px solid $border-color;\n\t\t\tborder-radius: 50%;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\ttransition: all $transition-base;\n\t\t\tposition: relative;\n\n\t\t\t.ezd-step-number {\n\t\t\t\tfont-size: 14px;\n\t\t\t\tfont-weight: 600;\n\t\t\t\tcolor: $text-muted;\n\t\t\t\ttransition: all $transition-base;\n\t\t\t}\n\n\t\t\t.ezd-step-check {\n\t\t\t\tdisplay: none;\n\t\t\t\tcolor: white;\n\t\t\t\tfont-size: 18px;\n\t\t\t}\n\t\t}\n\n\t\t.ezd-step-title {\n\t\t\tfont-size: 13px;\n\t\t\tfont-weight: 500;\n\t\t\tcolor: $text-muted;\n\t\t\ttext-align: center;\n\t\t\ttransition: all $transition-base;\n\t\t}\n\n\t\t// Active State\n\t\t&.active {\n\t\t\t.ezd-step-indicator {\n\t\t\t\tborder-color: $primary-color;\n\t\t\t\tbackground: $primary-color;\n\t\t\t\tbox-shadow: 0 0 0 4px rgba($primary-color, 0.2);\n\n\t\t\t\t.ezd-step-number {\n\t\t\t\t\tcolor: white;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.ezd-step-title {\n\t\t\t\tcolor: $primary-color;\n\t\t\t\tfont-weight: 600;\n\t\t\t}\n\t\t}\n\n\t\t// Completed State - Clickable\n\t\t&.completed {\n\t\t\tcursor: pointer;\n\n\t\t\t.ezd-step-indicator {\n\t\t\t\tborder-color: $success-color;\n\t\t\t\tbackground: $success-color;\n\t\t\t\ttransition: all $transition-fast;\n\n\t\t\t\t.ezd-step-number {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\n\t\t\t\t.ezd-step-check {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.ezd-step-title {\n\t\t\t\tcolor: $success-color;\n\t\t\t\ttransition: color $transition-fast;\n\t\t\t}\n\n\t\t\t// Hover effect for completed steps\n\t\t\t&:hover {\n\t\t\t\t.ezd-step-indicator {\n\t\t\t\t\ttransform: scale(1.1);\n\t\t\t\t\tbox-shadow: 0 0 0 4px rgba($success-color, 0.2);\n\t\t\t\t}\n\n\t\t\t\t.ezd-step-title {\n\t\t\t\t\tcolor: darken($success-color, 10%);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n// Tab Content Area - Compact\n.tab-content {\n\tmin-height: 0;\n\tflex: 1;\n\toverflow-y: auto;\n\toverflow-x: hidden;\n\tpadding: 20px 32px;\n\tposition: relative;\n\n\t.tab-pane {\n\t\tanimation: fadeInUp 0.4s ease;\n\t\theight: 100%;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t}\n}\n\n@keyframes fadeInUp {\n\tfrom {\n\t\topacity: 0;\n\t\ttransform: translateY(20px);\n\t}\n\n\tto {\n\t\topacity: 1;\n\t\ttransform: translateY(0);\n\t}\n}\n\n// Step Header - Compact\n.ezd-step-header {\n\ttext-align: center;\n\tmargin-bottom: 12px;\n\tflex-shrink: 0;\n\n\th2 {\n\t\tfont-size: 18px;\n\t\tfont-weight: 700;\n\t\tcolor: $text-primary;\n\t\tmargin: 0 0 4px;\n\t\tline-height: 1.3;\n\t}\n\n\t.ezd-step-description {\n\t\tfont-size: 13px;\n\t\tcolor: $text-secondary;\n\t\tmax-width: 500px;\n\t\tmargin: 6px auto 12px;\n\t\tline-height: 1.4;\n\t}\n}\n\n// ========================================\n// STEP 1: Welcome - Compact\n// ========================================\n.ezd-welcome-step {\n\t.ezd-welcome-content {\n\t\tmax-width: 100%;\n\t\tflex: 1;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tmin-height: 0;\n\t}\n\n\t.ezd-welcome-video {\n\t\tmargin-bottom: 12px;\n\t\tflex-shrink: 0;\n\n\t\t.ezd-video-wrapper {\n\t\t\tborder-radius: $radius-md;\n\t\t\toverflow: hidden;\n\t\t\tbox-shadow: $shadow-lg;\n\t\t\tbackground: #000;\n\t\t\tmax-height: 250px;\n\n\t\t\tiframe {\n\t\t\t\tdisplay: block;\n\t\t\t\tborder: none;\n\t\t\t\theight: 250px;\n\t\t\t}\n\t\t}\n\n\t\t.ezd-video-caption {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\tgap: 6px;\n\t\t\tmargin-top: 6px;\n\t\t\tfont-size: 12px;\n\t\t\tcolor: $text-secondary;\n\n\t\t\t.dashicons {\n\t\t\t\tcolor: $danger-color;\n\t\t\t\tfont-size: 14px;\n\t\t\t\twidth: 14px;\n\t\t\t\theight: 14px;\n\t\t\t}\n\t\t}\n\t}\n\n\t.ezd-features-grid {\n\t\tdisplay: grid;\n\t\tgrid-template-columns: repeat(4, 1fr);\n\t\tgap: 10px;\n\t\tmargin-bottom: 12px;\n\t\tflex-shrink: 0;\n\n\t\t@media (max-width: 768px) {\n\t\t\tgrid-template-columns: repeat(2, 1fr);\n\t\t}\n\t}\n\n\t.ezd-feature-card {\n\t\tbackground: $bg-light;\n\t\tborder: 1px solid $border-light;\n\t\tborder-radius: $radius-sm;\n\t\tpadding: 10px 8px;\n\t\ttext-align: center;\n\t\ttransition: all $transition-base;\n\n\t\t&:hover {\n\t\t\tbackground: $bg-white;\n\t\t\tborder-color: $primary-color;\n\t\t\tbox-shadow: $shadow-md;\n\t\t\ttransform: translateY(-2px);\n\t\t}\n\n\t\t.ezd-feature-icon {\n\t\t\twidth: 30px;\n\t\t\theight: 30px;\n\t\t\tbackground: $primary-light;\n\t\t\tborder-radius: $radius-sm;\n\t\t\tdisplay: inline-flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\tmargin-bottom: 6px;\n\n\t\t\t.dashicons {\n\t\t\t\tfont-size: 15px;\n\t\t\t\twidth: 15px;\n\t\t\t\theight: 15px;\n\t\t\t\tcolor: $primary-color;\n\t\t\t}\n\t\t}\n\n\t\th4 {\n\t\t\tfont-size: 12px;\n\t\t\tfont-weight: 600;\n\t\t\tcolor: $text-primary;\n\t\t\tmargin: 0 0 4px;\n\t\t}\n\n\t\tp {\n\t\t\tfont-size: 11px;\n\t\t\tcolor: $text-secondary;\n\t\t\tmargin: 0;\n\t\t\tline-height: 1.3;\n\t\t}\n\t}\n\n\t.ezd-quick-links {\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\tgap: 10px;\n\t\tflex-wrap: wrap;\n\t\tflex-shrink: 0;\n\n\t\t.ezd-quick-link {\n\t\t\tdisplay: inline-flex;\n\t\t\talign-items: center;\n\t\t\tgap: 6px;\n\t\t\tpadding: 8px 14px;\n\t\t\tbackground: $bg-white;\n\t\t\tborder: 1px solid $border-color;\n\t\t\tborder-radius: $radius-full;\n\t\t\tcolor: $text-secondary;\n\t\t\ttext-decoration: none;\n\t\t\tfont-size: 13px;\n\t\t\tfont-weight: 500;\n\t\t\ttransition: all $transition-fast;\n\n\t\t\t.dashicons {\n\t\t\t\tfont-size: 16px;\n\t\t\t\twidth: 16px;\n\t\t\t\theight: 16px;\n\t\t\t}\n\n\t\t\t&:hover {\n\t\t\t\tbackground: $primary-color;\n\t\t\t\tborder-color: $primary-color;\n\t\t\t\tcolor: white;\n\t\t\t\ttransform: translateY(-2px);\n\t\t\t\tbox-shadow: $shadow-md;\n\t\t\t}\n\t\t}\n\t}\n}\n\n// ========================================\n// STEP 2 & 3: Settings - Compact\n// ========================================\n.ezd-settings-step,\n.ezd-layout-step {\n\n\t.ezd-settings-content,\n\t.ezd-layout-content {\n\t\tmax-width: 700px;\n\t\tmargin: 0 auto;\n\t}\n}\n\n.ezd-setting-card {\n\tbackground: $bg-white;\n\tborder: 1px solid $border-color;\n\tborder-radius: $radius-sm;\n\tmargin-bottom: 8px;\n\toverflow: hidden;\n\ttransition: all $transition-base;\n\n\t&:hover {\n\t\tborder-color: rgba($primary-color, 0.3);\n\t\tbox-shadow: $shadow-sm;\n\t}\n\n\t.ezd-setting-header {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 10px;\n\t\tpadding: 10px 14px;\n\t\tbackground: $bg-light;\n\t\tborder-bottom: 1px solid $border-light;\n\t}\n\n\t.ezd-setting-icon {\n\t\twidth: 32px;\n\t\theight: 32px;\n\t\tbackground: $primary-light;\n\t\tborder-radius: $radius-sm;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tflex-shrink: 0;\n\n\t\t.dashicons {\n\t\t\tfont-size: 16px;\n\t\t\twidth: 16px;\n\t\t\theight: 16px;\n\t\t\tcolor: $primary-color;\n\t\t}\n\t}\n\n\t.ezd-setting-title {\n\t\tflex: 1;\n\n\t\th3 {\n\t\t\tfont-size: 13px;\n\t\t\tfont-weight: 600;\n\t\t\tcolor: $text-primary;\n\t\t\tmargin: 0 0 2px;\n\t\t}\n\n\t\tp {\n\t\t\tfont-size: 13px;\n\t\t\tcolor: $text-secondary;\n\t\t\tmargin: 0;\n\t\t\tline-height: 1.4;\n\t\t}\n\t}\n\n\t.ezd-setting-body {\n\t\tpadding: 12px 14px;\n\t}\n\n\t// Toggle Card\n\t&.ezd-toggle-card {\n\t\t.ezd-setting-header {\n\t\t\tborder-bottom: none;\n\t\t}\n\t}\n}\n\n// Select Styling\n.archive-page-selection-wrap {\n\n\t.ezd-select,\n\tselect {\n\t\twidth: 100%;\n\t\tpadding: 8px 16px;\n\t\tfont-size: 15px;\n\t\tborder: 2px solid $border-color;\n\t\tborder-radius: $radius-sm;\n\t\tbackground: $bg-white;\n\t\tcolor: $text-primary;\n\t\tcursor: pointer;\n\t\ttransition: all $transition-fast;\n\t\tappearance: none;\n\t\tbackground-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236B7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E\");\n\t\tbackground-repeat: no-repeat;\n\t\tbackground-position: right 16px center;\n\n\t\t&:focus {\n\t\t\toutline: none;\n\t\t\tborder-color: $primary-color;\n\t\t\tbox-shadow: 0 0 0 3px rgba($primary-color, 0.1);\n\t\t}\n\t}\n\n\t.ezd-setting-hint {\n\t\tdisplay: flex;\n\t\tgap: 8px;\n\t\tmargin-top: 12px;\n\t\tpadding: 5px 10px;\n\t\tbackground: rgba(245, 166, 35, 0.1);\n\t\tborder-radius: 6px;\n\t\tfont-size: 12px;\n\t\tcolor: #c37d09;\n\t\tline-height: 1.5;\n\t\talign-items: center;\n\n\t\t.dashicons {\n\t\t\tflex-shrink: 0;\n\t\t\tmargin-top: 2px;\n\t\t}\n\t}\n}\n\n// Brand Color Picker\n.brand-color-picker-wrap {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 20px;\n\n\t.wp-picker-container {\n\t\tdisplay: flex !important;\n\t\talign-items: center;\n\n\t\t.wp-color-result {\n\t\t\tborder-radius: $radius-sm !important;\n\t\t\tborder: 2px solid $border-color !important;\n\t\t\tbox-shadow: none !important;\n\t\t}\n\t}\n\n\t.ezd-color-preview {\n\t\tpadding: 12px 24px;\n\t\tbackground: var(--preview-color, $primary-color);\n\t\tcolor: white;\n\t\tborder-radius: $radius-sm;\n\t\tfont-size: 14px;\n\t\tfont-weight: 500;\n\t\tbox-shadow: $shadow-sm;\n\t}\n}\n\n// Slug Options\n.root-slug-wrap {\n\t.ezd-slug-options {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 12px;\n\t\tmargin-bottom: 16px;\n\t}\n\n\t.ezd-slug-option {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tpadding: 8px 10px;\n\t\tbackground: $bg-white;\n\t\tborder: 1px solid $border-color;\n\t\tborder-radius: $radius-sm;\n\t\tcursor: pointer;\n\t\ttransition: all $transition-fast;\n\t\tposition: relative;\n\n\t\t// Custom Radio Input\n\t\tinput[type=\"radio\"] {\n\t\t\tappearance: none;\n\t\t\twidth: 18px;\n\t\t\theight: 18px;\n\t\t\tborder: 2px solid $text-muted;\n\t\t\tborder-radius: 50%;\n\t\t\tmargin: 0 12px 0 0;\n\t\t\tposition: relative;\n\t\t\ttransition: all $transition-fast;\n\t\t\tflex-shrink: 0;\n\n\t\t\t&:checked {\n\t\t\t\tborder-color: $primary-color;\n\t\t\t\tbackground: $primary-color;\n\t\t\t\tbox-shadow: inset 0 0 0 3px white;\n\t\t\t}\n\t\t}\n\n\t\t.ezd-option-label {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\tgap: 2px;\n\t\t}\n\n\t\t.ezd-option-title {\n\t\t\tfont-size: 14px;\n\t\t\tfont-weight: 600;\n\t\t\tcolor: $text-primary;\n\t\t}\n\n\t\t.ezd-option-example {\n\t\t\tfont-size: 12px;\n\t\t\tcolor: $text-secondary;\n\t\t\tfont-family: monospace;\n\t\t}\n\n\t\t&:hover {\n\t\t\tborder-color: $primary-color;\n\t\t\tbackground: $bg-light;\n\t\t}\n\n\t\t&.active {\n\t\t\tborder-color: $primary-color;\n\t\t\tbackground: $primary-light;\n\n\t\t\tinput[type=\"radio\"] {\n\t\t\t\tborder-color: $primary-color;\n\t\t\t\tbackground: $primary-color;\n\t\t\t\tbox-shadow: inset 0 0 0 3px white;\n\t\t\t}\n\t\t}\n\t}\n\n\t.ezd-custom-slug-input {\n\t\tdisplay: none;\n\t\talign-items: center;\n\t\tpadding: 5px 12px;\n\t\tbackground: $bg-light;\n\t\tborder: 2px solid $success-color;\n\t\tborder-radius: $radius-sm;\n\n\t\t&.active {\n\t\t\tdisplay: flex;\n\t\t}\n\n\t\t.ezd-slug-prefix,\n\t\t.ezd-slug-suffix {\n\t\t\tfont-size: 14px;\n\t\t\tcolor: $text-muted;\n\t\t\tfont-family: monospace;\n\t\t}\n\n\t\t.custom-slug-field {\n\t\t\tflex: 1;\n\t\t\tborder: none;\n\t\t\tbackground: transparent;\n\t\t\tfont-size: 14px;\n\t\t\tfont-family: monospace;\n\t\t\tcolor: $text-primary;\n\t\t\tpadding: 4px 8px;\n\n\t\t\t&:focus {\n\t\t\t\toutline: none;\n\t\t\t}\n\t\t}\n\t}\n}\n\n// ========================================\n// STEP 3: Layout Options - Compact\n// ========================================\n.ezd-layout-options {\n\tdisplay: grid;\n\tgrid-template-columns: repeat(3, 1fr);\n\tgap: 10px;\n\n\t@media (max-width: 600px) {\n\t\tgrid-template-columns: 1fr;\n\t}\n}\n\n.ezd-layout-option {\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\tpadding: 10px 8px;\n\tbackground: $bg-white;\n\tborder: 1px solid $border-color;\n\tborder-radius: $radius-sm;\n\tcursor: pointer;\n\ttransition: all $transition-base;\n\tposition: relative;\n\ttext-align: center;\n\n\tinput[type=\"radio\"] {\n\t\tposition: absolute;\n\t\topacity: 0;\n\t\tpointer-events: none;\n\t}\n\n\t.ezd-layout-preview {\n\t\twidth: 100%;\n\t\tmargin-bottom: 6px;\n\t\tborder-radius: $radius-sm;\n\t\toverflow: hidden;\n\t\tbox-shadow: $shadow-sm;\n\n\t\timg {\n\t\t\tmax-width: 100%;\n\t\t\theight: 80px;\n\t\t\tdisplay: block;\n\t\t\ttransition: transform 0.3s ease;\n\t\t\tmargin: 0 auto;\n\t\t\tpadding: 6px;\n\t\t\tborder-radius: 12px;\n\t\t}\n\t}\n\n\t.ezd-layout-name {\n\t\tfont-size: 12px;\n\t\tfont-weight: 600;\n\t\tcolor: $text-primary;\n\t\tmargin-bottom: 2px;\n\t}\n\n\t.ezd-layout-desc {\n\t\tfont-size: 11px;\n\t\tcolor: $text-muted;\n\t}\n\n\t.ezd-check-icon {\n\t\tposition: absolute;\n\t\ttop: 8px;\n\t\tright: 8px;\n\t\twidth: 20px;\n\t\theight: 20px;\n\t\tbackground: $primary-color;\n\t\tborder-radius: 50%;\n\t\tdisplay: none;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\n\t\t.dashicons {\n\t\t\tfont-size: 14px;\n\t\t\twidth: 14px;\n\t\t\theight: 14px;\n\t\t\tcolor: white;\n\t\t}\n\t}\n\n\t&:hover {\n\t\tborder-color: $primary-color;\n\t\tbackground: $bg-light;\n\n\t\t.ezd-layout-preview img {\n\t\t\ttransform: scale(1.02);\n\t\t}\n\t}\n\n\t&.active {\n\t\tborder-color: $primary-color;\n\t\tbackground: $primary-light;\n\t\tbox-shadow: inset 0 0 0 1px $primary-color;\n\n\t\t.ezd-check-icon {\n\t\t\tdisplay: flex;\n\t\t}\n\t}\n}\n\n// Width Options\n.ezd-width-options {\n\tdisplay: flex;\n\tgap: 16px;\n\n\t.ezd-width-option {\n\t\tflex: 1;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\talign-items: center;\n\t\tpadding: 12px;\n\t\tbackground: $bg-light;\n\t\tborder: 2px solid $border-color;\n\t\tborder-radius: $radius-md;\n\t\tcursor: pointer;\n\t\ttransition: all $transition-base;\n\n\t\tinput[type=\"radio\"] {\n\t\t\tposition: absolute;\n\t\t\topacity: 0;\n\t\t\tpointer-events: none;\n\t\t}\n\n\t\t.ezd-width-icon {\n\t\t\tmargin-bottom: 12px;\n\t\t}\n\n\t\t.ezd-width-preview {\n\t\t\tdisplay: block;\n\t\t\twidth: 80px;\n\t\t\theight: 50px;\n\t\t\tborder: 2px solid $border-color;\n\t\t\tborder-radius: 4px;\n\t\t\tposition: relative;\n\t\t\tbackground: white;\n\n\t\t\t&::before {\n\t\t\t\tcontent: \"\";\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 8px;\n\t\t\t\tbottom: 8px;\n\t\t\t\tbackground: $primary-light;\n\t\t\t\tborder-radius: 2px;\n\t\t\t}\n\n\t\t\t&.boxed::before {\n\t\t\t\tleft: 16px;\n\t\t\t\tright: 16px;\n\t\t\t}\n\n\t\t\t&.full-width::before {\n\t\t\t\tleft: 4px;\n\t\t\t\tright: 4px;\n\t\t\t}\n\t\t}\n\n\t\t.ezd-width-label {\n\t\t\tfont-size: 14px;\n\t\t\tfont-weight: 600;\n\t\t\tcolor: $text-primary;\n\t\t}\n\n\t\t&:hover,\n\t\t&.active {\n\t\t\tborder-color: $primary-color;\n\t\t\tbackground: $primary-light;\n\t\t}\n\n\t\t&.active {\n\t\t\tborder-color: $success-color;\n\t\t\tbackground: $success-light;\n\t\t}\n\t}\n}\n\n// Toggle Switch\n.ezd-toggle-switch {\n\tinput[type=\"checkbox\"] {\n\t\tdisplay: none;\n\n\t\t&+.ezd-toggle-label {\n\t\t\twidth: 52px;\n\t\t\theight: 28px;\n\t\t\tbackground: $border-color;\n\t\t\tborder-radius: $radius-full;\n\t\t\tposition: relative;\n\t\t\tcursor: pointer;\n\t\t\ttransition: all $transition-fast;\n\t\t\tdisplay: block;\n\n\t\t\t&::after {\n\t\t\t\tcontent: \"\";\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 4px;\n\t\t\t\tleft: 4px;\n\t\t\t\twidth: 20px;\n\t\t\t\theight: 20px;\n\t\t\t\tbackground: white;\n\t\t\t\tborder-radius: 50%;\n\t\t\t\ttransition: all $transition-fast;\n\t\t\t\tbox-shadow: $shadow-sm;\n\t\t\t}\n\t\t}\n\n\t\t&:checked+.ezd-toggle-label {\n\t\t\tbackground: $success-color;\n\n\t\t\t&::after {\n\t\t\t\tleft: 28px;\n\t\t\t}\n\t\t}\n\t}\n}\n\n// Pro Teaser\n.ezd-pro-teaser {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 14px;\n\tpadding: 12px 16px;\n\tbackground: linear-gradient(135deg,\n\t\t\trgba($pro-color, 0.08) 0%,\n\t\t\trgba($pro-color, 0.15) 100%);\n\tborder: 1px solid rgba($pro-color, 0.2);\n\tborder-radius: $radius-md;\n\tmargin-top: 12px;\n\n\t.ezd-pro-badge {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 6px;\n\t\tbackground: $pro-color;\n\t\tcolor: white;\n\t\tpadding: 8px 14px;\n\t\tborder-radius: $radius-full;\n\t\tfont-size: 12px;\n\t\tfont-weight: 600;\n\t\ttext-transform: uppercase;\n\t\tletter-spacing: 0.5px;\n\n\t\t.dashicons {\n\t\t\tfont-size: 14px;\n\t\t\twidth: 14px;\n\t\t\theight: 14px;\n\t\t}\n\t}\n\n\t.ezd-pro-content {\n\t\tflex: 1;\n\n\t\th4 {\n\t\t\tfont-size: 15px;\n\t\t\tfont-weight: 600;\n\t\t\tcolor: $text-primary;\n\t\t\tmargin: 0 0 4px;\n\t\t}\n\n\t\tp {\n\t\t\tfont-size: 14px;\n\t\t\tcolor: $text-secondary;\n\t\t\tmargin: 0;\n\t\t}\n\t}\n}\n\n// ========================================\n// STEP 4: Plugins\n// ========================================\n.ezd-plugins-step {\n\t.ezd-plugins-grid {\n\t\tdisplay: grid;\n\t\tgrid-template-columns: repeat(2, 1fr);\n\t\tgap: 10px;\n\t\tmargin-bottom: 0;\n\n\t\t@media (max-width: 700px) {\n\t\t\tgrid-template-columns: 1fr;\n\t\t}\n\t}\n}\n\n.ezd-plugin-card {\n\tbackground: $bg-white;\n\tborder: 1px solid $border-color;\n\tborder-radius: $radius-md;\n\tpadding: 14px;\n\tposition: relative;\n\ttransition: all $transition-base;\n\n\t&:hover {\n\t\tborder-color: $primary-color;\n\t\tbox-shadow: $shadow-md;\n\t\ttransform: translateY(-2px);\n\t}\n\n\t&.is-active {\n\t\tborder-color: $success-color;\n\t\tbackground: $success-light;\n\t}\n\n\t.ezd-plugin-status {\n\t\tposition: absolute;\n\t\ttop: 8px;\n\t\tleft: 8px;\n\t\tfont-size: 10px;\n\t\tfont-weight: 600;\n\t\ttext-transform: uppercase;\n\t\tletter-spacing: 0.5px;\n\t\tpadding: 3px 8px;\n\t\tborder-radius: $radius-full;\n\n\t\t&.ezd-status-required {\n\t\t\tbackground: rgba($danger-color, 0.1);\n\t\t\tcolor: $danger-color;\n\t\t}\n\n\t\t&.ezd-status-recommended {\n\t\t\tbackground: rgba($primary-color, 0.1);\n\t\t\tcolor: $primary-color;\n\t\t}\n\n\t\t&.ezd-status-optional {\n\t\t\tbackground: rgba($text-muted, 0.1);\n\t\t\tcolor: $text-muted;\n\t\t}\n\t}\n\n\t.ezd-plugin-active-badge {\n\t\tposition: absolute;\n\t\ttop: 8px;\n\t\tright: 8px;\n\n\t\t.dashicons {\n\t\t\tfont-size: 20px;\n\t\t\twidth: 20px;\n\t\t\theight: 20px;\n\t\t\tcolor: $success-color;\n\t\t}\n\t}\n\n\t.ezd-plugin-header {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\talign-items: center;\n\t\tmargin-top: 10px;\n\t\tmargin-bottom: 8px;\n\t}\n\n\t.ezd-plugin-icon {\n\t\twidth: 40px;\n\t\theight: 40px;\n\t\tmargin-bottom: 6px;\n\n\t\timg {\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tobject-fit: contain;\n\t\t\tborder-radius: $radius-sm;\n\t\t}\n\t}\n\n\t.ezd-plugin-title {\n\t\tfont-size: 14px;\n\t\tfont-weight: 600;\n\t\tcolor: $text-primary;\n\t\ttext-align: center;\n\t\tmargin: 0;\n\t}\n\n\t.ezd-plugin-description {\n\t\tfont-size: 12px;\n\t\tcolor: $text-secondary;\n\t\ttext-align: center;\n\t\tline-height: 1.4;\n\t\tmargin: 0 0 10px;\n\t\tmin-height: 36px;\n\t}\n\n\t.ezd-plugin-actions {\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\tgap: 8px;\n\t}\n}\n\n// ========================================\n// STEP 5: Finish\n// ========================================\n.ezd-finish-step {\n\t.ezd-finish-content {\n\t\ttext-align: center;\n\t}\n\n\t.ezd-success-animation {\n\t\tposition: relative;\n\t\tmargin-bottom: 16px;\n\t}\n\n\t.ezd-success-circle {\n\t\twidth: 70px;\n\t\theight: 70px;\n\t\tbackground: linear-gradient(135deg,\n\t\t\t\t$success-color 0%,\n\t\t\t\tcolor.adjust($success-color, $lightness: -10%) 100%);\n\t\tborder-radius: 50%;\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tanimation: successPulse 2s ease-in-out infinite;\n\n\t\t.dashicons {\n\t\t\tfont-size: 36px;\n\t\t\twidth: 36px;\n\t\t\theight: 36px;\n\t\t\tcolor: white;\n\t\t}\n\t}\n\n\t@keyframes successPulse {\n\n\t\t0%,\n\t\t100% {\n\t\t\tbox-shadow: 0 0 0 0 rgba($success-color, 0.4);\n\t\t}\n\n\t\t50% {\n\t\t\tbox-shadow: 0 0 0 20px rgba($success-color, 0);\n\t\t}\n\t}\n\n\t.ezd-finish-subtitle {\n\t\tfont-size: 14px;\n\t\tcolor: $text-secondary;\n\t\tmargin-bottom: 16px;\n\t}\n\n\t.ezd-next-steps-grid {\n\t\tdisplay: grid;\n\t\tgrid-template-columns: repeat(2, 1fr);\n\t\tgap: 10px;\n\t\tmargin-bottom: 16px;\n\t\ttext-align: left;\n\n\t\t@media (max-width: 600px) {\n\t\t\tgrid-template-columns: 1fr;\n\t\t}\n\t}\n\n\t.ezd-next-step-card {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 12px;\n\t\tpadding: 12px 14px;\n\t\tbackground: $bg-light;\n\t\tborder: 1px solid $border-color;\n\t\tborder-radius: $radius-md;\n\t\ttext-decoration: none;\n\t\ttransition: all $transition-base;\n\n\t\t.ezd-card-icon {\n\t\t\twidth: 36px;\n\t\t\theight: 36px;\n\t\t\tbackground: $primary-light;\n\t\t\tborder-radius: $radius-sm;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\tflex-shrink: 0;\n\n\t\t\t.dashicons {\n\t\t\t\tfont-size: 18px;\n\t\t\t\twidth: 18px;\n\t\t\t\theight: 18px;\n\t\t\t\tcolor: $primary-color;\n\t\t\t}\n\t\t}\n\n\t\t.ezd-card-content {\n\t\t\tflex: 1;\n\n\t\t\th4 {\n\t\t\t\tfont-size: 15px;\n\t\t\t\tfont-weight: 600;\n\t\t\t\tcolor: $text-primary;\n\t\t\t\tmargin: 0 0 4px;\n\t\t\t}\n\n\t\t\tp {\n\t\t\t\tfont-size: 13px;\n\t\t\t\tcolor: $text-secondary;\n\t\t\t\tmargin: 0;\n\t\t\t}\n\t\t}\n\n\t\t>.dashicons {\n\t\t\tcolor: $text-muted;\n\t\t\ttransition: all $transition-fast;\n\t\t}\n\n\t\t&:hover {\n\t\t\tborder-color: $primary-color;\n\t\t\tbackground: $bg-white;\n\t\t\tbox-shadow: $shadow-md;\n\t\t\ttransform: translateY(-2px);\n\n\t\t\t>.dashicons {\n\t\t\t\tcolor: $primary-color;\n\t\t\t\ttransform: translateX(4px);\n\t\t\t}\n\t\t}\n\n\t\t&.ezd-primary-action {\n\t\t\tbackground: linear-gradient(135deg,\n\t\t\t\t\t$primary-color 0%,\n\t\t\t\t\t$primary-dark 100%);\n\t\t\tborder-color: $primary-color;\n\n\t\t\t.ezd-card-icon {\n\t\t\t\tbackground: rgba(white, 0.2);\n\n\t\t\t\t.dashicons {\n\t\t\t\t\tcolor: white;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.ezd-card-content h4,\n\t\t\t.ezd-card-content p {\n\t\t\t\tcolor: white;\n\t\t\t}\n\n\t\t\t>.dashicons {\n\t\t\t\tcolor: rgba(white, 0.7);\n\t\t\t}\n\n\t\t\t&:hover {\n\t\t\t\ttransform: translateY(-4px);\n\t\t\t\tbox-shadow: $shadow-lg;\n\n\t\t\t\t>.dashicons {\n\t\t\t\t\tcolor: white;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&.ezd-pro-card {\n\t\t\tbackground: linear-gradient(135deg,\n\t\t\t\t\trgba($pro-color, 0.08) 0%,\n\t\t\t\t\trgba($pro-color, 0.15) 100%);\n\t\t\tborder-color: rgba($pro-color, 0.3);\n\n\t\t\t.ezd-card-icon {\n\t\t\t\tbackground: rgba($pro-color, 0.15);\n\n\t\t\t\t.dashicons {\n\t\t\t\t\tcolor: $pro-color;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:hover {\n\t\t\t\tborder-color: $pro-color;\n\t\t\t}\n\t\t}\n\t}\n\n\t.ezd-finish-actions {\n\t\tbutton {\n\t\t\tmargin: 0 auto;\n\t\t}\n\t}\n}\n\n// ========================================\n// Footer Navigation - Compact\n// ========================================\n.ezd-wizard-footer {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tpadding: 10px 20px;\n\tbackground: $bg-light;\n\tborder-top: 1px solid $border-light;\n\tflex-shrink: 0;\n\n\t.ezd-footer-left,\n\t.ezd-footer-right {\n\t\tflex: 1;\n\t}\n\n\t.ezd-footer-right {\n\t\ttext-align: right;\n\t}\n\n\t.ezd-footer-center {\n\t\ttext-align: center;\n\t}\n\n\t.ezd-step-counter {\n\t\tfont-size: 13px;\n\t\tcolor: $text-muted;\n\t\tfont-weight: 500;\n\n\t\t.current-step {\n\t\t\tcolor: $primary-color;\n\t\t\tfont-weight: 600;\n\t\t}\n\t}\n}\n\n// ========================================\n// Buttons - Compact\n// ========================================\n.ezd-btn {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\tgap: 6px;\n\tpadding: 10px 18px;\n\tfont-size: 14px;\n\tfont-weight: 600;\n\tborder-radius: $radius-sm;\n\tborder: none;\n\tcursor: pointer;\n\ttransition: all $transition-fast;\n\ttext-decoration: none;\n\tline-height: 1.4;\n\n\t.dashicons {\n\t\tfont-size: 16px;\n\t\twidth: 16px;\n\t\theight: 16px;\n\t}\n\n\t&.ezd-btn-primary {\n\t\tbackground: linear-gradient(135deg,\n\t\t\t\t$primary-color 0%,\n\t\t\t\t$primary-dark 100%);\n\t\tcolor: white;\n\t\tbox-shadow: 0 4px 12px rgba($primary-color, 0.3);\n\n\t\t&:hover {\n\t\t\tbackground: linear-gradient(135deg,\n\t\t\t\t\t$primary-dark 0%,\n\t\t\t\t\tdarken($primary-dark, 5%) 100%);\n\t\t\ttransform: translateY(-2px);\n\t\t\tbox-shadow: 0 6px 16px rgba($primary-color, 0.4);\n\t\t\tcolor: white;\n\t\t}\n\n\t\t&:active {\n\t\t\ttransform: translateY(0);\n\t\t}\n\t}\n\n\t&.ezd-btn-outline {\n\t\tbackground: transparent;\n\t\tborder: 2px solid $border-color;\n\t\tcolor: $text-secondary;\n\n\t\t&:hover {\n\t\t\tborder-color: $primary-color;\n\t\t\tcolor: $primary-color;\n\t\t\tbackground: $primary-light;\n\t\t}\n\n\t\t&.disabled {\n\t\t\topacity: 0.5;\n\t\t\tcursor: not-allowed;\n\t\t\tpointer-events: none;\n\t\t}\n\t}\n\n\t&.ezd-btn-link {\n\t\tbackground: transparent;\n\t\tcolor: $text-secondary;\n\t\tpadding: 8px 12px;\n\n\t\t&:hover {\n\t\t\tcolor: $primary-color;\n\t\t\tbackground: $primary-light;\n\t\t}\n\t}\n\n\t&.ezd-btn-pro {\n\t\tbackground: linear-gradient(135deg,\n\t\t\t\t$pro-color 0%,\n\t\t\t\tcolor.adjust($pro-color, $lightness: -10%) 100%);\n\t\tcolor: white;\n\n\t\t&:hover {\n\t\t\tbackground: linear-gradient(135deg,\n\t\t\t\t\tcolor.adjust($pro-color, $lightness: -5%) 0%,\n\t\t\t\t\tcolor.adjust($pro-color, $lightness: -15%) 100%);\n\t\t\tcolor: white;\n\t\t}\n\t}\n\n\t&.ezd-btn-lg {\n\t\tpadding: 14px 32px;\n\t\tfont-size: 16px;\n\t}\n\n\t// Plugin action buttons\n\t&.button-action {\n\t\tbackground: $primary-color;\n\t\tcolor: white !important;\n\n\t\t&:hover {\n\t\t\tbackground: $primary-dark;\n\t\t}\n\t}\n\n\t&.button-disabled {\n\t\tbackground: $success-light !important;\n\t\tcolor: $success-color !important;\n\t\tcursor: default;\n\t\tpointer-events: none;\n\t}\n}\n\n// ========================================\n// Quick Tips Panel\n// ========================================\n.ezd-setup-tips {\n\tposition: fixed;\n\tbottom: 24px;\n\tright: 24px;\n\twidth: 320px;\n\tbackground: $bg-white;\n\tborder-radius: $radius-md;\n\tbox-shadow: $shadow-xl;\n\toverflow: hidden;\n\tz-index: 90;\n\tanimation: slideInUp 0.5s ease;\n\n\t@media (max-width: 1200px) {\n\t\tdisplay: none;\n\t}\n\n\t// Collapsed state - show only icon\n\t&.is-collapsed {\n\t\twidth: auto;\n\t\tborder-radius: $radius-full;\n\n\t\t.ezd-tips-header {\n\t\t\tpadding: 14px;\n\t\t\tborder-radius: $radius-full;\n\n\t\t\t// Hide title and toggle button\n\t\t\th4,\n\t\t\t.ezd-tips-toggle {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\n\t\t\t// Make the lightbulb icon larger and centered\n\t\t\t>.dashicons-lightbulb {\n\t\t\t\tfont-size: 24px;\n\t\t\t\twidth: 24px;\n\t\t\t\theight: 24px;\n\t\t\t}\n\t\t}\n\n\t\t.ezd-tips-list {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t.ezd-tips-header {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 10px;\n\t\tpadding: 16px 20px;\n\t\tbackground: linear-gradient(135deg,\n\t\t\t\t$warning-color 0%,\n\t\t\t\tdarken($warning-color, 10%) 100%);\n\t\tcolor: white;\n\t\tcursor: pointer;\n\t\ttransition: background $transition-fast;\n\n\t\t&:hover {\n\t\t\tbackground: linear-gradient(135deg,\n\t\t\t\t\tdarken($warning-color, 3%) 0%,\n\t\t\t\t\tdarken($warning-color, 13%) 100%);\n\t\t}\n\n\t\t.dashicons {\n\t\t\tfont-size: 20px;\n\t\t\twidth: 20px;\n\t\t\theight: 20px;\n\t\t}\n\n\t\th4 {\n\t\t\tfont-size: 15px;\n\t\t\tfont-weight: 600;\n\t\t\tmargin: 0;\n\t\t\tflex: 1;\n\t\t}\n\t}\n\n\t// Toggle button\n\t.ezd-tips-toggle {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\twidth: 28px;\n\t\theight: 28px;\n\t\tpadding: 0;\n\t\tbackground: rgba(255, 255, 255, 0.2);\n\t\tborder: none;\n\t\tborder-radius: $radius-full;\n\t\tcolor: white;\n\t\tcursor: pointer;\n\t\ttransition: all $transition-fast;\n\t\tmargin-left: auto;\n\n\t\t&:hover {\n\t\t\tbackground: rgba(255, 255, 255, 0.3);\n\t\t}\n\n\t\t&:focus {\n\t\t\toutline: none;\n\t\t\tbox-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5);\n\t\t}\n\n\t\t.dashicons {\n\t\t\tfont-size: 16px;\n\t\t\twidth: 16px;\n\t\t\theight: 16px;\n\t\t\ttransition: transform $transition-base;\n\t\t}\n\t}\n\n\t.ezd-tips-list {\n\t\tlist-style: none;\n\t\tmargin: 0;\n\t\tpadding: 16px 20px;\n\n\t\tli {\n\t\t\tdisplay: none;\n\t\t\talign-items: flex-start;\n\t\t\tgap: 10px;\n\t\t\tfont-size: 14px;\n\t\t\tcolor: $text-secondary;\n\t\t\tline-height: 1.6;\n\n\t\t\t&.active {\n\t\t\t\tdisplay: flex;\n\t\t\t}\n\n\t\t\t.dashicons {\n\t\t\t\tflex-shrink: 0;\n\t\t\t\tcolor: $primary-color;\n\t\t\t\tmargin-top: 2px;\n\t\t\t}\n\t\t}\n\t}\n}\n\n@keyframes slideInUp {\n\tfrom {\n\t\topacity: 0;\n\t\ttransform: translateY(20px);\n\t}\n\n\tto {\n\t\topacity: 1;\n\t\ttransform: translateY(0);\n\t}\n}\n\n// ========================================\n// Confetti Animation (for finish step)\n// ========================================\n.ezd-confetti-container {\n\tposition: absolute;\n\ttop: 0;\n\tleft: 50%;\n\ttransform: translateX(-50%);\n\tpointer-events: none;\n}\n\n// ========================================\n// Responsive Styles\n// ========================================\n@media screen and (max-width: 782px) {\n\t.ezd-setup-wizard-wrapper {\n\t\ttop: 0; // Always at top in full-screen mode\n\t}\n}\n\n@media screen and (max-width: 768px) {\n\t.ezd-setup-page {\n\t\tpadding: 0; // Full screen, no margins needed\n\t}\n\n\t.ezd-setup-wizard-wrapper {\n\t\tpadding: 0 16px;\n\n\t\t.ezd-setup-logo {\n\n\t\t\t.ezd-logo-text,\n\t\t\t.ezd-setup-badge {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\t}\n\n\t#ezd-setup-wizard-wrap {\n\t\tmargin: 20px 16px 40px;\n\t\tborder-radius: $radius-md;\n\t}\n\n\t.ezd-wizard-progress {\n\t\tpadding: 24px 20px;\n\n\t\t.ezd-progress-bar {\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t.ezd-progress-steps {\n\t\t\tflex-wrap: wrap;\n\t\t\tgap: 12px;\n\t\t}\n\n\t\t.ezd-progress-step {\n\t\t\tflex: 0 0 auto;\n\n\t\t\t.ezd-step-title {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\n\t\t\t.ezd-step-indicator {\n\t\t\t\twidth: 36px;\n\t\t\t\theight: 36px;\n\n\t\t\t\t.ezd-step-number {\n\t\t\t\t\tfont-size: 14px;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.tab-content {\n\t\tpadding: 24px 20px;\n\t}\n\n\t.ezd-step-header h2 {\n\t\tfont-size: 22px;\n\t}\n\n\t.ezd-wizard-footer {\n\t\tpadding: 16px 20px;\n\t\tflex-wrap: wrap;\n\t\tgap: 12px;\n\n\t\t.ezd-footer-center {\n\t\t\torder: -1;\n\t\t\tflex-basis: 100%;\n\t\t}\n\t}\n}\n\n// SmartWizard buttons in footer - ensure proper styling\n.toolbar-bottom,\n.ezd-wizard-footer {\n\n\t.sw-btn-prev,\n\t.sw-btn-next {\n\t\t&:not(.ezd-btn) {\n\t\t\tdisplay: none !important;\n\t\t}\n\t}\n\n\t// Ensure footer nav buttons are properly styled\n\t.sw-btn-next.ezd-btn-primary,\n\ta.sw-btn-next.ezd-btn-primary,\n\tbutton.sw-btn-next.ezd-btn-primary {\n\t\tbackground: linear-gradient(135deg, $primary-color 0%, $primary-dark 100%) !important;\n\t\tcolor: white !important;\n\t\tbox-shadow: 0 4px 12px rgba($primary-color, 0.3) !important;\n\t\tdisplay: inline-flex !important;\n\t\tvisibility: visible !important;\n\t\topacity: 1 !important;\n\n\t\t&:hover {\n\t\t\tbackground: linear-gradient(135deg, $primary-dark 0%, darken($primary-dark, 5%) 100%) !important;\n\t\t\ttransform: translateY(-2px);\n\t\t}\n\t}\n\n\t.sw-btn-prev.ezd-btn-outline,\n\ta.sw-btn-prev.ezd-btn-outline,\n\tbutton.sw-btn-prev.ezd-btn-outline {\n\t\tbackground: transparent !important;\n\t\tborder: 2px solid $border-color !important;\n\t\tcolor: $text-secondary !important;\n\t\tdisplay: inline-flex !important;\n\t\tvisibility: visible !important;\n\t\topacity: 1 !important;\n\n\t\t&:hover {\n\t\t\tborder-color: $primary-color !important;\n\t\t\tcolor: $primary-color !important;\n\t\t\tbackground: $primary-light !important;\n\t\t}\n\t}\n}"],"names":[],"sourceRoot":""}