/* ng.css — compléments spécifiques Dr Nathalie Gozlan, par-dessus le thème DG.
   Utilise les mêmes variables (--navy, --blue, --border…) que main.css. */

/* Hero — badges méta + sous-titre */
.hero-text .subtitle{font-weight:700;}
.hero-meta{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:22px;font-size:.9rem;color:var(--text-light);}
.hero-meta b{color:var(--navy);}
.stars{color:#e8b100;letter-spacing:2px;}

/* Hero compact (pages internes, sans photo) */
.hero--compact{padding:54px 5% 34px;}
.hero--compact .hero-inner{display:block;max-width:840px;}
.hero--compact .hero-text h1{font-size:2.3rem;}
.hero--compact .hero-text h2{margin-top:6px;}

/* Cartes services (grille catégories DG, sans image → icône) */
.cat-ico{height:118px;display:flex;align-items:center;justify-content:center;font-size:3rem;background:var(--blue-light);}
.cat-desc{padding:0 14px 18px;font-size:.9rem;color:var(--text-light);line-height:1.6;}
.category-card{cursor:default;}

/* Grille de cartes texte (pourquoi) */
.ng-grid{display:grid;gap:20px;grid-template-columns:repeat(3,1fr);}
.ng-grid-2{display:grid;gap:28px;grid-template-columns:1.3fr 1fr;align-items:start;}
.ng-card{background:var(--white);border:1px solid var(--border);border-radius:14px;padding:24px;box-shadow:var(--shadow);}
.ng-card h3{color:var(--navy);font-size:1.1rem;margin-bottom:8px;}
.ng-card p{color:var(--text-light);font-size:.95rem;margin:0;}
.ng-card .pill{display:inline-block;background:var(--blue-light);color:var(--accent);font-weight:700;font-size:.78rem;padding:4px 12px;border-radius:99px;margin-bottom:14px;}
.ng-card ul{list-style:none;}
.ng-card li{padding-left:22px;position:relative;margin-bottom:9px;color:var(--text);}
.ng-card li::before{content:"";position:absolute;left:2px;top:9px;width:8px;height:8px;border-radius:50%;background:var(--blue);}
@media(max-width:820px){.ng-grid,.ng-grid-2{grid-template-columns:1fr;}}
[dir="rtl"] .ng-card li{padding-left:0;padding-right:22px;}
[dir="rtl"] .ng-card li::before{left:auto;right:2px;}

/* Prose centrée */
.ng-prose{max-width:780px;margin:0 auto;color:var(--text);}
.ng-prose p{margin-bottom:1em;}

/* Listes de contenu (money pages) */
.ng-list{max-width:820px;margin:0 auto;list-style:none;}
.ng-list li{position:relative;padding-left:30px;margin-bottom:12px;color:var(--text);line-height:1.7;}
.ng-list li::before{content:"";position:absolute;left:5px;top:11px;width:9px;height:9px;border-radius:50%;background:var(--blue);}
[dir="rtl"] .ng-list li{padding-left:0;padding-right:30px;}
[dir="rtl"] .ng-list li::before{left:auto;right:5px;}

/* Zones (chips) */
.ng-zones{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:6px;}
.ng-zones span{background:var(--white);border:1.5px solid var(--border);border-radius:99px;padding:8px 16px;font-weight:700;font-size:.9rem;color:var(--navy);}

/* Prix */
.ng-price{font-size:3.2rem;font-weight:900;color:var(--navy);line-height:1;text-align:center;}
.ng-price small{font-size:1rem;color:var(--text-light);font-weight:400;}

/* FAQ accordéon */
.ng-faq{max-width:840px;margin:0 auto;}
.ng-faq details{background:var(--white);border:1px solid var(--border);border-radius:12px;padding:2px 22px;margin-bottom:12px;box-shadow:0 2px 10px rgba(0,51,102,.04);}
.ng-faq summary{list-style:none;cursor:pointer;font-weight:700;color:var(--navy);padding:16px 0;position:relative;padding-right:28px;}
.ng-faq summary::-webkit-details-marker{display:none;}
.ng-faq summary::after{content:"+";position:absolute;right:0;top:14px;color:var(--blue);font-weight:700;font-size:1.35rem;}
.ng-faq details[open] summary::after{content:"–";}
.ng-faq p{padding:0 0 16px;color:var(--text-light);margin:0;}
[dir="rtl"] .ng-faq summary{padding-right:0;padding-left:28px;}
[dir="rtl"] .ng-faq summary::after{right:auto;left:0;}

/* Bandeau CTA */
.ng-cta .hero-ctas{justify-content:center;margin-top:8px;}
.ng-center{text-align:center;}

/* Contact — carte CTA (remplace le formulaire, pas de backend en statique) */
.ng-contact-cta{background:var(--navy);color:#fff;border-radius:14px;padding:2.2rem;display:flex;flex-direction:column;justify-content:center;gap:1rem;text-align:center;box-shadow:var(--shadow);}
.ng-contact-cta h3{color:#fff;margin:0;font-size:1.15rem;}
.ng-contact-cta p{color:rgba(255,255,255,.82);margin:0;font-size:.95rem;}
.ng-contact-cta .wa{background:#25d366;color:#fff;}
.ng-contact-cta .wa:hover{background:#1eb457;color:#fff;}

/* WhatsApp vert pour le bouton hero principal quand demandé */
.btn-hero-primary.wa{background:#25d366;box-shadow:0 4px 14px rgba(37,211,102,.3);}
.btn-hero-primary.wa:hover{background:#1eb457;}