/*
Theme Name: BhiwandiCart Premium Organic Theme
Theme URI: https://bhiwandicart.com/theme
Author: Antigravity AI
Author URI: https://bhiwandicart.com
Description: A premium, modern, mobile-first WooCommerce theme designed for organic grocery delivery startups. Includes rich SEO schema integrations, natural color palettes, and optimized checkout adjustments.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: e-commerce, custom-colors, custom-menu, featured-images, flexible-header, translation-ready, two-columns
Text Domain: bhiwandicart-theme
*/

/* Core CSS Variables matching the React UI */
:root {
  --primary-green: #2E7D32;
  --primary-light: #E8F5E9;
  --light-green: #66BB6A;
  --accent-orange: #FF9800;
  --bg-beige: #FAF9F5;
  --text-dark: #1A281E;
  --text-muted: #5F7464;
  --border-color: #E6EDE8;
}

/* Global Box-Sizing Reset */
*, ::before, ::after {
  box-sizing: border-box;
}

/* Core WordPress Theme Overrides */
body {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  background-color: var(--bg-beige);
  color: var(--text-dark);
  margin: 0;
  padding: 0;
}

/* Global Link Styles */
a {
  text-decoration: none !important;
  color: inherit;
}

/* WooCommerce Button modifications styling */
.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt {
  background-color: var(--primary-green) !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  border-radius: 12px !important;
  transition: all 0.3s ease !important;
}

.woocommerce #respond input#submit.alt:hover, 
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover {
  background-color: #1B5E20 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 15px rgba(46,125,50,0.2) !important;
}

/* WooCommerce Badges adjustments */
.woocommerce span.onsale {
  background-color: var(--accent-orange) !important;
  border-radius: 30px !important;
  padding: 4px 10px !important;
  font-size: 0.75rem !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
}

/* WooCommerce Product Grid custom layout adjustments */
.woocommerce ul.products li.product {
  background: #ffffff !important;
  border-radius: 16px !important;
  border: 1px solid var(--border-color) !important;
  padding: 15px !important;
  box-shadow: 0 4px 15px rgba(0,0,0,0.02) !important;
  transition: all 0.3s ease !important;
  position: relative !important;
}

.woocommerce ul.products li.product:hover {
  transform: translateY(-4px) !important;
  border-color: var(--light-green) !important;
  box-shadow: 0 10px 25px rgba(46,125,50,0.06) !important;
}

/* Product Card Elements Styling */
.woocommerce ul.products li.product img {
  border-radius: 12px !important;
  margin-bottom: 0 !important;
  transition: transform 0.3s ease !important;
  width: 100% !important;
  height: auto !important;
  object-fit: cover !important;
}

.woocommerce ul.products li.product:hover img {
  transform: scale(1.02);
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
  color: var(--text-dark) !important;
  font-family: 'Outfit', sans-serif !important;
  font-weight: 700 !important;
  font-size: 1.1rem !important;
  margin-top: 12px !important;
  margin-bottom: 8px !important;
  line-height: 1.3 !important;
  transition: color 0.2s ease !important;
}

.woocommerce ul.products li.product a {
  text-decoration: none !important;
}

.woocommerce ul.products li.product a:hover .woocommerce-loop-product__title {
  color: var(--primary-green) !important;
}

.woocommerce ul.products li.product .price {
  color: var(--primary-green) !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 700 !important;
  font-size: 1.05rem !important;
  margin-bottom: 12px !important;
  display: block !important;
}

.woocommerce ul.products li.product .price del {
  color: var(--text-muted) !important;
  font-weight: 400 !important;
  font-size: 0.9rem !important;
  margin-right: 6px !important;
}

.woocommerce ul.products li.product .price ins {
  background: transparent !important;
  text-decoration: none !important;
  color: var(--accent-orange) !important;
}

.woocommerce ul.products li.product .button {
  background-color: var(--primary-light) !important;
  color: var(--primary-green) !important;
  border: none !important;
  padding: 10px 16px !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
  font-size: 0.85rem !important;
  text-align: center !important;
  display: block !important;
  width: 100% !important;
  transition: all 0.3s ease !important;
  margin-top: 10px !important;
}

.woocommerce ul.products li.product .button:hover {
  background-color: var(--primary-green) !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 10px rgba(46,125,50,0.15) !important;
}

