/* ==========================================================================
   kg-public.css — L'IDENTITÉ DES PAGES GRAND PUBLIC.

   CE QU'ELLE REMPLACE : la même barre de navigation existait en SEPT versions
   sur dix pages, et le pied de page en six. Non pas sept intentions, sept
   copies qui avaient dérivé chacune de leur côté. La mesure l'a montré : sur
   dix-sept sélecteurs de navigation, deux divergences RÉELLES, et elles étaient
   des défauts. « Tarifs » posait son avatar en #2563EB écrit en dur, donc il
   n'obéissait pas au thème du mode édition ; et les quatre pages légales
   n'avaient pas .nav-link.active, donc le lien de la page courante n'y était
   jamais marqué. Les corriger page par page aurait demandé dix retouches.

   LA RÈGLE DE CONSTRUCTION : un sélecteur n'entre ici que si TROIS pages au
   moins le déclarent avec la même valeur. En dessous de trois, ce n'est pas
   une convention, c'est une coïncidence, et on ne fige pas une coïncidence.

   CE QUI RESTE DANS LA PAGE, et le motif compte : ce qui lui est PROPRE. Le
   rouge de SOS Dépannage (#DC2626, #F87171 sur son pied de page) n'est pas une
   dérive, c'est l'identité d'une page d'urgence ; il reste local et gagne par
   l'ordre de la cascade. Idem pour le menu mobile de l'accueil.

   DEUX FEUILLES, PAS UNE : les pages d'offre professionnelle ont la leur
   (kg-pro.css), avec son bleu nuit. Un visiteur et un professionnel ne lisent
   pas la même page.
   ========================================================================== */

/* --- Remise à zéro --- */
*, *::before, *::after { box-sizing:border-box;margin:0;padding:0; }
body { font-family:'Inter',sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased; }

/* --- Barre de navigation --- */
.nav-logo { display:flex;align-items:center;flex-shrink:0; }
.nav-logo img { height:36px;width:auto;display:block; }
.nav-links { display:flex;align-items:center;gap:2px;flex:1; }
.nav-link { padding:6px 14px;border-radius:8px;font-size:.875rem;font-weight:500;color:var(--muted);transition:color .15s,background .15s;text-decoration:none; }
.nav-link:hover { color:var(--text);background:var(--bg); }
.nav-actions { display:flex;align-items:center;gap:8px;flex-shrink:0; }
.nav-guest { display:flex;align-items:center;gap:8px; }
.nav-user { display:none;align-items:center;gap:10px; }
.nav-avatar { width:32px;height:32px;border-radius:50%;background:var(--accent);color:white;font-size:.875rem;font-weight:700;display:flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer; }
.topnav { padding:0 20px; }
.nav-pro-dd { position:relative;display:inline-flex;align-items:center; }
.nav-pro-dd>.nav-link::after { content:" ▾";font-size:.8em;opacity:.55; }
.nav-pro-menu { position:absolute;top:100%;left:0;background:#fff;border:1px solid #E5E7EB;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.12);min-width:210px;padding:6px;display:none;z-index:200; }
.nav-pro-dd:hover .nav-pro-menu,.nav-pro-dd:focus-within .nav-pro-menu { display:block; }
.nav-pro-menu a { display:block;padding:9px 12px;border-radius:7px;color:#111827;font-size:.9rem;font-weight:500;text-decoration:none;white-space:nowrap; }
.nav-pro-menu a:hover { background:#F3F4F6;color:var(--accent); }
.nav-link.active { color:var(--text);background:var(--bg);font-weight:600; }

/* --- Pied de page complet --- */
.kg-foot-grid { max-width:1160px;margin:0 auto;display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:36px; }
.kg-foot-logo { font-size:1.4rem;font-weight:800;color:#fff;letter-spacing:-.02em; }
.kg-foot-logo span { color:#60A5FA; }
.kg-foot-tag { font-size:.9rem;color:#9CA3AF;margin:12px 0 18px;max-width:300px;line-height:1.6; }
.kg-foot-contact a { display:block;color:#CBD5E1;font-size:.88rem;margin-bottom:7px;text-decoration:none; }
.kg-foot-contact a:hover { color:#fff; }
.kg-foot-col h4 { font-size:.78rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#fff;margin:0 0 14px; }
.kg-foot-col a { display:block;color:#9CA3AF;font-size:.88rem;margin-bottom:10px;text-decoration:none;transition:color .15s; }
.kg-foot-col a:hover { color:#fff; }
.kg-foot-col a .tag { font-size:.6rem;font-weight:800;letter-spacing:.03em;background:#2563EB;color:#fff;border-radius:5px;padding:2px 6px;margin-left:7px;vertical-align:middle; }
.kg-foot-bottom { max-width:1160px;margin:36px auto 0;padding-top:22px;border-top:1px solid #1E2A3D;display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;font-size:.78rem;color:#6B7280; }
.kg-foot-trust { display:inline-flex;align-items:center;gap:7px;color:#9CA3AF; }
.kg-foot-trust b { color:#CBD5E1;font-weight:600; }
.kg-foot-brand { grid-column:1/-1; }

/* --- Pied de page simple, pages légales --- */
.site-footer a { color:var(--muted); }
.site-footer a:hover { color:var(--text); }
.site-footer { padding:24px 40px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:var(--muted);flex-wrap:wrap;gap:12px;background:white; }