/* Navilog App — modernisation légère 2026
   Surcouche uniquement : contenu, liens et menu métier conservés. */

:root {
  --na-blue: #53cbef;
  --na-blue-dark: #1ca8d2;
  --na-ink: #263238;
  --na-muted: #69767c;
  --na-surface: #ffffff;
  --na-soft: #f6fafc;
  --na-border: #e5eef2;
}

html { scroll-behavior: smooth; }

body {
  color: var(--na-ink);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.container {
  width: min(1170px, calc(100% - 40px));
}

/* En-tête / navigation */
.site-header .navigation-menu {
  background: rgba(255,255,255,.96);
  box-shadow: 0 8px 28px rgba(31,52,61,.08);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.site-header .tm-table {
  min-height: 76px;
}

.menu-main-menu > li > a {
  font-weight: 600;
  letter-spacing: .1px;
  transition: color .2s ease, background .2s ease, transform .2s ease;
}

.menu-main-menu > li > a:hover,
.menu-main-menu > li > a:focus {
  color: var(--na-blue-dark) !important;
}

.menu-main-menu > li.item-border > a {
  border-radius: 999px;
  padding-left: 20px;
  padding-right: 20px;
}

/* Hero */
#home .content-banner {
  max-width: 980px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}

#home .subtitle {
  letter-spacing: .5px;
}

#home .phys-typingEffect {
  text-shadow: 0 3px 18px rgba(0,0,0,.18);
}

/* Sections */
.content-middle,
.padding-top-6x {
  position: relative;
}

.custom-content h2,
.wrapper-heading h2,
.heading_primary {
  letter-spacing: -.45px;
}

.custom-content p,
.wpb_text_column p {
  line-height: 1.8;
}

/* Images */
.wpb_single_image img,
.vc_single_image-img {
  max-width: 100%;
  height: auto;
  filter: drop-shadow(0 16px 28px rgba(25,55,67,.08));
}

/* Témoignages / blocs */
.wrapper-testi,
.testimonials,
.feature-box,
.shortcode-box {
  border-radius: 14px;
}

/* Vidéo */
.embed-container {
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 18px 44px rgba(0,0,0,.18);
}

.embed-container iframe {
  border: 0;
}

/* Footer */
.wrapper-footer {
  background: #263238;
}

.main-top-footer {
  padding-top: 54px;
  padding-bottom: 40px;
}

.main-top-footer .widget-title {
  letter-spacing: -.2px;
}

.main-top-footer p,
.main-top-footer .textwidget {
  line-height: 1.75;
}

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

.main-top-footer a:hover {
  color: var(--na-blue);
}

/* Formulaire newsletter */
.mc4wp-form-fields input[type="name"],
.mc4wp-form-fields input[type="email"] {
  border-radius: 8px;
  border: 1px solid rgba(255,255,255,.18);
}

.mc4wp-form-fields input[type="submit"] {
  border-radius: 8px;
}

/* Navilog Consent — adaptation Navilog App */
#navilog-consent-root .nc-banner,
#navilog-consent-root .nc-modal {
  border-color: rgba(83,203,239,.28);
}

#navilog-consent-root .nc-btn {
  background: var(--na-blue);
  border-color: var(--na-blue);
  color: #17313a;
}

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

#navilog-consent-root .nc-btn-secondary {
  background: #fff;
  color: var(--na-blue-dark);
}

#navilog-consent-root .nc-btn-secondary:hover,
#navilog-consent-root .nc-btn-secondary:focus {
  background: #effbfe;
}

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

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

@media (max-width: 767px) {
  .container {
    width: min(100% - 28px, 1170px);
  }

  .site-header .tm-table {
    min-height: 66px;
  }

  .width-logo img {
    max-width: 210px;
    height: auto;
  }

  #home .content-banner {
    padding-left: 12px;
    padding-right: 12px;
  }

  #home .phys-typingEffect {
    font-size: clamp(30px, 9vw, 46px);
    line-height: 1.14;
  }

  .main-top-footer {
    padding-top: 38px;
  }

  .main-top-footer .widget {
    margin-bottom: 30px;
  }
}


/* En-tête initial : contraste du logo blanc et du menu avant le premier scroll */
.site-header.affix-top .navigation-menu {
  background: rgba(28, 43, 50, .88);
  box-shadow: none;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.site-header.affix-top .menu-main-menu > li > a {
  color: #fff !important;
}

.site-header.affix-top .menu-main-menu > li > a:hover,
.site-header.affix-top .menu-main-menu > li > a:focus {
  color: var(--na-blue) !important;
}

.site-header.affix-top .menu-mobile-effect .icon-bar {
  background: #fff;
}