.elementor-1658 .elementor-element.elementor-element-8c5e435{--display:flex;}.elementor-1658 .elementor-element.elementor-element-8c5e435.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1658 .elementor-element.elementor-element-235e1d7{width:var( --container-widget-width, 130.678% );max-width:130.678%;--container-widget-width:130.678%;--container-widget-flex-grow:0;}.elementor-1658 .elementor-element.elementor-element-235e1d7.elementor-element{--flex-grow:0;--flex-shrink:0;}@media(min-width:768px){.elementor-1658 .elementor-element.elementor-element-8c5e435{--width:133.934%;}}/* Start custom CSS for html, class: .elementor-element-235e1d7 *//**
 * IA-Consult - CSS optimisé pour WordPress
 * Version WordPress avec sélecteurs renforcés pour éviter les conflits
 * À utiliser avec Enqueue ou dans le thème WordPress
 */

/* ==================== RESET WORDPRESS STYLES ==================== */
/* Annule les styles WordPress qui interfèrent */
.site-content button,
.entry-content button,
button.tab-btn {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  font-family: inherit !important;
}

/* Force les styles Inter pour tout le contenu */
.ia-consult-wrapper,
.ia-consult-wrapper * {
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
}

/* ==================== VARIABLES CSS ==================== */
:root {
  --bg: #ffffff;
  --bg-alt: #fafbfc;
  --card: #ffffff;
  --text: #1a202c;
  --text-muted: #64748b;
  --text-light: #94a3b8;
  --brand: #8b5cf6;
  --brand-light: #a78bfa;
  --brand-lighter: #c4b5fd;
  --brand-pale: #ede9fe;
  --accent: #ec4899;
  --ok: #10b981;
  --danger: #ef4444;
  --border: #e2e8f0;
  --border-light: #f1f5f9;
  --shadow: 0 4px 6px -1px rgba(0,0,0,.05), 0 2px 4px -1px rgba(0,0,0,.03);
  --shadow-md: 0 10px 15px -3px rgba(0,0,0,.08), 0 4px 6px -2px rgba(0,0,0,.03);
  --shadow-lg: 0 20px 25px -5px rgba(0,0,0,.08), 0 10px 10px -5px rgba(0,0,0,.02);
  --radius: 16px;
  --maxw: 1280px;
  --section-spacing: 100px;
}

/* ==================== TABS - CORRECTION POUR WORDPRESS ==================== */
/* Sélecteurs renforcés pour les tabs */
.ia-consult-wrapper .tabs,
#ia-consult .tabs {
  background: var(--bg) !important;
  border: 1px solid var(--border) !important;
  border-radius: 16px !important;
  padding: 8px !important;
  display: flex !important;
  gap: 8px !important;
  margin-bottom: 40px !important;
  overflow-x: auto;
  box-shadow: var(--shadow) !important;
}

.ia-consult-wrapper .tab-btn,
#ia-consult .tab-btn,
button.tab-btn {
  flex: 1 !important;
  padding: 14px 24px !important;
  border: none !important;
  border-radius: 12px !important;
  background: transparent !important;
  color: var(--text-muted) !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  cursor: pointer !important;
  transition: all 0.2s !important;
  white-space: nowrap !important;
  font-family: Inter, sans-serif !important;
}

.ia-consult-wrapper .tab-btn:hover,
#ia-consult .tab-btn:hover,
button.tab-btn:hover {
  background: var(--brand-pale) !important;
  color: var(--brand) !important;
}

.ia-consult-wrapper .tab-btn.active,
#ia-consult .tab-btn.active,
button.tab-btn.active {
  background: linear-gradient(135deg, #8b5cf6, #a78bfa) !important;
  color: #fff !important;
  box-shadow: var(--shadow) !important;
}

/* ==================== FAQ ACCORDION - CORRECTION ==================== */
.ia-consult-wrapper .faq-question,
#ia-consult .faq-question,
button.faq-question {
  width: 100% !important;
  padding: 22px 28px !important;
  border: none !important;
  background: transparent !important;
  color: var(--text) !important;
  font-size: 1.1rem !important;
  font-weight: 700 !important;
  text-align: left !important;
  cursor: pointer !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  transition: all 0.2s !important;
  font-family: Inter, sans-serif !important;
}

.ia-consult-wrapper .faq-question:hover,
#ia-consult .faq-question:hover,
button.faq-question:hover {
  background: var(--brand-pale) !important;
}

.ia-consult-wrapper .faq-item,
#ia-consult .faq-item {
  background: var(--card) !important;
  border: 1px solid var(--border) !important;
  border-radius: 16px !important;
  margin-bottom: 16px !important;
  overflow: hidden !important;
  box-shadow: var(--shadow) !important;
  transition: all 0.2s !important;
}

.ia-consult-wrapper .faq-icon,
#ia-consult .faq-icon {
  font-size: 20px !important;
  transition: transform 0.3s !important;
  color: var(--brand) !important;
}

.ia-consult-wrapper .faq-item.open .faq-icon,
#ia-consult .faq-item.open .faq-icon {
  transform: rotate(180deg) !important;
}

/* ==================== BUTTONS - CORRECTION ==================== */
.ia-consult-wrapper .btn,
#ia-consult .btn,
a.btn,
button.btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.6rem !important;
  border: 2px solid transparent !important;
  border-radius: 12px !important;
  padding: 14px 32px !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
  text-align: center !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  font-family: Inter, sans-serif !important;
}

.ia-consult-wrapper .btn.primary,
#ia-consult .btn.primary,
a.btn.primary,
button.btn.primary {
  background: linear-gradient(135deg, #8b5cf6, #a78bfa) !important;
  color: #fff !important;
  border-color: var(--brand) !important;
}

.ia-consult-wrapper .btn.primary:hover,
#ia-consult .btn.primary:hover,
a.btn.primary:hover,
button.btn.primary:hover {
  background: var(--brand-light) !important;
  border-color: var(--brand-light) !important;
  transform: translateY(-2px) !important;
  box-shadow: var(--shadow-md) !important;
}

.ia-consult-wrapper .btn.secondary,
#ia-consult .btn.secondary,
a.btn.secondary,
button.btn.secondary {
  background: #fff !important;
  border: 2px solid var(--border) !important;
  color: var(--text) !important;
}

.ia-consult-wrapper .btn.secondary:hover,
#ia-consult .btn.secondary:hover,
a.btn.secondary:hover,
button.btn.secondary:hover {
  border-color: var(--brand) !important;
  color: var(--brand) !important;
  transform: translateY(-2px) !important;
}

/* ==================== HERO GRADIENT ==================== */
.ia-consult-wrapper .hero-gradient,
#ia-consult .hero-gradient {
  background: linear-gradient(135deg, var(--brand), var(--accent)) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}

/* ==================== RESPONSIVE ==================== */
@media (max-width: 768px) {
  .ia-consult-wrapper .tabs,
  #ia-consult .tabs {
    flex-direction: column !important;
  }
  
  .ia-consult-wrapper .tab-btn,
  #ia-consult .tab-btn {
    width: 100% !important;
  }
}/* End custom CSS */