/* ============================================================
   LUMINEYES — Lisibilité globale + barre de menu agrandie
   Chargée en dernier : surclasse les tailles trop petites du
   styles.css d'origine sans le modifier. Palette/typo inchangées.
   ============================================================ */

/* ─────────────────────────────────────────────
   1) BARRE DE MENU — plus haute et lisible
   ───────────────────────────────────────────── */
.site-header {
  padding: 1.35rem 2.4rem;          /* barre plus haute */
}

/* Logo */
.brand-lockup-copy strong,
.logo-word {
  font-size: 1.15rem;               /* "LUMINEYES" plus présent */
  letter-spacing: 0.14em;
}
.brand-lockup-copy small,
.brand-tagline {
  font-size: 0.52rem;               /* sous-titre "creative marketing" lisible */
  letter-spacing: 0.16em;
}
.logo-infinity { font-size: 2.3rem; }

/* Liens de navigation : c'était ~8,8px → on passe à ~13px */
.main-nav {
  gap: 2.1rem;
  font-size: 0.82rem;
  letter-spacing: 0.07em;
}

/* Sélecteur de devise Euro / Dirhams */
.pricing-switch.top-market-switch button {
  font-size: 0.78rem;
}

/* Bouton "Démarrer un projet" */
.nav-cta {
  font-size: 0.78rem;
  padding: 0.85rem 1.3rem;
  gap: 1.2rem;
}

/* Le contenu fixe sous le header ne doit pas passer dessous */
section[id] { scroll-margin-top: 6rem; }

/* ─────────────────────────────────────────────
   2) LISIBILITÉ GÉNÉRALE — remonter les corps de
      texte et labels trop petits sur tout le site
   ───────────────────────────────────────────── */

/* Codes de section "/ 01 — …" et kickers */
.kicker,
.section-code {
  font-size: 0.78rem;
  letter-spacing: 0.16em;
}

/* Paragraphes d'intro / sections / contenu */
.intro-copy p,
.section-title p,
.method-head p,
.lab-content > p,
.contact-copy,
.immersive-intro p {
  font-size: 0.95rem;
  line-height: 1.85;
  opacity: 0.78;                    /* moins effacé */
}

/* Sous-titre vision (déjà bien, on harmonise) */
.intro-lede { font-size: 1.05rem; }

/* Hero : description + actions */
.hero-description { font-size: 0.95rem; }
.button { font-size: 0.72rem; }

/* Cartes services / cases / méthode / lab */
.service-card p,
.case-card h3,
.method-track p,
.lab-list p,
.pack-card > p,
.video-card details {
  font-size: 0.82rem;
  line-height: 1.7;
}
.service-card ul,
.method-track span,
.lab-list span,
.card-top,
.case-meta,
.case-results,
.pack-index,
.pack-card ul {
  font-size: 0.7rem;
}

/* Strip clients / nuage de services / signaux */
.client-strip,
.service-cloud span,
.signal {
  font-size: 0.68rem;
}

/* Pied de page + bas de contact */
footer,
.contact-foot {
  font-size: 0.66rem;
}

/* ─────────────────────────────────────────────
   3) FORMULAIRE DE CONTACT — labels et champs
      (souvent les plus petits, cf. capture)
   ───────────────────────────────────────────── */
.contact label,
.contact .field-label,
.contact legend {
  font-size: 0.8rem;
  letter-spacing: 0.1em;
}
.contact input,
.contact select,
.contact textarea {
  font-size: 0.95rem;
}

/* ─────────────────────────────────────────────
   4) MOBILE — le menu plein écran reste grand
   ───────────────────────────────────────────── */
@media (max-width: 900px) {
  .site-header { padding: 1.1rem 1.2rem; }
  .main-nav.open a { font-size: 1.25rem; }
  .intro-copy p,
  .section-title p,
  .lab-content > p,
  .immersive-intro p { font-size: 1rem; }
}

/* ─────────────────────────────────────────────
   5) CHATBOT LUME — texte lisible (desktop) +
      plein écran façon Messenger (mobile, gère le clavier)
   ───────────────────────────────────────────── */

/* Desktop : fenêtre compacte, texte lisible. */
.lume-chat {
  width: min(23rem, calc(100vw - 2rem));
  height: 30rem;
}
.lume-chat header strong { font-size: 1.3rem; }
.lume-chat header small { font-size: 0.48rem; }
.lume-chat-messages p,
.lume-chat-messages .lume-msg-bot {
  font-size: 0.9rem;
  line-height: 1.6;
  max-width: 88%;
}
/* Suggestions : passage à la ligne au lieu du scroll horizontal moche */
.lume-chat-suggestions {
  flex-wrap: wrap;
  overflow: visible;
}
.lume-chat-suggestions button {
  font-size: 0.66rem;
  padding: 0.45rem 0.6rem;
}
.lume-chat-form input { font-size: 0.95rem; }
.lume-launcher span { font-size: 0.72rem; }
.lume-launcher img { width: 2.1rem; height: 2.1rem; }

/* Mobile : plein écran type Messenger.
   100dvh = hauteur dynamique → quand le clavier s'ouvre, la fenêtre
   se réduit et le champ de saisie reste visible au-dessus du clavier. */
@media (max-width: 640px) {
  .lume-chat {
    right: 0;
    bottom: 0;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;          /* fallback navigateurs anciens */
    height: 100dvh;         /* clé : suit le clavier mobile */
    max-width: none;
    border: 0;
    border-radius: 0;
  }
  /* messages = zone flexible qui absorbe l'espace, scrollable */
  .lume-chat-messages { padding: 1.1rem; }
  .lume-chat-messages p,
  .lume-chat-messages .lume-msg-bot { font-size: 1rem; max-width: 90%; }
  .lume-chat header { padding: 1.1rem 1.2rem; }
  .lume-chat header strong { font-size: 1.5rem; }
  .lume-chat-form { padding: 0.8rem; padding-bottom: max(0.8rem, env(safe-area-inset-bottom)); }
  .lume-chat-form input { font-size: 1.05rem; }
  .lume-chat-form button { width: 2.6rem; height: 2.6rem; }
  .lume-chat-suggestions button { font-size: 0.8rem; }
}

/* ─────────────────────────────────────────────
   6) COORDONNÉES déplacées sous le bouton ENVOYER
   ───────────────────────────────────────────── */
.contact-form .contact-details {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem 1.6rem;
  margin-top: 1.4rem;
  padding-top: 1.2rem;
  border-top: 1px solid var(--line);
}
.contact-form .contact-details a {
  color: var(--gold);
  font-family: var(--mono);
  font-size: 0.8rem;
  letter-spacing: 0.04em;
  transition: opacity 0.2s;
}
.contact-form .contact-details a:hover { opacity: 0.7; }