/* ============================================================
   AIWB — CONFIGURATOR OVERRIDE
   Complete reset + premium redesign of the left-side panel.
   Scoped to .aiwb-root to defeat WordPress / Elementor bleed-in.
   ============================================================ */

/* ── Hard Reset — kill every WordPress/theme/browser intrusion ── */
.aiwb-root,
.aiwb-root *,
.aiwb-root *::before,
.aiwb-root *::after {
  box-sizing:        border-box !important;
  -webkit-font-smoothing: antialiased;
}

/* Kill every possible red/pink source from WordPress core & Hello Elementor */
.aiwb-root a,
.aiwb-root a:visited,
.aiwb-root a:hover,
.aiwb-root a:focus,
.aiwb-root a:active                { color: inherit; text-decoration: none; outline: none; }
.aiwb-root button,
.aiwb-root input,
.aiwb-root textarea,
.aiwb-root select,
.aiwb-root label                   { font-family: inherit; }
.aiwb-root button:focus,
.aiwb-root input:focus,
.aiwb-root select:focus,
.aiwb-root textarea:focus          { outline: none !important; box-shadow: none; }
.aiwb-root button:focus-visible    { outline: 2px solid #6C63FF !important; outline-offset: 2px !important; }
.aiwb-root input[type="checkbox"]  { accent-color: #6C63FF; }

/* WordPress injects these — nuke them inside our root */
.aiwb-root .wp-block-button__link,
.aiwb-root .button,
.aiwb-root .btn                    { background: none; border: none; padding: 0; }

/* ── Updated Design Tokens — no red anywhere ── */
.aiwb-root {
  --aiwb-primary:        #6C63FF;
  --aiwb-primary-glow:   rgba(108, 99, 255, 0.22);
  --aiwb-secondary:      #00C2FF;
  --aiwb-secondary-glow: rgba(0, 194, 255, 0.18);
  --aiwb-accent:         #8B5CF6;
  --aiwb-accent-glow:    rgba(139, 92, 246, 0.2);
  --aiwb-bg:             #060912;
  --aiwb-surface:        #0C1018;
  --aiwb-surface2:       #111827;
  --aiwb-surface3:       #1F2937;
  --aiwb-surface4:       #263044;
  --aiwb-border:         rgba(255, 255, 255, 0.06);
  --aiwb-border-subtle:  rgba(255, 255, 255, 0.04);
  --aiwb-border-active:  rgba(108, 99, 255, 0.5);
  --aiwb-text:           #F0F4FF;
  --aiwb-text-muted:     #6B7A99;
  --aiwb-text-dim:       #374151;
  --aiwb-glass-bg:       rgba(255, 255, 255, 0.03);
  --aiwb-glass-border:   rgba(255, 255, 255, 0.07);
  --aiwb-radius:         12px;
  --aiwb-radius-lg:      20px;
  --aiwb-radius-xl:      28px;
  --aiwb-font-display:   'Syne', sans-serif;
  --aiwb-font-body:      'DM Sans', sans-serif;
  --aiwb-transition:     0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --aiwb-transition-fast:0.16s cubic-bezier(0.4, 0, 0.2, 1);
  --aiwb-conf-width:     400px;
}

/* ── Configurator Outer Panel ─────────────────────────────── */
.aiwb-configurator {
  display:          flex !important;
  flex-direction:   column !important;
  gap:              2px !important;
  background:       linear-gradient(160deg, #0C1018 0%, #0F172A 100%) !important;
  border:           1px solid var(--aiwb-glass-border) !important;
  border-radius:    var(--aiwb-radius-xl) !important;
  padding:          6px !important;
  position:         sticky !important;
  top:              24px !important;
  max-height:       calc(100vh - 48px) !important;
  overflow-y:       auto !important;
  scrollbar-width:  thin !important;
  scrollbar-color:  #1F2937 transparent !important;
  box-shadow:       0 0 0 1px rgba(108,99,255,0.08),
                    0 24px 64px rgba(0,0,0,0.6),
                    inset 0 1px 0 rgba(255,255,255,0.05) !important;
}

.aiwb-configurator::-webkit-scrollbar       { width: 3px; }
.aiwb-configurator::-webkit-scrollbar-track  { background: transparent; }
.aiwb-configurator::-webkit-scrollbar-thumb  { background: #1F2937; border-radius: 4px; }

/* ── Config Section Cards ─────────────────────────────────── */
.aiwb-config-section {
  padding:       18px 16px !important;
  border-radius: 16px !important;
  border:        1px solid transparent !important;
  background:    transparent !important;
  transition:    background var(--aiwb-transition-fast),
                 border-color var(--aiwb-transition-fast) !important;
  position:      relative !important;
}

.aiwb-config-section:hover {
  background:    var(--aiwb-glass-bg) !important;
  border-color:  var(--aiwb-border) !important;
}

/* Divider between sections */
.aiwb-config-section + .aiwb-config-section {
  border-top: 1px solid rgba(255,255,255,0.04) !important;
  border-radius: 0 0 16px 16px !important;
  margin-top: 0 !important;
}

/* ── Section Label ────────────────────────────────────────── */
.aiwb-section-label {
  display:       flex !important;
  align-items:   center !important;
  gap:           10px !important;
  font-family:   var(--aiwb-font-display) !important;
  font-size:     10px !important;
  font-weight:   700 !important;
  letter-spacing:0.14em !important;
  text-transform:uppercase !important;
  color:         #4B5E7A !important;
  margin-bottom: 14px !important;
}

.aiwb-step-num {
  display:         flex !important;
  align-items:     center !important;
  justify-content: center !important;
  width:           22px !important;
  height:          22px !important;
  border-radius:   7px !important;
  background:      linear-gradient(135deg, rgba(108,99,255,0.15), rgba(0,194,255,0.1)) !important;
  border:          1px solid rgba(108,99,255,0.25) !important;
  color:           #6C63FF !important;
  font-size:       9px !important;
  font-weight:     800 !important;
  flex-shrink:     0 !important;
  font-family:     var(--aiwb-font-display) !important;
}

/* ── Business Type Buttons ────────────────────────────────── */
.aiwb-business-grid {
  display:               grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap:                   5px !important;
}

.aiwb-biz-btn {
  padding:        9px 10px !important;
  border-radius:  9px !important;
  border:         1px solid rgba(255,255,255,0.06) !important;
  background:     rgba(255,255,255,0.02) !important;
  color:          #5A6A85 !important;
  font-family:    var(--aiwb-font-body) !important;
  font-size:      12px !important;
  font-weight:    500 !important;
  cursor:         pointer !important;
  transition:     all var(--aiwb-transition-fast) !important;
  text-align:     left !important;
  line-height:    1.3 !important;
  position:       relative !important;
  overflow:       hidden !important;
  /* Kill browser defaults */
  -webkit-appearance: none !important;
  appearance:     none !important;
  box-shadow:     none !important;
  text-shadow:    none !important;
}

.aiwb-biz-btn::before {
  content:        '' !important;
  position:       absolute !important;
  inset:          0 !important;
  background:     linear-gradient(135deg, rgba(108,99,255,0.08), rgba(0,194,255,0.04)) !important;
  opacity:        0 !important;
  transition:     opacity var(--aiwb-transition-fast) !important;
  border-radius:  8px !important;
}

.aiwb-biz-btn:hover {
  border-color: rgba(108,99,255,0.3) !important;
  color:        #A8B4CE !important;
  transform:    translateY(-1px) !important;
  box-shadow:   0 4px 16px rgba(0,0,0,0.3) !important;
}

.aiwb-biz-btn:hover::before { opacity: 1 !important; }

.aiwb-biz-btn.active {
  border-color: rgba(108,99,255,0.6) !important;
  background:   linear-gradient(135deg, rgba(108,99,255,0.14), rgba(0,194,255,0.08)) !important;
  color:        #A5A1FF !important;
  transform:    translateY(-1px) !important;
  box-shadow:   0 0 0 1px rgba(108,99,255,0.2),
                0 4px 20px rgba(108,99,255,0.15),
                inset 0 1px 0 rgba(255,255,255,0.06) !important;
  font-weight:  600 !important;
}

.aiwb-biz-btn:focus { outline: none !important; box-shadow: none !important; }

/* ── Design Style Buttons ─────────────────────────────────── */
.aiwb-style-grid {
  display:               grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap:                   5px !important;
}

.aiwb-style-btn {
  padding:        9px 12px !important;
  border-radius:  9px !important;
  border:         1px solid rgba(255,255,255,0.06) !important;
  background:     rgba(255,255,255,0.02) !important;
  color:          #5A6A85 !important;
  font-family:    var(--aiwb-font-body) !important;
  font-size:      12px !important;
  font-weight:    500 !important;
  cursor:         pointer !important;
  transition:     all var(--aiwb-transition-fast) !important;
  text-align:     center !important;
  -webkit-appearance: none !important;
  appearance:     none !important;
  box-shadow:     none !important;
}

.aiwb-style-btn:hover {
  border-color: rgba(0,194,255,0.3) !important;
  color:        #A8B4CE !important;
  background:   rgba(0,194,255,0.05) !important;
  transform:    translateY(-1px) !important;
}

.aiwb-style-btn.active {
  border-color: rgba(0,194,255,0.55) !important;
  background:   linear-gradient(135deg, rgba(0,194,255,0.12), rgba(108,99,255,0.08)) !important;
  color:        #6DD8FF !important;
  box-shadow:   0 0 0 1px rgba(0,194,255,0.15),
                0 4px 16px rgba(0,194,255,0.12) !important;
  font-weight:  600 !important;
}

.aiwb-style-btn:focus { outline: none !important; box-shadow: none !important; }
.aiwb-style-btn.active:focus {
  box-shadow:   0 0 0 1px rgba(0,194,255,0.15),
                0 4px 16px rgba(0,194,255,0.12) !important;
}

/* ── Color Palette Swatches ───────────────────────────────── */
.aiwb-palette-row {
  display:     flex !important;
  flex-wrap:   wrap !important;
  gap:         10px !important;
  align-items: center !important;
}

.aiwb-palette-btn {
  width:          40px !important;
  height:         40px !important;
  border-radius:  50% !important;
  border:         2px solid rgba(255,255,255,0.08) !important;
  cursor:         pointer !important;
  padding:        3px !important;
  background:     linear-gradient(var(--aiwb-surface2), var(--aiwb-surface2)) padding-box,
                  linear-gradient(135deg, var(--pal-p, #6C63FF), var(--pal-s, #00C2FF)) border-box !important;
  transition:     all var(--aiwb-transition-fast) !important;
  position:       relative !important;
  -webkit-appearance: none !important;
  appearance:     none !important;
  box-shadow:     0 2px 8px rgba(0,0,0,0.3) !important;
}

.aiwb-palette-btn:hover {
  transform:  scale(1.18) !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.4), 0 0 12px var(--pal-p, #6C63FF) !important;
  border-color: transparent !important;
}

.aiwb-palette-btn.active {
  transform:  scale(1.22) !important;
  border:     2px solid transparent !important;
  box-shadow: 0 0 0 3px var(--pal-p, #6C63FF),
              0 0 20px var(--pal-p, #6C63FF),
              0 4px 20px rgba(0,0,0,0.4) !important;
}

.aiwb-palette-btn:focus {
  outline:    none !important;
  box-shadow: 0 0 0 3px rgba(108,99,255,0.4) !important;
}

.aiwb-swatch-inner {
  display:       block !important;
  width:         100% !important;
  height:        100% !important;
  border-radius: 50% !important;
  background:    linear-gradient(135deg, var(--pal-p, #6C63FF), var(--pal-s, #00C2FF)) !important;
}

/* ── Layout Type Buttons ──────────────────────────────────── */
.aiwb-layout-grid {
  display:               grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap:                   5px !important;
}

.aiwb-layout-btn {
  padding:        9px 10px !important;
  border-radius:  9px !important;
  border:         1px solid rgba(255,255,255,0.06) !important;
  background:     rgba(255,255,255,0.02) !important;
  color:          #5A6A85 !important;
  font-family:    var(--aiwb-font-body) !important;
  font-size:      12px !important;
  font-weight:    500 !important;
  cursor:         pointer !important;
  transition:     all var(--aiwb-transition-fast) !important;
  text-align:     center !important;
  -webkit-appearance: none !important;
  appearance:     none !important;
  box-shadow:     none !important;
}

.aiwb-layout-btn:hover {
  border-color: rgba(139,92,246,0.35) !important;
  color:        #A8B4CE !important;
  background:   rgba(139,92,246,0.06) !important;
  transform:    translateY(-1px) !important;
}

.aiwb-layout-btn.active {
  border-color: rgba(139,92,246,0.6) !important;
  background:   linear-gradient(135deg, rgba(139,92,246,0.14), rgba(108,99,255,0.08)) !important;
  color:        #C4B5FD !important;
  box-shadow:   0 0 0 1px rgba(139,92,246,0.2),
                0 4px 16px rgba(139,92,246,0.15) !important;
  font-weight:  600 !important;
}

.aiwb-layout-btn:focus { outline: none !important; box-shadow: none !important; }
.aiwb-layout-btn.active:focus {
  box-shadow: 0 0 0 1px rgba(139,92,246,0.2), 0 4px 16px rgba(139,92,246,0.15) !important;
}

/* ── Company Name Input ───────────────────────────────────── */
.aiwb-input-wrap { position: relative !important; }

.aiwb-text-input {
  width:          100% !important;
  padding:        13px 46px 13px 16px !important;
  background:     rgba(255,255,255,0.03) !important;
  border:         1px solid rgba(255,255,255,0.08) !important;
  border-radius:  11px !important;
  color:          #E0E8FF !important;
  font-family:    var(--aiwb-font-body) !important;
  font-size:      14px !important;
  outline:        none !important;
  transition:     all var(--aiwb-transition-fast) !important;
  box-shadow:     none !important;
  -webkit-appearance: none !important;
  appearance:     none !important;
}

.aiwb-text-input::placeholder { color: #374151 !important; }

.aiwb-text-input:focus {
  border-color: rgba(108,99,255,0.5) !important;
  background:   rgba(108,99,255,0.05) !important;
  box-shadow:   0 0 0 3px rgba(108,99,255,0.1),
                inset 0 1px 0 rgba(255,255,255,0.04) !important;
  outline:      none !important;
}

.aiwb-input-icon {
  position:  absolute !important;
  right:     14px !important;
  top:       50% !important;
  transform: translateY(-50%) !important;
  color:     #374151 !important;
  width:     16px !important;
  height:    16px !important;
  pointer-events: none !important;
}

/* ── Feature Checkboxes ───────────────────────────────────── */
.aiwb-features-grid {
  display:               grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap:                   5px !important;
}

.aiwb-feature-check {
  display:       flex !important;
  align-items:   center !important;
  gap:           8px !important;
  cursor:        pointer !important;
  padding:       8px 9px !important;
  border-radius: 9px !important;
  border:        1px solid transparent !important;
  transition:    all var(--aiwb-transition-fast) !important;
  background:    transparent !important;
  position:      relative !important;
  overflow:      hidden !important;
}

.aiwb-feature-check::before {
  content:        '' !important;
  position:       absolute !important;
  inset:          0 !important;
  background:     linear-gradient(135deg, rgba(108,99,255,0.07), rgba(0,194,255,0.04)) !important;
  opacity:        0 !important;
  transition:     opacity var(--aiwb-transition-fast) !important;
  border-radius:  8px !important;
}

.aiwb-feature-check:hover {
  border-color:   rgba(108,99,255,0.2) !important;
  background:     rgba(255,255,255,0.02) !important;
}

.aiwb-feature-check:hover::before { opacity: 1 !important; }

/* Fully hidden native checkbox — no red accent bleed */
.aiwb-feature-input {
  position:   absolute !important;
  opacity:    0 !important;
  width:      0 !important;
  height:     0 !important;
  pointer-events: none !important;
  margin:     0 !important;
  padding:    0 !important;
  border:     none !important;
  background: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

/* Custom checkbox box */
.aiwb-check-box {
  width:           18px !important;
  height:          18px !important;
  border-radius:   5px !important;
  border:          1px solid rgba(255,255,255,0.1) !important;
  background:      rgba(255,255,255,0.03) !important;
  display:         flex !important;
  align-items:     center !important;
  justify-content: center !important;
  flex-shrink:     0 !important;
  transition:      all var(--aiwb-transition-fast) !important;
  color:           transparent !important;
  box-shadow:      none !important;
}

.aiwb-check-box svg { width: 10px !important; height: 10px !important; }

/* Checked state — pure blue/purple glow, NO red */
.aiwb-feature-input:checked + .aiwb-check-box {
  background:   linear-gradient(135deg, #6C63FF, #00C2FF) !important;
  border-color: transparent !important;
  color:        #ffffff !important;
  box-shadow:   0 0 12px rgba(108,99,255,0.4),
                0 2px 6px rgba(0,0,0,0.3) !important;
}

/* Active feature row highlight */
.aiwb-feature-check:has(.aiwb-feature-input:checked) {
  border-color:   rgba(108,99,255,0.3) !important;
  background:     rgba(108,99,255,0.05) !important;
}

.aiwb-feature-check:has(.aiwb-feature-input:checked)::before {
  opacity: 1 !important;
}

.aiwb-check-label {
  font-size:   12px !important;
  font-weight: 500 !important;
  color:       #4B5E7A !important;
  transition:  color var(--aiwb-transition-fast) !important;
  line-height: 1.2 !important;
  position:    relative !important;
  z-index:     1 !important;
}

.aiwb-feature-check:has(.aiwb-feature-input:checked) .aiwb-check-label {
  color: #B0BCDA !important;
}

/* ── Theme Mode Toggle ────────────────────────────────────── */
.aiwb-toggle-row {
  display:       flex !important;
  gap:           8px !important;
  background:    rgba(255,255,255,0.02) !important;
  border:        1px solid rgba(255,255,255,0.05) !important;
  border-radius: 12px !important;
  padding:       5px !important;
}

.aiwb-mode-btn {
  display:         flex !important;
  align-items:     center !important;
  gap:             7px !important;
  flex:            1 !important;
  justify-content: center !important;
  padding:         9px !important;
  border-radius:   9px !important;
  border:          1px solid transparent !important;
  background:      transparent !important;
  color:           #4B5E7A !important;
  font-family:     var(--aiwb-font-body) !important;
  font-size:       13px !important;
  font-weight:     500 !important;
  cursor:          pointer !important;
  transition:      all var(--aiwb-transition-fast) !important;
  -webkit-appearance: none !important;
  appearance:      none !important;
  box-shadow:      none !important;
}

.aiwb-mode-btn:hover {
  color:      #8899BB !important;
  background: rgba(255,255,255,0.03) !important;
}

.aiwb-mode-btn.active {
  border-color: rgba(108,99,255,0.4) !important;
  background:   linear-gradient(135deg, rgba(108,99,255,0.14), rgba(0,194,255,0.08)) !important;
  color:        #A5A1FF !important;
  box-shadow:   0 2px 12px rgba(108,99,255,0.15),
                inset 0 1px 0 rgba(255,255,255,0.06) !important;
}

.aiwb-mode-btn:focus         { outline: none !important; box-shadow: none !important; }
.aiwb-mode-btn.active:focus  {
  box-shadow: 0 2px 12px rgba(108,99,255,0.15), inset 0 1px 0 rgba(255,255,255,0.06) !important;
}

/* ── Generate Button ──────────────────────────────────────── */
.aiwb-cta-wrap {
  padding:    14px 16px 18px !important;
  margin-top: 4px !important;
}

.aiwb-generate-btn {
  display:         flex !important;
  align-items:     center !important;
  justify-content: center !important;
  gap:             10px !important;
  width:           100% !important;
  padding:         16px 24px !important;
  border-radius:   13px !important;
  border:          none !important;
  background:      linear-gradient(135deg, #6C63FF 0%, #8B5CF6 50%, #00C2FF 100%) !important;
  color:           #ffffff !important;
  font-family:     var(--aiwb-font-display) !important;
  font-size:       15px !important;
  font-weight:     700 !important;
  letter-spacing:  0.02em !important;
  cursor:          pointer !important;
  position:        relative !important;
  overflow:        hidden !important;
  transition:      all var(--aiwb-transition) !important;
  box-shadow:      0 4px 24px rgba(108,99,255,0.35),
                   0 1px 0 rgba(255,255,255,0.15) inset !important;
  -webkit-appearance: none !important;
  appearance:      none !important;
  text-shadow:     0 1px 2px rgba(0,0,0,0.2) !important;
}

.aiwb-generate-btn::before {
  content:        '' !important;
  position:       absolute !important;
  inset:          0 !important;
  background:     linear-gradient(135deg, rgba(255,255,255,0.18) 0%, transparent 55%) !important;
  opacity:        0 !important;
  transition:     opacity var(--aiwb-transition-fast) !important;
}

/* Animated shimmer sweep */
.aiwb-generate-btn::after {
  content:    '' !important;
  position:   absolute !important;
  top:        0 !important;
  left:       -100% !important;
  width:      60% !important;
  height:     100% !important;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.12), transparent) !important;
  transition: left 0.6s ease !important;
}

.aiwb-generate-btn:hover {
  transform:  translateY(-2px) !important;
  box-shadow: 0 8px 40px rgba(108,99,255,0.45),
              0 2px 0 rgba(255,255,255,0.12) inset !important;
}

.aiwb-generate-btn:hover::before { opacity: 1 !important; }
.aiwb-generate-btn:hover::after  { left: 140% !important; }
.aiwb-generate-btn:active        { transform: translateY(0) !important; }

.aiwb-generate-btn:focus {
  outline:    none !important;
  box-shadow: 0 0 0 3px rgba(108,99,255,0.4),
              0 4px 24px rgba(108,99,255,0.3) !important;
}

.aiwb-generate-btn.loading {
  pointer-events: none !important;
  opacity:        0.75 !important;
}

.aiwb-btn-text { position: relative !important; z-index: 1 !important; }
.aiwb-btn-icon { display: flex !important; transition: transform var(--aiwb-transition-fast) !important; position: relative !important; z-index: 1 !important; }
.aiwb-generate-btn:hover .aiwb-btn-icon { transform: translateX(4px) !important; }

.aiwb-cta-note {
  text-align: center !important;
  font-size:  12px !important;
  color:      #2D3B55 !important;
  margin:     10px 0 0 !important;
  font-family: var(--aiwb-font-body) !important;
}

/* ── Separator line between sections ─────────────────────── */
.aiwb-config-divider {
  height:     1px !important;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.05), transparent) !important;
  margin:     4px 8px !important;
  flex-shrink:0 !important;
}

/* ── Header badge & orb tokens (sync with new palette) ───── */
.aiwb-header-badge {
  background:  rgba(108,99,255,0.08) !important;
  border-color:rgba(108,99,255,0.22) !important;
  color:       #A5A1FF !important;
}

.aiwb-badge-dot { background: #6C63FF !important; }

.aiwb-headline {
  background: linear-gradient(135deg, #ffffff 0%, #A5A1FF 45%, #6DD8FF 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

/* Orbs — match new palette */
.aiwb-orb-1 { background: radial-gradient(circle, #6C63FF 0%, transparent 70%) !important; }
.aiwb-orb-2 { background: radial-gradient(circle, #8B5CF6 0%, transparent 70%) !important; }
.aiwb-orb-3 { background: radial-gradient(circle, #00C2FF 0%, transparent 70%) !important; }

/* Cursor glow */
.aiwb-cursor-glow {
  background: radial-gradient(circle, rgba(108,99,255,0.1) 0%, transparent 70%) !important;
}

/* ── Preview panel sync ───────────────────────────────────── */
.aiwb-preview-toolbar {
  background:   #0C1018 !important;
  border-color: rgba(255,255,255,0.06) !important;
}

.aiwb-preview-viewport {
  background:   #0C1018 !important;
  border-color: rgba(255,255,255,0.06) !important;
}

.aiwb-device-btn.active {
  background:   rgba(108,99,255,0.12) !important;
  border-color: rgba(108,99,255,0.5) !important;
  color:        #A5A1FF !important;
}

.aiwb-device-btn:hover {
  border-color: rgba(108,99,255,0.3) !important;
  color:        #8899BB !important;
}

.aiwb-pricing-card {
  background:   linear-gradient(160deg, #0C1018, #0F172A) !important;
  border-color: rgba(255,255,255,0.06) !important;
  box-shadow:   0 8px 32px rgba(0,0,0,0.4) !important;
}

.aiwb-price-num {
  background:    linear-gradient(135deg, #A5A1FF, #6DD8FF) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

.aiwb-contact-btn {
  background: linear-gradient(135deg, #6C63FF, #00C2FF) !important;
  box-shadow: 0 4px 20px rgba(108,99,255,0.3) !important;
}

.aiwb-contact-btn:hover {
  box-shadow: 0 8px 32px rgba(108,99,255,0.45) !important;
  color: #fff !important;
}

.aiwb-loader-bar {
  background: linear-gradient(90deg, #6C63FF, #00C2FF) !important;
}

/* ── Elementor interference nuclear reset ─────────────────── */
.aiwb-root button:not([class*="elementor"]),
.aiwb-root input:not([class*="elementor"]) {
  font-family: var(--aiwb-font-body) !important;
}

/* Elementor sometimes forces red on :focus */
.aiwb-root *:focus { outline-color: #6C63FF !important; }
.aiwb-root input:focus,
.aiwb-root button:focus,
.aiwb-root select:focus { box-shadow: none !important; border-color: inherit; }

/* Remove any inherited color from .e-con, .elementor-widget-container, etc. */
.aiwb-root .elementor-widget-container > * { color: inherit; }