.woocommerce ul.products li.product .onsale {
  background-color: var(--accent-orange) !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 0.7rem !important;
  text-transform: uppercase !important;
  padding: 4px 10px !important;
  border-radius: 20px !important;
  min-height: auto !important;
  min-width: auto !important;
  line-height: 1 !important;
  top: 15px !important;
  left: 15px !important;
  margin: 0 !important;
  position: absolute !important;
  z-index: 10 !important;
}

/* Header & Navigation Menu Styling */
.main-navigation ul {
  display: flex;
  align-items: center;
  gap: 24px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.main-navigation li {
  margin: 0;
  padding: 0;
  position: relative;
}

.main-navigation a {
  text-decoration: none;
  color: var(--text-dark);
  font-weight: 600;
  font-size: 0.95rem;
  transition: all 0.2s ease;
  padding: 8px 0;
  display: block;
}

.main-navigation a:hover {
  color: var(--primary-green);
}

.main-navigation .current-menu-item a {
  color: var(--primary-green) !important;
}

.main-navigation .current-menu-item a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: var(--primary-green);
  border-radius: 2px;
}

/* Responsive Rules for Header */
@media (max-width: 991px) {
  .main-navigation {
    display: none !important;
  }
}

@media (max-width: 768px) {
  .search-desktop {
    display: none !important;
  }
  .account-link {
    display: none !important;
  }
}

/* Dokan Multi-Vendor Marketplace Styles Integration */
.dokan-dashboard-wrap, .dokan-store-wrap {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
}

/* Align Dokan buttons with theme green primary look */
.dokan-btn, .dokan-btn-theme, button[name="add_product"], .dokan-dashboard-wrap input[type="submit"] {
  background-color: var(--primary-green) !important;
  color: #ffffff !important;
  border-color: var(--primary-green) !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  transition: all 0.2s ease !important;
}

.dokan-btn:hover, .dokan-btn-theme:hover, button[name="add_product"]:hover, .dokan-dashboard-wrap input[type="submit"]:hover {
  background-color: #1B5E20 !important;
  border-color: #1B5E20 !important;
}

/* Vendor Dashboard Sidebar styling overrides */
.dokan-dashboard-menu {
  background-color: #ffffff !important;
  border-radius: 12px !important;
  border: 1px solid var(--border-color) !important;
  box-shadow: 0 4px 15px rgba(0,0,0,0.02) !important;
}

.dokan-dashboard-menu ul li.active, .dokan-dashboard-menu ul li:hover {
  background-color: var(--primary-light) !important;
}

.dokan-dashboard-menu ul li.active a, .dokan-dashboard-menu ul li:hover a {
  color: var(--primary-green) !important;
}

/* WooCommerce Login/Registration Page "I am a vendor" radio buttons spacing */
.user-role.vendor-customer-reg {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
  padding: 12px !important;
  background-color: #ffffff !important;
  border-radius: 10px !important;
  border: 1px solid var(--border-color) !important;
}

.user-role.vendor-customer-reg label {
  font-weight: 600 !important;
  margin-right: 15px !important;
  cursor: pointer !important;
}

/* --- Premium UI Border & Footer Link Overrides --- */

/* Footer Links & Interactive States */
.site-footer a {
  color: #889C8F !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.site-footer a:hover {
  color: #ffffff !important;
}

/* Form Fields & Input Element styling */
.woocommerce-input-wrapper input,
.woocommerce-input-wrapper textarea,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce-cart-form input.input-text,
.woocommerce-checkout input.input-text,
.select2-container--default .select2-selection--single,
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="search"],
select,
textarea {
  border: 1.5px solid var(--border-color) !important;
  border-radius: 10px !important;
  padding: 12px 16px !important;
  background-color: #ffffff !important;
  color: var(--text-dark) !important;
  font-size: 0.95rem !important;
  transition: all 0.25s ease !important;
  outline: none !important;
}

.woocommerce-input-wrapper input:focus,
.woocommerce-input-wrapper textarea:focus,
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.select2-container--default .select2-selection--single:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="search"]:focus,
select:focus,
textarea:focus {
  border-color: var(--primary-green) !important;
  box-shadow: 0 0 0 3px rgba(46, 125, 50, 0.1) !important;
}

