/* Bleu au repos, orange uniquement au survol — harmonisation 20260903. */
:root {
  --site-default-blue: #1199ee;
  --site-default-blue-soft: rgba(17, 153, 238, 0.12);
  --site-default-blue-border: rgba(17, 153, 238, 0.3);
  --site-hover-orange: #f8b12e;
}

.index-page a:not(.btn):not(.nav-link) {
  color: var(--site-default-blue);
}

.index-page .hero .divider,
.index-page .section-title > h2::after,
.index-page .section-title > h3::after,
.index-page .service-card::before,
.index-page .footer-links h4::after,
.index-page .footer-contact h4::after,
.index-page #preloader::before {
  background: var(--site-default-blue) !important;
}

.index-page .header-container,
.index-page .header.scrolled .header-container {
  border-color: rgba(17, 153, 238, 0.2) !important;
}

.index-page .hero .description p,
.index-page .step-item,
.index-page .team > .container.mb-5 .col-lg-10 {
  border-left-color: var(--site-default-blue) !important;
}

.index-page .testimonial-section,
.index-page .section + .section {
  border-color: rgba(17, 153, 238, 0.14) !important;
}

.index-page .feature-item i,
.index-page .service-icon i,
.index-page .step-icon,
.index-page .contact-info-box .icon-box,
.index-page .slider-next,
.index-page .slider-prev,
.index-page .entry-links a {
  color: var(--site-default-blue) !important;
  border-color: var(--site-default-blue-border) !important;
  background: var(--site-default-blue-soft) !important;
}

.index-page .testimonial-item .rating i,
.index-page .section-title h2,
.index-page .form-check-label a,
.index-page .copyright strong,
.index-page .faq-active .faq-toggle,
.index-page .modal-role,
.index-page .navmenu .nav-link.active {
  color: var(--site-default-blue) !important;
}

.index-page .faq-description {
  border-left-color: var(--site-default-blue) !important;
}

.index-page .faq-toggle {
  color: var(--site-default-blue) !important;
  border-color: var(--site-default-blue-border) !important;
  background: var(--site-default-blue-soft) !important;
}

.index-page .footer-contact {
  border-top-color: rgba(17, 153, 238, 0.16) !important;
}

.index-page .step-item {
  border-top-color: var(--site-default-blue) !important;
}

.index-page .team-modal-header img,
.index-page .team-member .member-img img {
  border-color: var(--site-default-blue) !important;
}

.index-page .faq-modern .faq-item.faq-active {
  border-color: rgba(17, 153, 238, 0.4) !important;
}

.index-page .faq-modern .faq-item.faq-active::before,
.index-page .faq-item.faq-active .faq-control {
  border-color: var(--site-default-blue) !important;
  background: var(--site-default-blue) !important;
}

.index-page #contact .input-with-icon:focus-within i,
.index-page #contact .input-with-icon .form-control:focus {
  color: var(--site-default-blue) !important;
  border-color: var(--site-default-blue) !important;
}

.index-page .scroll-top,
.index-page .cta-button .btn,
.index-page .btn-submit,
.index-page .btn-custom-outline,
.index-page .header .nav-list li:last-child .nav-link {
  border-color: var(--site-default-blue) !important;
}

.index-page .scroll-top,
.index-page .cta-button .btn,
.index-page .btn-submit,
.index-page .header .nav-list li:last-child .nav-link {
  background: var(--site-default-blue) !important;
  box-shadow: 0 9px 22px rgba(17, 153, 238, 0.22) !important;
}

.index-page .btn-custom-outline {
  color: var(--site-default-blue) !important;
  background: transparent !important;
}

.index-page .form-status--error {
  border-color: rgba(17, 153, 238, 0.38) !important;
  background: rgba(17, 153, 238, 0.1) !important;
  color: #9edaff !important;
}

.index-page #preloader::before {
  border-color: var(--site-default-blue) !important;
  border-top-color: #1b262c !important;
}

.index-page .team-intro-points i {
  color: var(--site-default-blue) !important;
  border: 1px solid var(--site-default-blue-border);
  background: var(--site-default-blue-soft) !important;
}

