/* Le report de .lead est scinde : la typographie vaut pour tous les .lead,
   la couleur seulement quand la reference n'en impose pas une en ligne
   (pi-on-ink / pi-on-ink-soft, qui tiennent lieu d'attribut style). */
/* Couche de fidelite - page Parrainage (11).
   Reconstruite depuis app/reference/pages/parrainage.html + assets/css/main.css.
   Le formulaire CRM (section #parrainer) reste dans le gabarit du theme. */
/* 1. Conteneurs : Elementor stylise par variables, pas par proprietes. */
body.page-id-11 .elementor .e-con.pi-c{
  --display:block; --flex-direction:row; --flex-wrap:nowrap;
  --justify-content:normal; --align-items:normal; --align-content:normal;
  --width:auto; --min-height:0px;
  --gap:0px; --row-gap:0px; --column-gap:0px;
  --padding-top:0px; --padding-right:0px; --padding-bottom:0px; --padding-left:0px;
  --margin-top:0px; --margin-right:0px; --margin-bottom:0px; --margin-left:0px;
  --container-widget-width:auto;
}
body.page-id-11 .elementor .e-con.pi-c > .e-con-inner{ display:contents; }

/* 2. Le contenu du widget herite de son enveloppe, qui porte les classes de la
      reference. Sans cela les regles de balise s appliquent deux fois. */
body.page-id-11 .elementor.elementor .pi-w.elementor-widget-heading .elementor-heading-title,
body.page-id-11 .elementor.elementor .pi-w.elementor-widget-text-editor > *{
  font:inherit; color:inherit; letter-spacing:inherit; line-height:inherit;
  text-transform:inherit; text-align:inherit; margin:0;
}
body.page-id-11 .elementor.elementor .pi-w.elementor-widget-image img{ display:block; }
body.page-id-11 .elementor.elementor .pi-w.elementor-widget-icon .elementor-icon-wrapper,
body.page-id-11 .elementor.elementor .pi-w.elementor-widget-icon .elementor-icon{ display:contents; }
body.page-id-11 .elementor.elementor.elementor [hidden]{ display:none !important; }

/* 3. Report des regles de balise (tokens/base.css) sur l enveloppe du widget. */
body.page-id-11 .elementor.elementor.elementor .pi-w:has(> h1),
body.page-id-11 .elementor.elementor.elementor .pi-w:has(> h2),
body.page-id-11 .elementor.elementor.elementor .pi-w:has(> h3){
  font-family:var(--font-display); color:var(--text-strong); font-weight:var(--fw-semibold);
  line-height:var(--leading-tight); letter-spacing:var(--tracking-tighter);
  margin:0 0 0.5em; text-wrap:balance;
}
body.page-id-11 .elementor.elementor.elementor .pi-w:has(> h1){ font-size:var(--display-lg); }
body.page-id-11 .elementor.elementor.elementor .pi-w:has(> h2){ font-size:var(--display-md); }
body.page-id-11 .elementor.elementor.elementor .pi-w:has(> h3){ font-size:var(--text-2xl); letter-spacing:var(--tracking-tight); }
body.page-id-11 .elementor.elementor.elementor .pi-w.elementor-widget-text-editor{ margin:0 0 1em; text-wrap:pretty; }

/* 3b. adaptation.css neutralise aussi l enveloppe : on rend aux classes de la
      reference portees par l enveloppe la typographie qu elles declarent. */
body.page-id-11 .elementor.elementor.elementor .pi-w.lead{ font-size:var(--text-md); line-height:var(--leading-relaxed); }
body.page-id-11 .elementor.elementor.elementor .pi-w.lead:not(:where(.pi-on-ink,.pi-on-ink-soft,.pi-parr-lead-ink,.pi-parr-note)){ color:var(--text-body); }
body.page-id-11 .elementor.elementor.elementor .pi-w.breadcrumb{ letter-spacing:.04em; }

/* 4. Hero de page : .page-hero h1 et .page-hero p visaient la balise. */
body.page-id-11 .elementor.elementor.elementor .page-hero .pi-w:has(> h1){ color:var(--white); margin:1rem 0 .8rem; font-size:var(--display-lg); }
body.page-id-11 .elementor.elementor.elementor .page-hero .pi-w.elementor-widget-text-editor{ color:rgba(255,255,255,.86); font-size:var(--text-md); line-height:var(--leading-normal); }
body.page-id-11 .elementor.elementor.elementor.elementor.elementor .page-hero .pi-w.elementor-widget-text-editor{ max-width:580px; }
body.page-id-11 .elementor.elementor.elementor.elementor.elementor .container{ max-width:var(--container-max); }

