/* Retours préprod du 27/10 — lot « pages » (Packler Now, Calcul du volume, Devenir partenaire).
   Chargée après site.css et css/lot-*.css. */

/* ---------- R-07 · Packler Now, « Calculez » carte bleue (19825:5306) : pictogrammes blancs centrés ----------
   Composant « Timeline » : pastille 48 × 48, icône 24 (glyphe 20), trait blanc. Pastille et fond inchangés. */
.pks-a-carte-bleue .pks-etape > .pks-ico{width:48px!important;flex:none!important;}
.pks-a-carte-bleue .pks-etape > .pks-ico .elementor-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:#fff!important;}
.pks-a-carte-bleue .pks-etape > .pks-ico .elementor-icon svg{width:24px;height:24px;color:#fff!important;stroke:#fff!important;}
.pks-a-carte-bleue .pks-etape > .pks-ico .elementor-icon svg *{stroke:#fff!important;}

/* ---------- R-18 · Packler Now, bento du haut : 3 étiquettes sur une ligne (« Now / Carte texte », 19825:5260) ----------
   Étiquette : padding 8, Manrope 14/20 500 capitales, interlettrage 0, écart 8. Comme dans la maquette, la rangée
   peut mordre sur la marge intérieure de la carte (560 px d'étiquettes pour 541 px de contenu à 1440). */
@media (min-width:768px){
  .pks-a-now-texte .pks-a-puces{container-type:inline-size;gap:8px;}
  .pks-a-now-texte .pks-a-puce .elementor-heading-title{padding:8px;font-size:14px;line-height:20px;letter-spacing:0;white-space:nowrap;}
}
/* une seule ligne dès que la carte le permet ; carte plus étroite que la maquette (bureau 1025-1439) : même dessin,
   corps réduit au plus juste (11 à 14 px) ; la rangée déborde de 40 px sur la marge (comme Figma), d où 2.82cqi − 2.1px */
@container (min-width:462px){
  .pks-a-now-texte .pks-a-puces > .elementor-element{flex:none!important;}
  .pks-a-now-texte .pks-a-puce .elementor-heading-title{font-size:clamp(11px, calc(2.82cqi - 2.1px), 14px);}
}
/* une ligne : tablette (carte pleine largeur) et bureau dès 1120 px ; entre 1025 et 1119 px la carte est trop étroite
   (< 462 px) : les étiquettes gardent 14 px et reviennent à la ligne */
@media (min-width:768px) and (max-width:1024px), (min-width:1120px){
  .pks-a-now-texte .pks-a-puces{flex-wrap:nowrap!important;margin-right:-40px;width:auto!important;}
}

/* ---------- R-10 / R-11 · Calcul du volume, « Estimez votre volume » : un écran par étape, bloc épinglé ---------- */
.pks-b-telephone{overflow:hidden;}
.pks-b-telephone > .pks-b-ecran{position:absolute!important;inset:7.2px;width:auto!important;height:auto!important;margin:0!important;
  opacity:0;transform:translateY(14px);transition:opacity .3s ease-out, transform .3s ease-out;pointer-events:none;}
.pks-b-telephone > .pks-b-ecran.est-actif{opacity:1;transform:none;}
.pks-b-telephone > .pks-b-ecran .elementor-widget-container, .pks-b-telephone > .pks-b-ecran img{width:100%!important;height:100%!important;}
@media (max-width:767px){ .pks-b-telephone > .pks-b-ecran{inset:6.1px;} }
@media (prefers-reduced-motion:reduce){ .pks-b-telephone > .pks-b-ecran{transition:none;transform:none;} }
/* épinglage (posé par js/retours-pages.js, bureau seulement) : la bande s'allonge, le bloc reste fixé pendant les paliers */
.pks-b-tuto-section.pks-b-epingle > .pks-interne{height:calc(var(--pks-b-h) + var(--pks-b-piste))!important;justify-content:flex-start!important;}
.pks-b-tuto-section.pks-b-epingle .pks-b-tuto{position:sticky!important;top:var(--pks-b-haut);}

/* ---------- R-28 · Calcul du volume, héros mobile : étiquettes 1 en haut + 2 en bas, ancrées en bas à droite ---------- */
@media (max-width:767px){
  .pks-b-hero-visuel .pks-b-puces{flex-wrap:wrap!important;justify-content:flex-end!important;align-content:flex-end;}
  .pks-b-hero-visuel .pks-b-puces > .elementor-element:first-child{width:100%!important;flex:0 0 100%!important;text-align:right;}
}

/* ---------- R-29 · Devenir partenaire, « Accompagnement » mobile (20372:21579) ----------
   Cartes 240, écart 24 ; un seul pointillé du centre de la 1re pastille au centre de la 3e (2 × 264 = 528 px), à y = 23,
   2 px, tirets 6 / espaces 8, #93C5FD, derrière les pastilles ; il défile avec la rangée. Pastille 48, icône 20 (glyphe 16). */
@media (max-width:767px){
  .pks-c-accomp-section .pks-c-parcours{gap:24px!important;}
  .pks-c-accomp-section .pks-c-parcours > .pks-c-benef{width:240px!important;gap:16px!important;}
  .pks-c-accomp-section .pks-c-parcours::before{left:44px!important;right:auto!important;top:23px!important;width:528px!important;height:2px!important;
    border:0!important;background:repeating-linear-gradient(90deg,#93C5FD 0 6px,transparent 6px 14px)!important;z-index:0;}
  .pks-c-accomp-section .pks-c-ico-fleche{width:48px!important;}
  .pks-c-accomp-section .pks-c-ico-fleche .elementor-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#F0F5FE;border-radius:50%;}
  .pks-c-accomp-section .pks-c-ico-fleche svg{width:16px!important;height:16px!important;margin:2px;}
  .pks-c-accomp-section .pks-c-benef-texte{gap:8px!important;}
  .pks-c-accomp-section .pks-c-benef .pks-h3 .elementor-heading-title{font-size:22px;line-height:28px;font-weight:600;letter-spacing:-.22px;}
  .pks-c-accomp-section .pks-c-petit-doux, .pks-c-accomp-section .pks-c-petit-doux p{font-size:14px;line-height:20px;font-weight:600;color:rgba(9,9,11,.6);}
}