/**
 * NosJardinsEco Child V6 — Pages légales + Plan du site
 */

.njeco-legal-hero { background: var(--color-bg); border-bottom: 1px solid var(--color-border); padding: 40px var(--container-padding) 32px; margin-bottom: var(--spacing-xl); }
.njeco-legal-hero__inner { max-width: var(--container-max); margin: 0 auto; }
.njeco-legal-hero__title { font-family: var(--font-title); font-size: clamp(1.4rem,3vw,2rem); font-weight: var(--font-weight-bold); color: var(--color-text); margin: 0 0 8px; }
.njeco-legal-hero__date { font-size: 0.8rem; color: var(--color-text); opacity: 0.45; margin: 0; }

.njeco-legal-nav { max-width: var(--container-max); margin: 0 auto var(--spacing-xl); padding: 0 var(--container-padding); display: flex; flex-wrap: wrap; gap: 8px; }
.njeco-legal-nav__link { display: inline-block; padding: 7px 16px; background: var(--color-white); border: 1.5px solid var(--color-border); border-radius: 50px; font-size: 0.82rem; font-weight: var(--font-weight-medium); color: var(--color-text); text-decoration: none; white-space: nowrap; transition: background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast); }
.njeco-legal-nav__link:hover { border-color: var(--color-green); background: #e8f5e9; color: var(--color-green-deep); }
.njeco-legal-nav__link--current { background: #e8f5e9; border-color: var(--color-green); color: var(--color-green-deep); font-weight: var(--font-weight-semibold); pointer-events: none; }

.njeco-legal-page { max-width: 860px; margin: 0 auto; padding: 0 var(--container-padding) var(--spacing-2xl); }
.njeco-legal-section { margin-bottom: var(--spacing-xl); }
.njeco-legal-section h2 { font-family: var(--font-title); font-size: 1.15rem; font-weight: var(--font-weight-semibold); color: var(--color-green-deep); margin: 0 0 12px; padding-bottom: 8px; border-bottom: 2px solid #c8e6c9; }
.njeco-legal-section h3 { font-size: 1rem; font-weight: var(--font-weight-semibold); color: var(--color-text); margin: var(--spacing-md) 0 8px; }
.njeco-legal-section p { font-size: 0.95rem; line-height: 1.75; color: var(--color-text); margin: 0 0 12px; }
.njeco-legal-section a { color: var(--color-green); text-decoration: underline; text-underline-offset: 3px; }

.njeco-legal-list { list-style: none; padding: 0; margin: 0 0 var(--spacing-sm); display: flex; flex-direction: column; gap: 8px; }
.njeco-legal-list li { font-size: 0.925rem; line-height: 1.6; color: var(--color-text); padding-left: 20px; position: relative; }
.njeco-legal-list li::before { content:'–'; position: absolute; left: 0; color: var(--color-green); font-weight: var(--font-weight-bold); }

.njeco-legal-table { width: 100%; border-collapse: collapse; font-size: 0.875rem; margin: var(--spacing-sm) 0 var(--spacing-md); border: 1px solid var(--color-border); overflow: hidden; }
.njeco-legal-table th { background: var(--color-bg); padding: 10px 14px; text-align: left; font-weight: var(--font-weight-semibold); font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.4px; border-bottom: 2px solid var(--color-border); }
.njeco-legal-table td { padding: 10px 14px; border-bottom: 1px solid var(--color-border); vertical-align: top; }
.njeco-legal-table tr:last-child td { border-bottom: none; }
.njeco-legal-table code { background: #f1f3f1; padding: 2px 6px; border-radius: 3px; font-size: 0.82rem; color: var(--color-green-deep); font-family: monospace; }

.njeco-legal-notice { background: #e8f5e9; border-left: 4px solid var(--color-green); border-radius: 0 var(--radius-sm) var(--radius-sm) 0; padding: 14px 18px; font-size: 0.9rem; line-height: 1.6; color: var(--color-green-deep); margin: var(--spacing-sm) 0 var(--spacing-md); }

.njeco-sitemap { display: grid; grid-template-columns: repeat(auto-fill,minmax(260px,1fr)); gap: var(--spacing-lg); margin-top: var(--spacing-sm); }
.njeco-sitemap__section { background: var(--color-white); border: 1px solid var(--color-border); border-radius: var(--radius-md); padding: var(--spacing-md); }
.njeco-sitemap__title { font-size: 0.9rem; font-weight: var(--font-weight-semibold); text-transform: uppercase; letter-spacing: 0.5px; color: var(--color-green-deep); margin: 0 0 var(--spacing-sm); padding-bottom: 10px; border-bottom: 2px solid #c8e6c9; }
.njeco-sitemap__list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }
.njeco-sitemap__link { display: flex; align-items: center; gap: 8px; font-size: 0.9rem; color: var(--color-text); text-decoration: none; padding: 4px 0; transition: color var(--transition-fast); }
.njeco-sitemap__link::before { content:'→'; color: var(--color-green); font-size: 0.8rem; flex-shrink: 0; }
.njeco-sitemap__link:hover { color: var(--color-green); }

@media (max-width: 640px) {
    .njeco-sitemap { grid-template-columns: 1fr; }
    .njeco-legal-table { display: block; overflow-x: auto; }
}