/* Fix default quantity selectors borders */
.woocommerce .quantity .qty {
  border: 1.5px solid var(--border-color) !important;
  border-radius: 8px !important;
  padding: 8px !important;
  font-weight: 700 !important;
  background-color: #ffffff !important;
}

/* WooCommerce Shop Table and Checkout Review Table borders */
.woocommerce table.shop_table {
  border: 1px solid var(--border-color) !important;
  border-radius: 12px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  overflow: hidden !important;
}

.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
  border-top: 1px solid var(--border-color) !important;
  border-bottom: none !important;
  padding: 12px 15px !important;
}

/* WooCommerce Coupon form and checkout sections */
.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
  border: 1px solid var(--border-color) !important;
  border-radius: 12px !important;
  padding: 24px !important;
}

/* Ensure logo branding has no underlines or hover lines */
.site-branding a,
.site-branding a:hover,
.site-branding a:focus,
.site-branding a * {
  text-decoration: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

/* Social Login Button & Layout Styling */
.bhiwandicart-social-login-container {
  margin-top: 25px !important;
  margin-bottom: 10px !important;
  text-align: center !important;
}

.social-login-divider {
  display: flex !important;
  align-items: center !important;
  text-align: center !important;
  margin-bottom: 20px !important;
  color: var(--text-muted) !important;
  font-size: 0.8rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.2px !important;
}

.social-login-divider::before,
.social-login-divider::after {
  content: '' !important;
  flex: 1 !important;
  border-bottom: 1.5px solid var(--border-color) !important;
}

.social-login-divider::before {
  margin-right: 15px !important;
}

.social-login-divider::after {
  margin-left: 15px !important;
}

.bhiwandicart-social-login-container .nsl-container {
  display: flex !important;
  justify-content: center !important;
  gap: 15px !important;
  flex-wrap: wrap !important;
  margin: 0 auto !important;
}

.bhiwandicart-social-login-container .nsl-container-buttons a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 12px !important;
  padding: 12px 24px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 600 !important;
  font-size: 0.9rem !important;
  text-decoration: none !important;
  transition: all 0.25s ease !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02) !important;
}

.bhiwandicart-social-login-container .nsl-container-buttons a:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 15px rgba(46, 125, 50, 0.1) !important;
}

/* Premium Animations and Transitions */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.bhiwandicart-animate-fade-up {
  animation: fadeInUp 0.6s cubic-bezier(0.16, 1, 0.3, 1) both;
}

/* Fix Gutenberg border bug on legal pages */
.legal-page-content p {
  border-bottom: none !important;
  border-left: none !important;
  border-right: none !important;
}

/* Onboarding Progress Bar Styling */
.onboarding-steps-wrapper {
  max-width: 100%;
  margin: 0 auto 35px auto;
  padding: 0 10px;
}

.onboarding-progress-bar {
  display: flex;
  justify-content: space-between;
  position: relative;
  margin-bottom: 15px;
}

.onboarding-progress-bar::before {
  content: '';
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
  height: 3px;
  background-color: #E6EDE8;
  z-index: 1;
}

.onboarding-progress-bar .progress-line-fill {
  position: absolute;
  top: 20px;
  left: 0;
  height: 3px;
  background: linear-gradient(95deg, var(--primary-green), var(--light-green));
  z-index: 2;
  transition: width 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  width: 0%;
}

.progress-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 3;
  flex: 1;
}

.progress-step .step-circle {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background-color: #ffffff;
  border: 2px solid #E6EDE8;
  color: var(--text-muted);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.95rem;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02);
}

.progress-step .step-label {
  margin-top: 10px;
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.8px;
  transition: all 0.3s ease;
  text-align: center;
}

/* Active State */
.progress-step.active .step-circle {
  background-color: var(--primary-green);
  border-color: var(--primary-green);
  color: #ffffff;
  box-shadow: 0 4px 12px rgba(46, 125, 50, 0.2);
  transform: scale(1.08);
}

.progress-step.active .step-label {
  color: var(--primary-green);
}

/* Completed State */
.progress-step.completed .step-circle {
  background-color: var(--primary-light);
  border-color: var(--primary-green);
  color: var(--primary-green);
}

.progress-step.completed .step-label {
  color: var(--text-dark);
}