.index-page .testimonial-slider .swiper-wrapper {
  align-items: stretch;
}

.index-page .testimonial-slider .swiper-slide {
  display: flex;
  height: auto;
}

.index-page .testimonial-slider .testimonial-item {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
}

.index-page .testimonial-slider .client-info {
  margin-top: auto !important;
  padding-top: 24px;
}

@media (max-width: 1199px) {
  .index-page .mobile-nav-toggle,
  .index-page .mobile-nav-toggle[aria-expanded="true"],
  .index-page .mobile-nav-active .mobile-nav-toggle {
    color: #ffffff !important;
    border-color: var(--site-default-blue) !important;
    background: var(--site-default-blue) !important;
    box-shadow: 0 8px 18px rgba(17, 153, 238, 0.24) !important;
  }

  .index-page .mobile-nav-toggle:focus-visible {
    outline-color: var(--site-default-blue) !important;
  }

  .index-page .mobile-nav-active .navmenu ul,
  .index-page .navmenu.active ul {
    background:
      radial-gradient(circle at 88% 12%, rgba(17, 153, 238, 0.24), transparent 34%),
      #020814 !important;
  }

  .index-page .mobile-nav-active .navmenu li:not(:last-child) .nav-link.active,
  .index-page .navmenu.active li:not(:last-child) .nav-link.active {
    color: var(--site-default-blue) !important;
    border-color: rgba(17, 153, 238, 0.45) !important;
    background: rgba(17, 153, 238, 0.12) !important;
  }

  .index-page .mobile-nav-active .navmenu li:last-child .nav-link,
  .index-page .navmenu.active li:last-child .nav-link {
    color: #ffffff !important;
    border-color: var(--site-default-blue) !important;
    background: var(--site-default-blue) !important;
    box-shadow: 0 10px 24px rgba(17, 153, 238, 0.2) !important;
  }
}

@media (hover: hover) and (pointer: fine) {
  .index-page a:not(.btn):not(.nav-link):hover,
  .index-page .navmenu .nav-link:hover,
  .index-page .navmenu .nav-link.active:hover,
  .index-page .form-check-label a:hover,
  .index-page .contact-info-box a:hover {
    color: var(--site-hover-orange) !important;
  }

  .index-page .feature-item:hover i,
  .index-page .service-card:hover .service-icon i,
  .index-page .step-item:hover .step-icon,
  .index-page .contact-info-box:hover .icon-box,
  .index-page .team-intro-points li:hover i,
  .index-page .slider-next:hover,
  .index-page .slider-prev:hover,
  .index-page .entry-links a:hover {
    color: var(--site-hover-orange) !important;
    border-color: rgba(248, 177, 46, 0.5) !important;
    background: rgba(248, 177, 46, 0.12) !important;
  }

  .index-page .testimonial-item:hover .rating i {
    color: var(--site-hover-orange) !important;
  }

  .index-page .faq-modern .faq-item.faq-active:hover {
    border-color: rgba(248, 177, 46, 0.42) !important;
  }

  .index-page .faq-modern .faq-item.faq-active:hover::before,
  .index-page .faq-item.faq-active:hover .faq-control {
    border-color: var(--site-hover-orange) !important;
    background: var(--site-hover-orange) !important;
  }

  .index-page .scroll-top:hover,
  .index-page .cta-button .btn:hover,
  .index-page .btn-submit:hover,
  .index-page .btn-custom-outline:hover,
  .index-page .header .nav-list li:last-child .nav-link:hover,
  .index-page .mobile-nav-toggle:hover {
    color: #ffffff !important;
    border-color: var(--site-hover-orange) !important;
    background: var(--site-hover-orange) !important;
    box-shadow: 0 10px 24px rgba(248, 177, 46, 0.25) !important;
  }

  .index-page .mobile-nav-active .navmenu li:not(:last-child) .nav-link:hover,
  .index-page .navmenu.active li:not(:last-child) .nav-link:hover {
    color: var(--site-hover-orange) !important;
    border-color: rgba(248, 177, 46, 0.46) !important;
    background: rgba(248, 177, 46, 0.12) !important;
  }
}