/* paysagisme-page.css — surcharge famille Paysagisme */
/* Étend btp-page.css avec les variables famille Paysage */

:root {
  --family-accent: #4F8A5B;
  --family-accent-hover: #3B6F45;
  --family-accent-soft: #E6F2E8;
  --family-accent-ultra-soft: #F3FAF4;
  --family-accent-border: #CFE4D3;
  /* rétrocompat btp-page.css */
  --orange: #4F8A5B;
  --orange2: #6AA876;
}

/* ── NAV PARTAGÉ ── */
.nav {
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(255, 255, 255, 0.88);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--mp-border-soft, #E8EEE6);
}
.nav__inner {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  max-width: 1120px;
  margin: 0 auto;
  padding: 0.85rem 1.5rem;
}
.nav__logo {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: Sora, Inter, system-ui, sans-serif;
  font-weight: 800;
  font-size: 1.1rem;
  color: var(--mp-text, #132033);
  text-decoration: none;
  flex-shrink: 0;
}
.nav__dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--mp-primary, #19B96F);
  display: inline-block;
  flex-shrink: 0;
}
.nav__links {
  display: flex;
  gap: 1.5rem;
  margin-right: auto;
}
.nav__links a {
  color: var(--mp-text-soft, #425067);
  text-decoration: none;
  font-size: 0.875rem;
  font-weight: 600;
  transition: color 160ms ease;
  white-space: nowrap;
}
.nav__links a:hover { color: var(--mp-text, #132033); }
.nav__cta {
  background: var(--mp-primary, #19B96F);
  color: #FFFFFF;
  border: 1px solid var(--mp-primary, #19B96F);
  padding: 0.45rem 1rem;
  border-radius: 10px;
  font-weight: 700;
  font-size: 0.875rem;
  text-decoration: none;
  flex-shrink: 0;
  transition: background-color 160ms ease;
}
.nav__cta:hover {
  background: var(--mp-primary-hover, #12965A);
  border-color: var(--mp-primary-hover, #12965A);
  text-decoration: none;
}
@media (max-width: 768px) {
  .nav__links { display: none; }
  .nav__cta { margin-left: auto; }
}

body {
  background:
    radial-gradient(circle at 10% 0%, rgba(79, 138, 91, 0.14), transparent 34%),
    radial-gradient(circle at 90% 10%, rgba(25, 185, 111, 0.09), transparent 30%),
    var(--mp-bg, #F6F7F4);
  color: var(--mp-text, #132033);
}

.brand-logo {
  background: linear-gradient(180deg, var(--orange2), var(--orange));
  box-shadow: 0 18px 44px rgba(46,168,79,.36);
}

.btn-primary {
  background: linear-gradient(180deg, var(--orange2), var(--orange));
  box-shadow: 0 18px 42px rgba(46,168,79,.32);
}

.truth-card {
  background:
    radial-gradient(circle at 30% 0%, rgba(79, 138, 91, .18), transparent 38%),
    var(--mp-surface-muted, #F9FAF7);
  color: var(--mp-text, #132033);
}

.job-card:hover {
  border-color: rgba(79, 138, 91, .45);
  background: linear-gradient(180deg, rgba(79, 138, 91, .10), rgba(255,255,255,0));
}

.pain {
  background:
    radial-gradient(circle at 20% 20%, rgba(79, 138, 91, .12), transparent 32%),
    rgba(249, 250, 247, .85);
}

.pain-text {
  border-left: 4px solid var(--orange);
  color: var(--mp-text, #132033);
}

.truth-list {
  color: var(--mp-text-soft, #425067);
}

.step strong {
  background: rgba(46,168,79,.16);
  color: var(--orange2);
}

/* ── Utilitaires page paysagiste/index.html ── */
.container--pt    { padding-top: 1rem; }
.section--stats   { padding: var(--gap-md, 2rem) 0; }
.section--no-pt   { padding-top: 0; }
.section__intro   { margin-top: .75rem; margin-bottom: 1.5rem; }
.mt-sm            { margin-top: 1.25rem; }
.mt-md            { margin-top: 1.5rem; }
.table-section-title { margin-top: 2rem; margin-bottom: 1rem; }
.related-title    { margin-bottom: 1rem; font-size: 1rem; color: var(--c-muted, #6B7D8F); }
.text--sm-muted   { font-size: .85rem; color: var(--c-muted, #6B7D8F); }
.text--danger     { color: var(--c-danger, #D94848); }
.text--warn       { color: var(--c-warn, #B87A00); }
.btn--noshrink    { flex-shrink: 0; }
.cards--mt        { margin-top: 1.5rem; }
.tags--mt         { margin-top: 1rem; }