/* 5. Contrepoids de mise en page : Elementor stylise ses conteneurs avec deux
      classes (.e-con-full.e-flex), la reference n en a qu une - elle perdait. */
body.page-id-11 .elementor.elementor .split{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(2rem,5vw,5rem); align-items:center; }
body.page-id-11 .elementor.elementor .split--video.split--media-right{ grid-template-columns:0.72fr 1.28fr; }
body.page-id-11 .elementor.elementor .split--video.split--media-left{ grid-template-columns:1.28fr 0.72fr; }
body.page-id-11 .elementor.elementor .split--media-left > .split__media{ order:0; }
body.page-id-11 .elementor.elementor .split--media-left > .split__content{ order:1; }
body.page-id-11 .elementor.elementor .split--media-right > .split__media{ order:1; }
body.page-id-11 .elementor.elementor .split--media-right > .split__content{ order:0; }
body.page-id-11 .elementor.elementor .grid{ display:grid; gap:clamp(1.25rem,2.5vw,2rem); }
body.page-id-11 .elementor.elementor .cards-3{ grid-template-columns:repeat(3,1fr); }
body.page-id-11 .elementor.elementor .stat-row{ display:flex; flex-wrap:wrap; gap:clamp(1.5rem,5vw,4rem); margin-top:2.5rem; }
body.page-id-11 .elementor.elementor .stat{ display:flex; flex-direction:column; }
body.page-id-11 .elementor.elementor .feature-card__icon{ display:flex; align-items:center; justify-content:center; margin-bottom:1.3rem; }
body.page-id-11 .elementor.elementor .eyebrow{ display:inline-flex; align-items:center; }
body.page-id-11 .elementor.elementor .section{ padding-block:var(--section-y); }
body.page-id-11 .elementor.elementor .section--tight{ padding-block:clamp(2.2rem,4vw,3.2rem); }

/* 6. Regles de la reference qui visaient une balise, reportees sur l enveloppe. */
body.page-id-11 .elementor.elementor.elementor .section-head > .pi-w:has(> h2){ margin:var(--space-4) 0 0; font-size:var(--display-md); }
body.page-id-11 .elementor.elementor.elementor .section-head > .pi-w.elementor-widget-text-editor{ margin-top:var(--space-4); color:var(--text-muted); font-size:var(--text-md); }
body.page-id-11 .elementor.elementor.elementor .split__content > .pi-w:has(> h2){ margin:var(--space-4) 0 var(--space-5); font-size:var(--display-md); }
body.page-id-11 .elementor.elementor.elementor .split__content > .pi-w.elementor-widget-text-editor + .pi-w.elementor-widget-text-editor{ margin-top:1rem; }
body.page-id-11 .elementor.elementor.elementor .split__content > .pi-w.btn{ margin-top:2rem; }
body.page-id-11 .elementor.elementor.elementor .feature-card > .pi-w:has(> h3){ font-size:var(--text-2xl); margin:0 0 .6rem; }
body.page-id-11 .elementor.elementor.elementor .feature-card > .pi-w.elementor-widget-text-editor{ color:var(--text-muted); font-size:.95rem; margin:0; }
body.page-id-11 .elementor.elementor.elementor .section--ink .pi-w:has(> h2){ color:var(--white); }
body.page-id-11 .elementor.elementor.elementor .feature-card__icon svg{ width:26px; height:26px; }

/* 7. Styles en ligne de la reference : tout en haut de l echelle. */
body.page-id-11 .elementor.elementor.elementor.elementor .pi-parr-lead-ink{ color:rgba(255,255,255,.8); }
body.page-id-11 .elementor.elementor.elementor.elementor .pi-parr-mb02{ margin-bottom:.2rem; }
body.page-id-11 .elementor.elementor.elementor.elementor .pi-parr-note{ font-size:.8rem; color:rgba(255,255,255,.55); margin-top:1.5rem; line-height:var(--leading-normal); }

/* 8. Contrepoids de largeur : Elementor plafonne avec un selecteur double. */
body.page-id-11 .elementor.elementor.elementor.elementor.elementor .brand-banner{ max-width:560px; margin-inline:auto; }
body.page-id-11 .elementor.elementor.elementor.elementor.elementor .video-frame{ max-width:980px; margin-inline:auto; }
body.page-id-11 .elementor.elementor.elementor.elementor.elementor .section-head{ max-width:680px; }
body.page-id-11 .elementor.elementor.elementor.elementor.elementor .section-head.is-centered{ margin-inline:auto; }

/* Le gabarit bloc insere 24px entre <!-- wp:post-content --> et la section du
   formulaire restee dans le theme : la reference n en a pas. */
body.page-id-11 main.wp-block-group > section{ margin-block-start:0; }