/**
 * =============================================================================
 * AUTOASSESSIQ - BLUE GRADIENT UNIVERSAL
 * =============================================================================
 * Version: 2.9.29 (Phase 1.61)
 * Date: 2 mars 2026
 * 
 * Ce fichier applique le dégradé bleu marine
 * linear-gradient(135deg, #0A2540 0%, #1E4C7A 100%)
 * à TOUS les boutons et éléments bleus du site sans exception.
 * 
 * Gradient source: Section "Turn pricing complexity into structured opportunity"
 * =============================================================================
 */

/* =============================================================================
   DÉGRADÉ PRINCIPAL
   ============================================================================= */

:root {
  --gradient-blue-marine: linear-gradient(135deg, #0A2540 0%, #1E4C7A 100%);
  --gradient-blue-marine-hover: linear-gradient(135deg, #0A2540 0%, #2A5C8A 100%);
  --blue-marine-dark: #0A2540;
  --blue-marine-light: #1E4C7A;
  --blue-marine-shadow: rgba(10, 37, 64, 0.3);
}

/* =============================================================================
   BOUTONS STRIPE (Hero, Sections)
   ============================================================================= */

/* Primary buttons - dégradé bleu marine */
.btn-stripe-primary,
.btn-stripe-primary:hover,
.btn-stripe-primary:focus,
.btn-stripe-primary:active {
  background: var(--gradient-blue-marine) !important;
  border-color: var(--blue-marine-dark) !important;
  color: white !important;
  box-shadow: 0 4px 12px var(--blue-marine-shadow) !important;
}

.btn-stripe-primary:hover {
  background: var(--gradient-blue-marine-hover) !important;
  box-shadow: 0 6px 16px var(--blue-marine-shadow) !important;
  transform: translateY(-1px);
}

/* Outline buttons - bordure + texte bleu marine */
.btn-stripe-outline,
.btn-stripe-outline:hover,
.btn-stripe-outline:focus {
  color: var(--blue-marine-dark) !important;
  border-color: var(--blue-marine-dark) !important;
  background: transparent !important;
}

.btn-stripe-outline:hover {
  background: var(--gradient-blue-marine) !important;
  color: white !important;
}

/* =============================================================================
   BOUTONS BOOTSTRAP (Modals, Sections, Pricing)
   ============================================================================= */

/* Tous les boutons primaires Bootstrap */
.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:not(:disabled):not(.disabled):active {
  background: var(--gradient-blue-marine) !important;
  border-color: var(--blue-marine-dark) !important;
  color: white !important;
  box-shadow: 0 4px 12px var(--blue-marine-shadow) !important;
}

.btn-primary:hover {
  background: var(--gradient-blue-marine-hover) !important;
  box-shadow: 0 6px 16px var(--blue-marine-shadow) !important;
  transform: translateY(-1px);
}

/* Boutons outline Bootstrap */
.btn-outline-primary,
.btn-outline-primary:hover,
.btn-outline-primary:focus {
  color: var(--blue-marine-dark) !important;
  border-color: var(--blue-marine-dark) !important;
}

.btn-outline-primary:hover {
  background: var(--gradient-blue-marine) !important;
  color: white !important;
}

/* Boutons Light (utilisés dans CTA sections) */
.btn-light.btn-lg,
.btn-light {
  background: white !important;
  color: var(--blue-marine-dark) !important;
  border: 2px solid var(--blue-marine-dark) !important;
}

.btn-light.btn-lg:hover,
.btn-light:hover {
  background: var(--gradient-blue-marine) !important;
  color: white !important;
  border-color: var(--blue-marine-dark) !important;
}

/* Boutons outline light (pour sections CTA sombres) */
.btn-outline-light,
.btn-outline-light:hover {
  border-color: white !important;
  color: white !important;
}

.btn-outline-light:hover {
  background: white !important;
  color: var(--blue-marine-dark) !important;
}

/* =============================================================================
   BOUTONS INLINE AVEC STYLES (Modals CTA)
   ============================================================================= */

/* Force le dégradé sur tous les boutons avec gradient inline */
a[style*="linear-gradient"],
button[style*="linear-gradient"],
.btn[style*="linear-gradient"] {
  background: var(--gradient-blue-marine) !important;
  box-shadow: 0 4px 12px var(--blue-marine-shadow) !important;
}

/* =============================================================================
   TABS & NAVIGATION PILLS (Modal "How It Works", Section "Platform")
   ============================================================================= */

/* Tabs du modal workflow */
#workflowModal .nav-link.active,
#workflowModal .nav-pills .nav-link.active {
  background: var(--gradient-blue-marine) !important;
  color: white !important;
  border-color: var(--blue-marine-dark) !important;
  box-shadow: 0 4px 12px var(--blue-marine-shadow) !important;
}

/* Tabs de la section Platform (Valuation, Comparison, Arbitrage) */
.use-case-tabs .nav-link.active {
  background: var(--gradient-blue-marine) !important;
  color: white !important;
  box-shadow: 0 4px 12px var(--blue-marine-shadow) !important;
}

.use-case-tabs .nav-link:hover {
  background: var(--gradient-blue-marine) !important;
  color: white !important;
}

/* =============================================================================
   BADGES & STEP INDICATORS (Modal Workflow)
   ============================================================================= */

/* Badges des steps dans le modal */
.modal-workflow-step .step-badge,
.step-badge {
  background: var(--gradient-blue-marine) !important;
  color: white !important;
  box-shadow: 0 4px 12px var(--blue-marine-shadow) !important;
}

/* =============================================================================
   ICONS & DECORATIVE ELEMENTS
   ============================================================================= */

/* Icônes avec background bleu */
.feature-item i[style*="#3B82F6"],
.icon-box[style*="#3B82F6"],
[style*="background: linear-gradient(135deg, #EFF6FF, #DBEAFE)"] {
  background: var(--gradient-blue-marine) !important;
  color: white !important;
}

/* Feature items avec gradient bleu clair → remplacer par marine */
.feature-item[style*="linear-gradient(135deg, #EFF6FF, #DBEAFE)"] {
  background: linear-gradient(135deg, rgba(10, 37, 64, 0.05), rgba(30, 76, 122, 0.1)) !important;
  border-left: 3px solid var(--blue-marine-dark) !important;
}

/* =============================================================================
   TEXTE & LINKS BLEUS
   ============================================================================= */

/* Texte de couleur bleue primaire */
a[style*="color: #3B82F6"],
a[style*="color:#3B82F6"],
span[style*="color: #3B82F6"],
span[style*="color:#3B82F6"] {
  color: var(--blue-marine-dark) !important;
}

/* Links hover */
a:hover[style*="color: #3B82F6"],
a:hover[style*="color:#3B82F6"] {
  color: var(--blue-marine-light) !important;
}

/* =============================================================================
   BORDERS & ACCENTS
   ============================================================================= */

/* Bordures bleues */
[style*="border: 2px solid #3B82F6"],
[style*="border:2px solid #3B82F6"],
[style*="border-color: #3B82F6"],
[style*="border-color:#3B82F6"] {
  border-color: var(--blue-marine-dark) !important;
}

/* =============================================================================
   PRICING CARDS & SPECIAL BUTTONS
   ============================================================================= */

/* Boutons des cartes pricing */
.pricing-card .btn-primary,
.pricing-card .btn {
  background: var(--gradient-blue-marine) !important;
  border-color: var(--blue-marine-dark) !important;
  color: white !important;
}

/* Bouton "Compare Plans" */
#comparePlansBtn,
.btn-outline-secondary:hover {
  border-color: var(--blue-marine-dark) !important;
  color: var(--blue-marine-dark) !important;
}

#comparePlansBtn:hover {
  background: var(--gradient-blue-marine) !important;
  color: white !important;
  border-color: var(--blue-marine-dark) !important;
}