/* Active Step Mobile Title (Hidden on Desktop) */
.active-step-mobile-label {
  display: none;
  text-align: center;
  font-size: 0.85rem;
  font-weight: 700;
  color: var(--primary-green);
  margin-top: 12px;
  text-transform: uppercase;
  letter-spacing: 0.8px;
}

/* Responsive Overrides */
@media (max-width: 768px) {
  .progress-step .step-label {
    display: none; /* Hide labels on mobile to avoid overlapping */
  }
  
  .onboarding-progress-bar::before,
  .onboarding-progress-bar .progress-line-fill {
    top: 16px;
  }
  
  .progress-step .step-circle {
    width: 34px;
    height: 34px;
    font-size: 0.85rem;
  }
  
  .active-step-mobile-label {
    display: block; /* Show step summary text on mobile */
  }
}


/* Premium Onboarding Form Design - Inspired by Mobile App Design */

:root {
  --onboarding-primary: #48C38D; /* Bright mint green from the design mockup */
  --onboarding-bg: #E2F6EC;
  --onboarding-text-dark: #1A281E;
  --onboarding-text-muted: #7A8B80;
  --onboarding-border: #E6EDE8;
}

.vendor-onboarding-container {
  background-color: var(--onboarding-bg) !important; /* Soft mint background */
  min-height: 100vh;
  padding: 60px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Card layout */
.onboarding-wizard-card {
  background-color: #ffffff !important;
  border-radius: 32px !important;
  border: none !important;
  box-shadow: 0 20px 50px rgba(26, 40, 30, 0.04) !important;
  padding: 45px 40px !important;
  position: relative !important;
  overflow: hidden !important;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}

/* Clean Progress Tracker */
.onboarding-progress-tracker {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  max-width: 320px;
  margin: 0 auto 35px auto;
  padding: 0 10px;
}

.onboarding-progress-tracker::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 2px;
  background-color: var(--onboarding-border);
  transform: translateY(-50%);
  z-index: 1;
}

.onboarding-progress-tracker .progress-bar-fill {
  position: absolute;
  top: 50%;
  left: 0;
  height: 2px;
  background-color: var(--onboarding-primary);
  transform: translateY(-50%);
  z-index: 2;
  transition: width 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  width: 0%;
}

.progress-bar-step {
  position: relative;
  z-index: 3;
}

.progress-bar-step .pb-circle {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: #ffffff;
  border: 2px solid #C8E6C9;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0; /* Hide text default, show icon/dot */
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Completed: solid green with a checkmark */
.progress-bar-step.completed .pb-circle {
  background-color: var(--onboarding-primary);
  border-color: var(--onboarding-primary);
  color: #ffffff;
  font-size: 0.75rem;
  font-weight: bold;
}

.progress-bar-step.completed .pb-circle::after {
  content: '✓';
  display: block;
}

/* Active: solid green with a white center dot (double circle) */
.progress-bar-step.active .pb-circle {
  background-color: #ffffff;
  border-color: var(--onboarding-primary);
  border-width: 3px;
  box-shadow: 0 0 0 4px rgba(72, 195, 141, 0.15);
  transform: scale(1.1);
}

.progress-bar-step.active .pb-circle::after {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--onboarding-primary);
  display: block;
}

/* Future/Inactive: empty white/light green circle */
.progress-bar-step.future .pb-circle {
  background-color: #ffffff;
  border-color: var(--onboarding-border);
}

/* Step Counter Label */
.onboarding-step-counter {
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--onboarding-primary);
  text-transform: lowercase;
  margin-bottom: 8px;
  letter-spacing: 0.5px;
  display: block;
  font-family: 'Outfit', sans-serif !important;
}

/* Titles */
.onboarding-step-title {
  font-size: 2rem !important;
  font-family: 'Outfit', sans-serif !important;
  font-weight: 800 !important;
  color: var(--onboarding-text-dark) !important;
  margin-top: 0 !important;
  margin-bottom: 8px !important;
  line-height: 1.2 !important;
  letter-spacing: -0.5px !important;
}

.onboarding-step-desc {
  color: var(--onboarding-text-muted) !important;
  font-size: 0.95rem !important;
  line-height: 1.6 !important;
  margin-top: 0 !important;
  margin-bottom: 35px !important;
}

/* Underline Form Input Wrapper & Input Elements */
.underlined-input-wrapper {
  display: flex;
  align-items: center;
  border-bottom: 2px solid var(--onboarding-border);
  padding-bottom: 4px;
  transition: border-color 0.25s ease;
  margin-bottom: 24px;
}

