/* Next Security — modernisation légère 2026
   Surcouche visuelle uniquement : contenu et liens conservés. */

:root {
  --ns-blue: #6ba5d7;
  --ns-blue-dark: #4f8fc6;
  --ns-dark: #1f2a33;
  --ns-soft: #f6f9fb;
  --ns-border: #e6edf2;
}

html {
  scroll-behavior: smooth;
}

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

/* En-tête */
.site-header {
  box-shadow: 0 8px 26px rgba(31,42,51,.07);
}

.site-logo-div img {
  max-height: 58px;
  width: auto;
}

.onepress-menu a {
  transition: color .2s ease;
}

/* Hero */
.hero-content-style1 h2,
.hero-content-style1 h1 {
  letter-spacing: -.4px;
}

.hero-content-style1 p {
  line-height: 1.75;
}

/* Sections */
.section-title-area .section-title {
  letter-spacing: -.35px;
}

.section-desc {
  line-height: 1.75;
}

.section-about .about-image img,
.section-services img,
.section-gallery img {
  border-radius: 10px;
}

/* Cartes / blocs */
.service-item,
.team-member,
.counter_item,
.section-about .about-item {
  transition: transform .2s ease, box-shadow .2s ease;
}

.service-item:hover,
.team-member:hover,
.section-about .about-item:hover {
  transform: translateY(-2px);
}

/* Boutons */
.btn,
button,
input[type="submit"] {
  transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease;
}

.btn:hover,
button:hover,
input[type="submit"]:hover {
  transform: translateY(-1px);
}

/* Newsletter */
.newsletter-panel {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}

.newsletter-fields {
  display: flex;
  gap: 10px;
  align-items: stretch;
}

.newsletter-fields input[type="email"] {
  border-radius: 7px;
}

.newsletter-fields button {
  border-radius: 7px;
  background: var(--ns-blue);
  border-color: var(--ns-blue);
  color: #fff;
}

.newsletter-fields button:hover,
.newsletter-fields button:focus {
  background: var(--ns-blue-dark);
  border-color: var(--ns-blue-dark);
}

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

.site-info {
  letter-spacing: .05px;
}

/* Navilog Consent — charte Next Security */
#navilog-consent-root .nc-banner,
#navilog-consent-root .nc-modal {
  border-color: rgba(107,165,215,.30) !important;
}

#navilog-consent-root .nc-btn,
#navilog-consent-root button.nc-btn {
  background: var(--ns-blue) !important;
  border-color: var(--ns-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(--ns-blue-dark) !important;
  border-color: var(--ns-blue-dark) !important;
  color: #fff !important;
}

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

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

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

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

#navilog-consent-root .nc-manage {
  border-color: rgba(107,165,215,.36) !important;
}

@media (max-width: 767px) {
  .newsletter-fields {
    flex-direction: column;
  }

  .newsletter-fields button {
    width: 100%;
  }
}