:root {
  /* Typographie */
  --bs-font-sans-serif: 'Montserrat', 'Inter', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  /* Couleur principale */
  --primary: #0D2C54;
  --bs-primary: #0D2C54;
  --primary-color: #0D2C54;
}

/* ==== Styles globaux ==== */

/* Police par défaut pour tout le site */
body, p, li, h1, h2, h3, h4, h5, h6, a, span, button, input, textarea {
  font-family: 'Montserrat', 'Inter', system-ui, sans-serif !important;
}

/* Couleur principale appliquée aux boutons, header, footer */
.ud-main-btn,
.ud-header,
.ud-footer,
.navbar,
.btn-primary {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
}

/* Liens et accents de section */
a,
.ud-section-title span {
  color: var(--primary) !important;
  text-decoration: none;
  transition: color 0.3s ease;
}
a:hover {
  color: #B0BEC5 !important;
}

/* ==== Navigation ==== */

/* Couleur du texte du menu principal */
.ud-header .navbar-nav .nav-item a {
  color: #fff !important;
  transition: color 0.3s ease;
}

/* Gris clair au survol ou actif */
.ud-header .navbar-nav .nav-item a:hover,
.ud-header .navbar-nav .nav-item a.active {
  color: #B0BEC5 !important;
}

/* ==== Bandeau d'accueil ==== */

.ud-hero {
  background-color: var(--primary-color) !important;
  background-image: none !important;
}
.ud-hero .ud-hero-title,
.ud-hero .ud-hero-desc {
  color: #fff !important;
}

/* ==== Logo ==== */

/* Neutralise le changement de logo au scroll */
.ud-header.sticky .navbar-brand img {
  content: url("assets/images/logo/logo-cybermoov-large-white.png") !important;
  filter: none !important;
  opacity: 1 !important;
}

/* ==== Footer ==== */

/* Couleur par défaut des liens du bas de page */
.ud-footer-bottom a {
  color: #fff !important;                /* blanc par défaut */
  text-decoration: none !important;
  transition: color 0.3s ease;
}

/* Couleur au survol */
.ud-footer-bottom a:hover {
  color: #B0BEC5 !important;             /* gris clair au survol */
}

/* Uniformise la couleur du texte du copyright */
.ud-footer-bottom {
  color: #fff !important;
}

/* Seule la balise .tag en blanc, reste du texte normal */
#about .tag {
  background-color: var(--primary-color);
  color: #fff !important;
  border: none;
  padding: 6px 12px;
  border-radius: 4px;
  display: inline-block;
}

/* Icône LinkedIn visible en blanc, grisée au survol */
.ud-footer .ud-widget-socials i {
  color: #fff !important;             /* visible en blanc par défaut */
  transition: color 0.2s ease-in-out; /* effet doux */
}

.ud-footer .ud-widget-socials a:hover i {
  color: #B0BEC5 !important;          /* gris clair au survol */
}

/* texte "NOUS SUIVRE" aussi en blanc */
.ud-footer .ud-widget-socials li {
  color: #fff !important;
}

/* Colonne centrale : fond bleu uniforme et texte blanc */
.ud-single-pricing.active {
  background: var(--primary-color) !important; /* supprime le dégradé */
  background-image: none !important;           /* bloque les dégradés du thème */
  color: #fff !important;
  border-color: var(--primary-color) !important;
  box-shadow: none !important;                 /* optionnel : supprime ombres colorées */
}

/* texte et titres en blanc */
.ud-single-pricing.active h3,
.ud-single-pricing.active p,
.ud-single-pricing.active li {
  color: #fff !important;
}

/* coin décoratif éventuel (souvent un pseudo-élément ::before ou ::after) */
.ud-single-pricing.active::before,
.ud-single-pricing.active::after {
  background: none !important;
}

/* Bouton d’envoi : texte blanc sur fond bleu */
.ud-main-btn {
  background-color: var(--primary-color) !important;
  color: #fff !important;
  border: none !important;
}

/* Survol : éclaircir légèrement le texte */
.ud-main-btn:hover,
.ud-main-btn:focus {
  background-color: var(--primary-color) !important; /* même fond */
  color: #B0BEC5 !important; /* gris clair au survol */
}