.underlined-input-wrapper:focus-within {
  border-bottom-color: var(--onboarding-primary) !important;
}

.underlined-input-wrapper input,
.underlined-input-wrapper textarea {
  border: none !important;
  border-radius: 0 !important;
  padding: 8px 0 !important;
  background-color: transparent !important;
  font-size: 1.25rem !important;
  font-weight: 600 !important;
  color: var(--onboarding-text-dark) !important;
  box-shadow: none !important;
  margin: 0 !important;
  width: 100% !important;
  transition: none !important;
}

.underlined-input-wrapper input:focus,
.underlined-input-wrapper textarea:focus {
  outline: none !important;
  box-shadow: none !important;
}

.underlined-input-wrapper input::placeholder,
.underlined-input-wrapper textarea::placeholder {
  color: #C8D6CD !important;
  font-weight: 500 !important;
}

.underlined-input-wrapper .input-suffix {
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--onboarding-text-muted);
  padding-left: 10px;
  text-transform: uppercase;
  user-select: none;
}

/* Custom Premium File Upload Cards */
.custom-file-upload {
  margin-bottom: 24px;
}

.file-upload-trigger {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 2px dashed #C8E6C9 !important;
  border-radius: 20px !important;
  padding: 24px 20px !important;
  background-color: #F9FDFB !important;
  cursor: pointer;
  transition: all 0.25s ease !important;
  text-align: center;
  margin-bottom: 8px !important;
}

.file-upload-trigger:hover {
  border-color: var(--onboarding-primary) !important;
  background-color: #F1FAF5 !important;
  transform: translateY(-2px);
}

.file-upload-trigger .upload-icon {
  font-size: 1.8rem;
  color: var(--onboarding-primary);
  margin-bottom: 8px;
  display: block;
}

.file-upload-trigger .upload-title {
  font-weight: 700 !important;
  font-size: 0.95rem !important;
  color: var(--onboarding-text-dark) !important;
  margin-bottom: 4px;
}

.file-upload-trigger .upload-desc {
  font-size: 0.78rem !important;
  color: var(--onboarding-text-muted) !important;
  margin-bottom: 12px;
  font-weight: 400 !important;
}

.file-upload-trigger .uploaded-file-name {
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--onboarding-primary);
  background-color: var(--onboarding-bg);
  padding: 4px 12px;
  border-radius: 12px;
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Navigation Buttons Footer */
.onboarding-wizard-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;
  padding-top: 25px;
  border-top: 1px solid var(--onboarding-border);
}

.wizard-back-link {
  color: var(--onboarding-text-muted) !important;
  font-weight: 700 !important;
  font-size: 0.95rem !important;
  text-decoration: none !important;
  background: none !important;
  border: none !important;
  padding: 0 !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  transition: color 0.2s ease !important;
  font-family: 'Outfit', sans-serif !important;
}

.wizard-back-link:hover {
  color: var(--onboarding-text-dark) !important;
}

.wizard-next-pill {
  background-color: var(--onboarding-primary) !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 0.95rem !important;
  padding: 12px 32px !important;
  border-radius: 30px !important;
  border: none !important;
  cursor: pointer !important;
  box-shadow: 0 4px 15px rgba(72, 195, 141, 0.2) !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-family: 'Outfit', sans-serif !important;
  text-decoration: none !important;
}

.wizard-next-pill:hover {
  background-color: #3EB080 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 20px rgba(72, 195, 141, 0.3) !important;
}

/* Bottom Draft Status */
.onboarding-draft-status {
  text-align: center;
  margin-top: 25px;
  font-size: 0.78rem;
  color: var(--onboarding-text-muted);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.onboarding-draft-status svg {
  color: var(--onboarding-primary);
  width: 14px;
  height: 14px;
}

/* Mobile responsive styles */
@media (max-width: 600px) {
  .vendor-onboarding-container {
    padding: 20px 10px;
  }
  .onboarding-wizard-card {
    padding: 30px 20px !important;
    border-radius: 24px !important;
  }
  .onboarding-step-title {
    font-size: 1.6rem !important;
  }
  .underlined-input-wrapper input {
    font-size: 1.15rem !important;
  }
}