/* =============================================================================
   CTA SECTIONS & FOOTER
   ============================================================================= */

/* CTA Trial Buttons */
#ctaTrialBtn,
#heroTrialBtn[class*="outline"] {
  background: white !important;
  color: var(--blue-marine-dark) !important;
  border: 2px solid var(--blue-marine-dark) !important;
}

#ctaTrialBtn:hover,
#heroTrialBtn[class*="outline"]:hover {
  background: var(--gradient-blue-marine) !important;
  color: white !important;
  border-color: var(--blue-marine-dark) !important;
}

/* =============================================================================
   INTEGRATION BUTTONS
   ============================================================================= */

.btn-outline-secondary {
  border-color: var(--blue-marine-dark) !important;
  color: var(--blue-marine-dark) !important;
}

.btn-outline-secondary:hover,
.early-access-btn:hover {
  background: var(--gradient-blue-marine) !important;
  color: white !important;
  border-color: var(--blue-marine-dark) !important;
}

/* =============================================================================
   RESPONSIVE & MOBILE
   ============================================================================= */

@media (max-width: 768px) {
  /* Tous les boutons mobiles conservent le dégradé */
  .btn-primary,
  .btn-stripe-primary,
  .nav-link.active {
    background: var(--gradient-blue-marine) !important;
  }
}

/* =============================================================================
   HOVER STATES UNIVERSELS
   ============================================================================= */

/* Force tous les états hover sur les boutons */
button:hover[class*="btn"],
a:hover[class*="btn"],
.btn:hover {
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

/* =============================================================================
   OVERRIDE FINAL - PRIORITÉ MAXIMALE
   ============================================================================= */

/* Override ABSOLU pour forcer le gradient partout */
.btn-primary,
.btn-stripe-primary,
button[class*="primary"],
a[class*="primary"],
.nav-pills .nav-link.active,
.use-case-tabs .nav-link.active,
#workflowModal .nav-link.active {
  background: var(--gradient-blue-marine) !important;
  border-color: var(--blue-marine-dark) !important;
  color: white !important;
}