/* Navilog XYZ — modernisation légère 2026
   Surcouche visuelle uniquement : contenu et structure métier conservés. */

:root {
  --xyz-blue: #1f9df3;
  --xyz-blue-dark: #117dcc;
  --xyz-dark: #1f2229;
  --xyz-dark-2: #282c35;
  --xyz-soft: #f7f9fb;
  --xyz-border: #e8edf2;
}

html {
  scroll-behavior: smooth;
}

body {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* Navigation : aspect un peu plus net sans changer le menu */
.nav-wrp {
  box-shadow: 0 6px 24px rgba(20, 30, 38, .08);
}

.nav-wrp .navbar-brand img {
  max-height: 46px;
  width: auto;
}

.nav-wrp a {
  transition: color .2s ease, background-color .2s ease;
}

/* Hero */
.intro-section .caption,
.intro-section .content {
  text-shadow: 0 2px 18px rgba(0,0,0,.16);
}

/* Sections */
.content-section,
.portfolio-section,
.calltoaction-section {
  position: relative;
}

.title {
  letter-spacing: -.25px;
}

.calltoaction-section {
  box-shadow: inset 0 1px rgba(255,255,255,.08);
}

/* Cartes / visuels */
.hover-box,
.info-box,
.portfolio-box {
  border-radius: 10px;
  overflow: hidden;
}

.hover-box img,
.portfolio-box img {
  transition: transform .3s ease;
}

.hover-box:hover img,
.portfolio-box:hover img {
  transform: scale(1.02);
}

/* Boutons */
.btn {
  border-radius: 7px;
  transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease;
}

.btn:hover,
.btn:focus {
  transform: translateY(-1px);
}

.btn.solid.btn-default,
.bg-color1 {
  border-color: var(--xyz-blue);
}

/* Footer */
.footer-section {
  border-top: 1px solid rgba(255,255,255,.05);
}

.footer-section .img {
  max-width: 150px;
  height: auto;
}

.footer-section a {
  transition: color .2s ease;
}

.footer-section a:hover {
  color: var(--xyz-blue) !important;
}

/* Formulaire newsletter */
.footer-section input[type="text"],
.footer-section input[type="email"] {
  border-radius: 6px;
}

/* Navilog Consent — charte Navilog XYZ */
#navilog-consent-root .nc-banner,
#navilog-consent-root .nc-modal {
  border-color: rgba(31,157,243,.28) !important;
}

#navilog-consent-root .nc-btn,
#navilog-consent-root button.nc-btn {
  background: var(--xyz-blue) !important;
  border-color: var(--xyz-blue) !important;
  color: #fff !important;
}

#navilog-consent-root .nc-btn:hover,
#navilog-consent-root .nc-btn:focus,
#navilog-consent-root button.nc-btn:hover,
#navilog-consent-root button.nc-btn:focus {
  background: var(--xyz-blue-dark) !important;
  border-color: var(--xyz-blue-dark) !important;
  color: #fff !important;
}

#navilog-consent-root .nc-btn-secondary,
#navilog-consent-root button.nc-btn-secondary {
  background: #fff !important;
  border-color: var(--xyz-blue) !important;
  color: var(--xyz-blue) !important;
}

#navilog-consent-root .nc-btn-secondary:hover,
#navilog-consent-root .nc-btn-secondary:focus {
  background: #f1f8fe !important;
  border-color: var(--xyz-blue-dark) !important;
  color: var(--xyz-blue-dark) !important;
}

#navilog-consent-root .nc-pref input {
  accent-color: var(--xyz-blue) !important;
}

#navilog-consent-root .nc-links a,
#navilog-consent-root .nc-manage {
  color: var(--xyz-blue) !important;
}

#navilog-consent-root .nc-manage {
  border-color: rgba(31,157,243,.34) !important;
}

@media (max-width: 767px) {
  .footer-section .flex-col-md-3 {
    margin-bottom: 28px;
  }
}