/* ─────────────────────────────────────────────────────────
   Adrian Kill — Charte v4 PDF Wireframe (01/06/2026)
   Override styles.css pour aligner sous-pages avec la HomePage PDF v2.
   Palette extraite directement du wireframe Adrien fourni 01/06 09:53.

   Couleurs canonical PDF :
   - Background   #02011B  (bleu nuit quasi-noir)
   - Nav blanc    #FFFFFF
   - Nav text     #08022C  (bleu marine profond)
   - Jaune titre  #D4C344  (Adrian Kill, "Parlons de votre projet")
   - Bleu vif     #1F2DE3  ("Ils en parlent mieux que moi")
   - Violet       #8914CD  (accents)
   - Magenta      #C822AB  (fond tuiles)
   - Orange       #DA782F  (bouton "Demander un devis")

   Ce fichier est chargé APRÈS styles.css → toutes ses règles surchargent.
   ───────────────────────────────────────────────────────── */

@import url('https://fonts.googleapis.com/css2?family=Anton&family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,500;12..96,600;12..96,700;12..96,800&family=Manrope:wght@400;500;600;700&display=swap');

:root {
  /* PALETTE PDF v2 — source de vérité */
  --pdf-bg:           #02011B;
  --pdf-bg-2:         #0A0826;
  --pdf-nav-bg:       #FFFFFF;
  --pdf-nav-text:     #08022C;
  --pdf-jaune:        #D4C344;
  --pdf-jaune-vif:    #F0DC50;
  --pdf-bleu:         #1F2DE3;
  --pdf-bleu-vif:     #3949FF;
  --pdf-violet:       #8914CD;
  --pdf-violet-clair: #A431F2;
  --pdf-magenta:      #C822AB;
  --pdf-magenta-clair:#E450C8;
  --pdf-orange:       #DA782F;
  --pdf-orange-vif:   #FF8A3D;
  --pdf-blanc:        #FFFFFF;
  --pdf-blanc-cassé:  #F4F2EC;

  /* Remap variables existantes du styles.css legacy → palette PDF */
  --noir-pur:        var(--pdf-bg);
  --noir-profond:    var(--pdf-bg);
  --noir-card:       var(--pdf-bg-2);
  --noir-lift:       #14122E;
  --bleu-nuit:       var(--pdf-bg);
  --bleu-nuit-deep:  #0A0826;
  --bleu-electric:   var(--pdf-bleu);

  --vert-fluo:       var(--pdf-jaune);   /* eyebrows / labels → jaune charte */
  --violet:          var(--pdf-violet);
  --violet-vif:      var(--pdf-violet-clair);
  --magenta:         var(--pdf-magenta);
  --magenta-clair:   var(--pdf-magenta-clair);
  --orange:          var(--pdf-orange);
  --orange-clair:    var(--pdf-orange-vif);

  --texte-clair:     var(--pdf-blanc);
  --texte-medium:    #C4C0D6;
  --texte-muet:      #9C97B5;
  --violet-text:     var(--pdf-violet-clair);

  /* Gradients PDF — orange→magenta + bleu→violet */
  --grad-magenta-violet: linear-gradient(135deg, var(--pdf-magenta) 0%, var(--pdf-violet) 100%);
  --grad-violet-bleu:    linear-gradient(135deg, var(--pdf-violet) 0%, var(--pdf-bleu) 100%);
  --grad-orange-magenta: linear-gradient(135deg, var(--pdf-orange) 0%, var(--pdf-magenta) 100%);
  --grad-hero:           radial-gradient(ellipse at top center, rgba(137, 20, 205, .35) 0%, rgba(2, 1, 27, .92) 45%, var(--pdf-bg) 80%);
  --grad-section-bleu:   linear-gradient(180deg, var(--pdf-bg) 0%, #0A0826 50%, var(--pdf-bg) 100%);

  --or:          var(--pdf-jaune);
  --or-clair:    var(--pdf-jaune-vif);
  --or-profond:  var(--pdf-violet-clair);
  --cuivre:      var(--pdf-orange);
  --rouge:       var(--pdf-magenta);
  --rouge-vif:   var(--pdf-magenta-clair);
  --ivoire:      var(--pdf-blanc);
  --ivoire-2:    #C4C0D6;
  --fume:        #9C97B5;
  --ombre:       rgba(0, 0, 0, .65);
  --glow-or:     rgba(212, 195, 68, .35);

  /* Typo — Anton (jaune titres, ultra-épais) + Bricolage Grotesque (corps) */
  --titre: 'Anton', 'Dx Lactose', 'Bebas Neue', 'Arial Black', sans-serif;
  --corps: 'Bricolage Grotesque', 'Manrope', system-ui, -apple-system, sans-serif;
}

/* ===== BODY ===== */
html, body {
  background: var(--pdf-bg) !important;
  color: var(--pdf-blanc) !important;
  font-family: var(--corps) !important;
}

body {
  background:
    radial-gradient(ellipse at 50% -10%, rgba(137, 20, 205, .25) 0%, transparent 50%),
    radial-gradient(ellipse at 90% 50%, rgba(218, 120, 47, .15) 0%, transparent 60%),
    var(--pdf-bg) !important;
  background-attachment: fixed;
}

/* ===== NAV TOP — bande blanche minimaliste type PDF ===== */
.nav {
  background: transparent !important;
  border-bottom: none !important;
  backdrop-filter: none !important;
  padding: 18px 0 !important;
  position: sticky;
  top: 0;
  z-index: 100;
}

.nav-inner {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px;
  padding: 0 24px !important;
}

.nav .brand img {
  max-height: 44px !important;
  filter: brightness(0) invert(1);
  width: auto !important;
}

/* Bande blanche centrale qui contient les liens — comme PDF */
.menu {
  background: var(--pdf-nav-bg) !important;
  border-radius: 999px !important;
  padding: 14px 36px !important;
  display: flex !important;
  gap: 36px !important;
  box-shadow: 0 4px 30px rgba(0, 0, 0, .4);
  align-items: center;
}

.menu a {
  color: var(--pdf-nav-text) !important;
  font-family: var(--titre) !important;
  font-weight: 400 !important;
  font-size: 1.05rem !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  padding: 0 !important;
  transition: color .2s;
  white-space: nowrap;
}

.menu a:hover,
.menu a.active {
  color: var(--pdf-magenta) !important;
}

.menu a.nav-cta {
  background: var(--pdf-orange) !important;
  color: var(--pdf-blanc) !important;
  border-radius: 999px !important;
  padding: 8px 20px !important;
  margin-left: 12px;
  border: none !important;
}

.menu a.nav-cta:hover {
  background: var(--pdf-orange-vif) !important;
  color: var(--pdf-blanc) !important;
  transform: translateY(-1px);
}

.burger span {
  background: var(--pdf-blanc) !important;
}

/* ===== HERO ===== */
.hero {
  background: var(--grad-hero) !important;
  padding: 140px 0 80px !important;
}

.hero h1,
h1, main h1 {
  font-family: var(--titre) !important;
  color: var(--pdf-jaune) !important;
  font-weight: 400 !important;
  font-size: clamp(2.8rem, 6vw, 5.5rem) !important;
  line-height: .95 !important;
  letter-spacing: .01em !important;
  text-transform: none !important;
  text-shadow: 0 4px 30px rgba(212, 195, 68, .15);
}

/* Kill legacy gradient text — règles isolées plus spécifiques */
body h1,
body h2,
body h3,
body .hero-h1,
body .titre-signature,
html body h1,
html body h2 {
  background: none !important;
  background-image: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-text-fill-color: currentColor !important;
  filter: none !important;
}

body h1, body main h1, body .hero h1, html body h1 {
  color: #D4C344 !important;
  -webkit-text-fill-color: #D4C344 !important;
}

body h1 em, body h1 i, body h1 .accent,
body h2 em, body h2 i, body h2 .accent {
  background: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-text-fill-color: #A431F2 !important;
  color: #A431F2 !important;
}

.hero h1 .accent,
h1 .accent,
.accent {
  color: var(--pdf-violet-clair) !important;
  font-style: italic !important;
}

.hero-tagline,
.eyebrow {
  color: var(--pdf-jaune) !important;
  font-family: var(--titre) !important;
  font-weight: 400 !important;
  letter-spacing: .25em !important;
  text-transform: uppercase !important;
  font-size: .8rem !important;
}

.hero-lead {
  color: var(--pdf-blanc) !important;
  font-size: 1.15rem !important;
  line-height: 1.55 !important;
  max-width: 720px !important;
}

/* ===== TITRES SECTIONS — kill gradient text legacy ===== */
h2, main h2, section h2, section:nth-of-type(2n) h2, section:nth-of-type(3n) h2, section:nth-of-type(5n) h2 {
  font-family: var(--titre) !important;
  color: var(--pdf-blanc) !important;
  font-weight: 400 !important;
  font-size: clamp(2rem, 4vw, 3.5rem) !important;
  line-height: 1.05 !important;
  letter-spacing: .005em !important;
}

body h2, body main h2, html body h2 {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

h2 .accent,
h2 em,
h2 i {
  color: var(--pdf-jaune) !important;
  -webkit-text-fill-color: var(--pdf-jaune) !important;
  font-style: italic !important;
  background: none !important;
  -webkit-background-clip: unset !important;
}

h3 {
  font-family: var(--titre) !important;
  color: var(--pdf-blanc) !important;
  font-size: 1.4rem !important;
  letter-spacing: .02em !important;
}

p {
  color: var(--pdf-blanc) !important;
  font-family: var(--corps) !important;
  opacity: .92;
}

a {
  color: var(--pdf-jaune) !important;
}

a:hover {
  color: var(--pdf-orange) !important;
}

/* ===== BOUTONS — orange brûlé PDF ===== */
.btn, .btn-primary, .nav-cta, button {
  background: var(--pdf-orange) !important;
  color: var(--pdf-blanc) !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 16px 36px !important;
  font-family: var(--titre) !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
  font-size: 1rem !important;
  box-shadow: 0 6px 20px rgba(218, 120, 47, .35);
  transition: all .2s ease;
  cursor: pointer;
  text-decoration: none !important;
  display: inline-block;
}

.btn:hover, .btn-primary:hover, .nav-cta:hover, button:hover {
  background: var(--pdf-orange-vif) !important;
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(218, 120, 47, .5);
}

.btn-secondary, .btn.btn-ghost {
  background: transparent !important;
  color: var(--pdf-jaune) !important;
  border: 2px solid var(--pdf-jaune) !important;
  box-shadow: none !important;
}

.btn-secondary:hover {
  background: var(--pdf-jaune) !important;
  color: var(--pdf-bg) !important;
}

/* ===== CARDS / PRESTATIONS ===== */
.prestation-card, .card, article.prestation-card {
  background: linear-gradient(160deg, rgba(137, 20, 205, .18) 0%, rgba(200, 34, 171, .12) 50%, var(--pdf-bg-2) 100%) !important;
  border: 1px solid rgba(212, 195, 68, .18) !important;
  border-radius: 18px !important;
  padding: 32px !important;
  transition: all .3s ease;
}

.prestation-card:hover, .card:hover {
  border-color: var(--pdf-jaune) !important;
  transform: translateY(-4px);
  box-shadow: 0 20px 50px rgba(137, 20, 205, .25);
}

.prestation-card h3, .card h3 {
  color: var(--pdf-blanc) !important;
}

.prestation-card p, .card p {
  color: var(--pdf-blanc) !important;
  opacity: .85;
}

.prestation-icon {
  background: rgba(212, 195, 68, .18) !important;
  color: var(--pdf-jaune) !important;
}

/* ===== SECTIONS DARK ===== */
.section-dark {
  background: var(--grad-section-bleu) !important;
}

/* ===== FOOTER ===== */
footer, .footer {
  background: var(--pdf-bg) !important;
  border-top: 1px solid rgba(212, 195, 68, .15) !important;
  color: var(--pdf-blanc) !important;
  padding: 40px 0 !important;
}

footer a, .footer a {
  color: var(--pdf-jaune) !important;
}

/* ===== FORMULAIRES (contact.html) ===== */
input, textarea, select {
  background: rgba(255, 255, 255, .05) !important;
  border: 1.5px solid rgba(212, 195, 68, .25) !important;
  color: var(--pdf-blanc) !important;
  border-radius: 12px !important;
  padding: 14px 18px !important;
  font-family: var(--corps) !important;
}

input:focus, textarea:focus, select:focus {
  outline: none !important;
  border-color: var(--pdf-jaune) !important;
  box-shadow: 0 0 0 4px rgba(212, 195, 68, .15) !important;
}

label {
  color: var(--pdf-blanc) !important;
  font-family: var(--titre) !important;
  letter-spacing: .05em;
  text-transform: uppercase;
  font-size: .85rem;
}

/* ===== MOBILE MENU ===== */
.mobile-menu {
  background: var(--pdf-bg) !important;
}

.mobile-menu a {
  color: var(--pdf-blanc) !important;
  font-family: var(--titre) !important;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.mobile-menu a.nav-cta {
  background: var(--pdf-orange) !important;
}

/* ===== ÉLÉMENTS DÉCORATIFS — formes étoiles/blob PDF ===== */
/* Étoiles décoratives (existantes côté ancienne charte) → palette PDF */
.deco-star, .star-deco {
  color: var(--pdf-orange) !important;
}

/* ===== CONTACT-CARD ===== */
.contact-card {
  background: rgba(137, 20, 205, .12) !important;
  border: 1.5px solid rgba(212, 195, 68, .22) !important;
  border-radius: 16px !important;
  color: var(--pdf-blanc) !important;
}

.contact-card:hover {
  border-color: var(--pdf-jaune) !important;
  background: rgba(212, 195, 68, .08) !important;
}

.contact-label {
  color: var(--pdf-jaune) !important;
  text-transform: uppercase;
  letter-spacing: .12em;
}

/* ===== UTILS ===== */
.on-dark { color: var(--pdf-jaune) !important; }
.text-center { text-align: center; }
.wrap { max-width: 1280px; margin: 0 auto; padding: 0 24px; }

/* Smooth scroll global */
html { scroll-behavior: smooth; }

/* Responsive nav */
@media (max-width: 860px) {
  .menu {
    display: none !important;
  }
  .burger {
    display: block !important;
  }
}