/* Offre Pack – section SEO : l'image du milieu (Recherches Google et articles ciblés) est un peu réduite
   pour paraître de la même taille que les deux autres, tout en gardant le zoom au survol. */
body .elementor-element-3079523 .elementor-element-c9a0570 img{transform:scale(.92) !important}
@media (min-width:1025px) and (hover:hover){
  body .elementor-element-3079523 > .e-con:hover .elementor-element-c9a0570 img{transform:scale(1.5) !important}
}

/* Offre Pack – section SEO : les 3 images passent au-dessus du bloc « La preuve en image ».
   (colonne flexible c991a971 : l'ordre d'affichage change, pas le contenu Elementor) */
body .elementor-element-c991a971 > [data-id="ap87ad26"],
body .elementor-element-c991a971 > [data-id="ap87ad26"] ~ *{order:2}
body .elementor-element-c991a971 > .elementor-element-3079523{order:1}

/* Bloc « Ça marche : vérifiez vous-même sur Google » : sur mobile, liste repliée à 6 exemples. */
@media (max-width:767px){
  body .ps.ps-replie .ps-tete + .ps-groupe .ps-lien:nth-child(n+7){display:none}
  body .ps.ps-replie .ps-tete + .ps-groupe .ps-liste{position:relative}
  body .ps.ps-replie .ps-tete + .ps-groupe .ps-liste::after{content:"";position:absolute;left:0;right:0;bottom:0;height:46px;pointer-events:none;
    background:linear-gradient(rgba(7,17,10,0),#07110a)}
}

/* « Pourquoi DIGICOM » : photo de Waël avec l'application, fondu en bas pour que la veste se fonde dans le fond. */
body [data-id="wy1a2b3c"] .op-why-img > img{
  -webkit-mask-image:linear-gradient(to bottom,#000 72%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 72%,transparent 100%)}

/* Écrans de l'application qui défilent dans le téléphone (du bas vers le haut, en boucle).
   Position mesurée sur wael-application-v3.webp (1536×1024) : x 340→684, y 185→797,
   entre l'en-tête « Bonjour Stéphane » et la barre d'onglets, qui restent visibles.
   Pause : au survol de la souris (ordinateur) et tant que le doigt reste appuyé (téléphone, classe .en-pause). */
body [data-id="wy1a2b3c"] .appli-ecran{position:absolute;left:22.135%;top:18.066%;width:22.396%;height:59.766%;overflow:hidden;
  border-radius:6px;background:#0b0f0c;z-index:1;cursor:default;
  -webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
body [data-id="wy1a2b3c"] .appli-ecran::before,
body [data-id="wy1a2b3c"] .appli-ecran::after{content:"";position:absolute;left:0;right:0;height:5%;z-index:2;pointer-events:none}
body [data-id="wy1a2b3c"] .appli-ecran::before{top:0;background:linear-gradient(#0b0f0c,rgba(11,15,12,0))}
body [data-id="wy1a2b3c"] .appli-ecran::after{bottom:0;background:linear-gradient(rgba(11,15,12,0),#0b0f0c)}
body [data-id="wy1a2b3c"] .appli-bande{position:absolute;left:-6.83%;top:0;width:113.66%;will-change:transform;
  animation:digicomAppliDefil 48s linear infinite}
body [data-id="wy1a2b3c"] .appli-bande img{display:block;width:100% !important;height:auto !important;max-width:none !important;
  -webkit-mask-image:none !important;mask-image:none !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;
  -webkit-user-drag:none;pointer-events:none}
@media (hover:hover){
  body [data-id="wy1a2b3c"] .appli-ecran:hover .appli-bande{animation-play-state:paused}
}
body [data-id="wy1a2b3c"] .appli-ecran.en-pause .appli-bande{animation-play-state:paused}
@keyframes digicomAppliDefil{from{transform:translateY(0)}to{transform:translateY(-50%)}}
@media (prefers-reduced-motion:reduce){body [data-id="wy1a2b3c"] .appli-bande{animation:none}}

/* Bulle de BD (style pro) : « Une application pour suivre la performance du plan de communication ».
   Ordinateur : à droite de la tête, pointe vers Waël. Mobile/tablette (.appli-bulle--haut) : au-dessus de la photo, pointe vers le bas.
   Taille et position calculées par le script selon la taille réelle de la photo. */
body [data-id="wy1a2b3c"] .appli-bulle{position:absolute;z-index:3;margin:0;box-sizing:border-box;
  padding:.8em 1.05em .85em;background:#fff;color:#14201a;border:2px solid #14201a;border-radius:1.15em;
  font-family:"Manrope",system-ui,sans-serif;font-weight:700;line-height:1.3;letter-spacing:-.005em;text-wrap:balance;
  filter:drop-shadow(0 14px 22px rgba(0,0,0,.45));
  opacity:0;transform:scale(.82) translateY(6px);transform-origin:14% 100%;
  transition:opacity .35s ease .15s,transform .55s cubic-bezier(.34,1.56,.64,1) .15s}
body [data-id="wy1a2b3c"] .appli-bulle.visible{opacity:1;transform:none}
body [data-id="wy1a2b3c"] .appli-bulle strong{color:#16903f;font-weight:800}
/* Pointe : contour foncé (::before) + remplissage blanc (::after) */
body [data-id="wy1a2b3c"] .appli-bulle::before,
body [data-id="wy1a2b3c"] .appli-bulle::after{content:"";position:absolute;clip-path:polygon(0 0,100% 0,0 100%)}
body [data-id="wy1a2b3c"] .appli-bulle::before{left:12%;bottom:-20px;width:32px;height:21px;background:#14201a}
body [data-id="wy1a2b3c"] .appli-bulle::after{left:calc(12% + 2.6px);bottom:-14.5px;width:25px;height:16.5px;background:#fff}
body [data-id="wy1a2b3c"] .appli-bulle--haut{transform-origin:var(--qx,70%) 100%}
body [data-id="wy1a2b3c"] .appli-bulle--haut::before,
body [data-id="wy1a2b3c"] .appli-bulle--haut::after{clip-path:polygon(0 0,100% 0,50% 100%)}
body [data-id="wy1a2b3c"] .appli-bulle--haut::before{left:calc(var(--qx,70%) - 13px);bottom:-17px;width:26px;height:17px}
body [data-id="wy1a2b3c"] .appli-bulle--haut::after{left:calc(var(--qx,70%) - 9.5px);bottom:-12px;width:19px;height:12.5px}
@media (max-width:1024px){
  body [data-id="wy1a2b3c"] .op-why-img{padding-top:96px}
}
@media (prefers-reduced-motion:reduce){body [data-id="wy1a2b3c"] .appli-bulle{transition:none;opacity:1;transform:none}}
