/* Lot A — Packler Now (19825:4831 / 20048:7321) et Déménagement (19828:4538 / 20048:7513). Valeurs relevées dans la maquette. */

/* ---------- héros : H1 statique (Déménagement) et onglet Déménagement ouvert par défaut ---------- */
.pks-a-h1 .elementor-heading-title{font-size:56px;line-height:60px;font-weight:600;letter-spacing:-.56px;color:var(--pks-encre);text-align:center;}
.pks-a-hero-dem .elementor-element.pks-hero-sous{max-width:722px!important;}
.pks-a-onglets-inverses .e-n-tabs-heading > .e-n-tab-title:nth-child(1){order:2;}
.pks-a-onglets-inverses .e-n-tabs-heading > .e-n-tab-title:nth-child(2){order:1;}

/* ---------- étiquettes blanches ---------- */
.pks-a-puces{flex-wrap:wrap!important;gap:8px;}
.pks-a-puces > .elementor-element{width:auto!important;}
.pks-a-puce .elementor-heading-title{display:inline-block;padding:8px;border-radius:100px;background:#fff;font-size:14px;line-height:20px;font-weight:500;text-transform:uppercase;color:var(--pks-encre);}

/* ---------- bento Packler Now : photo à gauche, texte à droite ---------- */
.pks-a-now-texte{padding:40px!important;gap:48px;justify-content:flex-start;}
.pks-a-now-texte > .pks-texte{max-width:461px;}
.pks-carte-photo.pks-a-sans-voile::after{display:none;}
@media (min-width:768px){
  .pks-a-bento-inverse > .elementor-element.pks-bento-visuel{width:47.34%!important;flex:0 0 47.34%!important;min-height:584px;}
  .pks-a-bento-inverse > .elementor-element.pks-bento-texte{width:auto!important;flex:1 1 0!important;}
}

/* ---------- Calculez : carte bleue + visuel ---------- */
.pks-a-calculez{flex-direction:row!important;gap:32px;align-items:stretch;}
.pks-a-carte-bleue{position:relative;overflow:hidden;background:var(--pks-bleu);border-radius:32px;padding:56px!important;gap:48px;}
.pks-a-carte-bleue > *{position:relative;z-index:1;}
.pks-a-carte-bleue .pks-anneaux{z-index:0;}
.pks-a-carte-bleue .pks-anneaux::before{width:500px;height:500px;left:310px;top:410px;border-color:rgba(255,255,255,.12);}
.pks-a-carte-bleue .pks-anneaux::after{width:720px;height:720px;left:200px;top:300px;border-color:rgba(255,255,255,.08);}
.pks-a-carte-bleue .pks-timeline{gap:40px;}
.pks-a-carte-bleue .pks-timeline::before{background:rgba(255,255,255,.25);bottom:70px;}
.pks-a-carte-bleue .pks-ico .elementor-icon{background:rgba(255,255,255,.16);color:#fff;}
.pks-a-carte-bleue .pks-h6 .elementor-heading-title{color:#fff;}
.pks-a-carte-bleue .pks-etape-texte .pks-texte{color:rgba(255,255,255,.85);}
.pks-a-carte-bleue .pks-carrousel{gap:24px;}
.pks-a-calculez-visuel img{width:100%;height:100%!important;object-fit:cover;border-radius:32px;display:block;}
@media (min-width:768px){
  .pks-a-calculez > .elementor-element.pks-a-carte-bleue{width:53.2%!important;flex:0 0 53.2%!important;}
  .pks-a-calculez > .elementor-element.pks-a-calculez-visuel{width:auto!important;flex:1 1 0!important;}
  .pks-a-calculez-visuel, .pks-a-calculez-visuel .elementor-widget-container{height:100%;}
}

/* ---------- Nos camions : onglets verticaux + fiche ---------- */
.pks-a-entete-24{gap:24px;}
.pks-a-camions .e-n-tabs{flex-direction:row!important;gap:32px;align-items:flex-start;}
.pks-a-camions .e-n-tabs-heading{flex-direction:column!important;flex:0 0 260px!important;width:260px!important;gap:16px;}
.pks-a-camions .e-n-tab-title{position:relative;justify-content:flex-start!important;min-height:86px;padding:16px 20px 16px 128px!important;border-radius:24px;
  background:#fff!important;border:1px solid var(--pks-bord)!important;text-align:left;transition:border-color .2s,background .2s;}
.pks-a-camions .e-n-tab-title[aria-selected="true"]{background:var(--pks-clair)!important;border:2px solid var(--pks-bleu)!important;}
.pks-a-camions .e-n-tab-title::before{content:"";position:absolute;left:17px;top:50%;width:96px;height:52px;margin-top:-26px;background:center/contain no-repeat;}
.pks-a-camions .e-n-tab-title:nth-child(1)::before{background-image:url(/wp-content/uploads/2026/10/pks-128ce0e090.webp);}
.pks-a-camions .e-n-tab-title:nth-child(2)::before{background-image:url(/wp-content/uploads/2026/10/pks-2013a14d4b.webp);}
.pks-a-camions .e-n-tab-title:nth-child(3)::before, .pks-a-camions .e-n-tab-title:nth-child(4)::before{background-image:url(/wp-content/uploads/2026/10/pks-c356b5b6dd.webp);}
.pks-a-camions .e-n-tab-title-text{font-size:18px;line-height:24px;font-weight:500;color:var(--pks-encre)!important;display:flex;flex-direction:column;gap:2px;}
.pks-a-camions .e-n-tab-title-text small{font-size:14px;line-height:20px;font-weight:500;color:rgba(9,9,11,.8);}
.pks-a-camions .e-n-tabs-content{flex:1 1 0;min-width:0;}
.pks-a-presentation{flex-direction:row!important;align-items:center;gap:32px;padding:32px!important;border-radius:32px;background:var(--pks-clair);}
.pks-a-camion-visuel{flex:1 1 0;}
.pks-a-camion-visuel img{width:100%;height:auto;display:block;}
.pks-a-fiche{flex:0 0 472px;width:472px!important;padding:28px 28px 8px!important;gap:20px;border-radius:24px;background:#fff;}
.pks-a-identite{gap:4px;}
.pks-a-volume .elementor-heading-title{font-size:20px;line-height:24px;font-weight:600;color:var(--pks-bleu);}
.pks-a-identite .pks-texte{color:rgba(9,9,11,.8);}
.pks-a-fiche-acc .e-n-accordion-item{border-top:1px solid var(--pks-bord);}
.pks-a-fiche-acc .e-n-accordion-item-title{padding:20px 0!important;border:0!important;background:none!important;justify-content:space-between;gap:16px;flex-direction:row!important;}
.pks-a-fiche-acc .e-n-accordion-item-title-header{order:1;flex:1 1 auto;}
.pks-a-fiche-acc .e-n-accordion-item-title-text{font-size:20px;line-height:24px;font-weight:500;color:var(--pks-encre);}
.pks-a-fiche-acc .e-n-accordion-item-title-icon{order:2;flex:none;width:32px;height:32px;border-radius:9999px;background:var(--pks-degrade);color:#fff;display:flex!important;align-items:center;justify-content:center;}
.pks-a-fiche-acc .e-n-accordion-item-title-icon svg{width:16px;height:16px;fill:none!important;stroke:currentColor;stroke-width:2;}
.pks-a-fiche-acc .e-n-accordion-item > .e-con{padding:0 0 20px!important;border:0!important;}
.pks-a-fiche-acc .pks-faq-reponse p.pks-a-spec{display:flex;flex-direction:column;gap:2px;margin:0 0 12px;}
.pks-a-spec span{font-size:14px;line-height:20px;font-weight:500;color:rgba(9,9,11,.6);}
.pks-a-spec strong{font-size:16px;line-height:24px;font-weight:500;color:var(--pks-encre);}

/* ---------- Montez à bord ---------- */
.pks-a-bord-texte{padding:40px!important;gap:48px;justify-content:flex-start;}
.pks-a-bord-texte > .pks-texte{max-width:461px;}
@media (min-width:768px){
  .pks-a-bord > .elementor-element.pks-bento-texte{width:47.9%!important;flex:0 0 47.9%!important;}
  .pks-a-bord > .elementor-element.pks-bento-visuel{min-height:464px;}
}

/* ---------- Bandeau France ---------- */
.pks-a-france{min-height:380px;padding:72px 64px 68px!important;gap:76px;border-radius:32px;justify-content:space-between!important;}
.pks-a-france::after{background:linear-gradient(90deg,rgba(9,9,11,.72) 0%,rgba(9,9,11,.25) 60%,rgba(9,9,11,.5) 100%)!important;}
.pks-a-france-titres{gap:16px;position:relative;z-index:2;}
.pks-a-france .pks-btn-contour{position:relative;z-index:2;padding:8px;border-radius:100px;background:rgba(255,255,255,.14);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-self:flex-start;}
.pks-a-ondes{position:absolute!important;inset:0;z-index:-1;pointer-events:none;overflow:hidden;}
.pks-a-ondes::before, .pks-a-ondes::after{content:"";position:absolute;border-radius:50%;}
.pks-a-ondes::before{width:800px;height:800px;left:860px;top:40px;border:1.5px solid rgba(255,255,255,.22);background:rgba(255,255,255,.04);box-shadow:0 0 0 170px rgba(255,255,255,.03), 0 0 0 171.5px rgba(255,255,255,.14);}
.pks-a-ondes::after{width:500px;height:500px;left:1010px;top:190px;border:1.5px solid rgba(255,255,255,.30);background:rgba(255,255,255,.05);}

/* ---------- Déménagement : Simplifier ---------- */
.pks-a-simplifier{flex-direction:row!important;gap:80px;align-items:center;}
.pks-a-simplifier-texte{gap:48px;}
.pks-a-texte-encre{color:var(--pks-encre);}
.pks-a-texte-encre p + p{margin-top:24px!important;}
.pks-a-simplifier-visuel img{width:100%;height:482px!important;object-fit:cover;border-radius:32px;display:block;}
@media (min-width:768px){
  .pks-a-simplifier > .elementor-element.pks-a-simplifier-texte{width:600px!important;flex:0 0 48.4%!important;}
  .pks-a-simplifier > .elementor-element.pks-a-simplifier-visuel{width:auto!important;flex:1 1 0!important;}
}

/* ---------- Comment ça fonctionne (5 étapes numérotées, pointillé) ---------- */
.pks-a-parcours{position:relative;gap:32px;padding-right:62px!important;}
.pks-a-parcours::before{content:"";position:absolute;left:24px;right:24px;top:23px;border-top:2px dashed #93C5FD;z-index:0;}
.pks-a-parcours::after{content:"";position:absolute;right:0;top:19px;width:10px;height:10px;border-radius:50%;background:var(--pks-bleu);box-shadow:0 0 0 2px #fff;}
.pks-a-etape{flex:1 1 0;gap:20px;position:relative;z-index:1;}
.pks-a-numero{width:auto;}
.pks-a-numero .elementor-heading-title{width:48px;height:48px;border-radius:24px;background:var(--pks-clair);display:flex;align-items:center;justify-content:center;
  font-size:18px;line-height:28px;font-weight:500;color:var(--pks-bleu);box-shadow:0 0 0 8px #fff;}
.pks-a-etape-texte{font-size:18px;line-height:28px;font-weight:500;color:var(--pks-encre);}

/* ---------- Pourquoi choisir Packler ---------- */
.pks-a-pourquoi{flex-direction:row!important;gap:80px;align-items:stretch;}
.pks-a-pourquoi-visuel img{width:100%;height:100%!important;min-height:615px;object-fit:cover;border-radius:32px;display:block;}
.pks-a-pourquoi-texte{gap:48px;align-items:flex-start;}
.pks-a-points{width:100%;}
.pks-a-point{flex-direction:row!important;gap:20px;padding:20px 0!important;}
.pks-a-point + .pks-a-point{border-top:1px solid var(--pks-bord);}
.pks-a-point-corps{gap:6px;flex:1 1 0;}
.pks-a-point-texte{font-size:16px;line-height:24px;font-weight:500;color:rgba(9,9,11,.8);}
@media (min-width:768px){
  .pks-a-pourquoi > .elementor-element.pks-a-pourquoi-visuel{width:45.2%!important;flex:0 0 45.2%!important;}
  .pks-a-pourquoi > .elementor-element.pks-a-pourquoi-texte{width:auto!important;flex:1 1 0!important;}
  .pks-a-pourquoi-visuel .elementor-widget-container{height:100%;}
}

/* ---------- Un accompagnement complet (carte bleue) ---------- */
.pks-a-accomp{position:relative;overflow:hidden;flex-direction:row!important;gap:80px;padding:64px!important;border-radius:32px;background:var(--pks-bleu);align-items:center;}
.pks-a-accomp > *{position:relative;z-index:1;}
.pks-a-accomp .pks-anneaux{z-index:0;}
.pks-a-accomp .pks-anneaux::before{width:500px;height:500px;left:-210px;top:-290px;border-color:rgba(255,255,255,.12);}
.pks-a-accomp .pks-anneaux::after{width:720px;height:720px;left:-320px;top:-400px;border-color:rgba(255,255,255,.08);}
.pks-a-accomp-titre{gap:32px;align-items:flex-start;}
.pks-a-services{gap:0;}
.pks-a-service-ligne{flex-direction:row!important;align-items:center;gap:16px;padding:20px 0!important;border-bottom:1px solid rgba(255,255,255,.18);}
.pks-a-puce-fleche{width:auto;}
.pks-a-puce-fleche .elementor-icon{width:40px;height:40px;border-radius:9999px;background:rgba(255,255,255,.16);color:#fff;display:flex;align-items:center;justify-content:center;}
.pks-a-puce-fleche svg{width:20px;height:20px;fill:none!important;stroke:currentColor;stroke-width:1.6;}
.pks-a-service .elementor-heading-title{font-size:20px;line-height:24px;font-weight:600;color:#fff;}
@media (min-width:768px){
  .pks-a-accomp > .elementor-element.pks-a-accomp-titre{width:43.9%!important;flex:0 0 43.9%!important;}
  .pks-a-accomp > .elementor-element.pks-a-services{width:auto!important;flex:1 1 0!important;}
}

/* =================================== tablette =================================== */
@media (max-width:1100px) and (min-width:768px){
  .pks-a-fiche{flex-basis:360px;width:360px!important;}
  .pks-a-simplifier, .pks-a-pourquoi, .pks-a-accomp{gap:48px;}
  .pks-a-parcours{gap:20px;}
  .pks-a-etape-texte{font-size:16px;line-height:24px;}
}
@media (max-width:1024px) and (min-width:768px){
  .pks-a-presentation{flex-direction:column!important;}
  .pks-a-fiche{flex-basis:auto;width:100%!important;}
}

/* =================================== mobile (maquette 390) =================================== */
@media (max-width:767px){
  .pks-a-h1 .elementor-heading-title{font-size:32px;line-height:36px;letter-spacing:-.32px;}
  .pks-a-hero-dem .elementor-element.pks-hero-sous{font-size:18px;line-height:28px;}
  .pks-a-hero-dem .elementor-element.pks-hero-sous br{display:none;}
  .pks-a-puce .elementor-heading-title{font-size:12px;line-height:16px;}
  .pks-a-now-texte, .pks-a-bord-texte{padding:32px 24px!important;gap:32px;}
  .pks-a-puces{flex-direction:column!important;align-items:flex-start;}
  /* bento : texte d'abord, photo ensuite */
  .pks-a-bento-inverse > .pks-bento-texte{order:1;}
  .pks-a-bento-inverse > .pks-bento-visuel{order:2;min-height:300px;}
  .pks-a-bord > .pks-bento-visuel{min-height:300px;}

  .pks-a-calculez{flex-direction:column!important;gap:48px;}
  .pks-a-carte-bleue{padding:24px 20px!important;gap:32px;border-radius:24px;}
  .pks-a-carte-bleue .pks-timeline > .pks-etape{background:none!important;padding:0!important;width:256px!important;}
  .pks-a-carte-bleue .pks-defile-mobile{margin:0 -20px!important;padding:0 20px!important;scroll-padding-left:20px;}
  .pks-a-carte-bleue .pks-points button{background:rgba(255,255,255,.35);}
  .pks-a-carte-bleue .pks-points button[aria-current="true"]{background:#fff;width:8px;}
  .pks-a-carte-bleue .pks-btn-contour, .pks-a-carte-bleue .pks-btn-contour .elementor-button{width:100%;justify-content:center;}
  .pks-a-calculez-visuel img{height:220px!important;border-radius:24px;}

  .pks-a-camions .e-n-tabs{flex-direction:column!important;gap:32px;}
  .pks-a-camions .e-n-tabs-heading{display:grid!important;grid-template-columns:1fr 1fr;flex:none!important;width:100%!important;gap:12px;}
  .pks-a-camions .e-n-tab-title{flex-direction:column;align-items:flex-start!important;min-height:0;padding:92px 12px 16px!important;border-radius:16px;}
  .pks-a-camions .e-n-tab-title::before{left:12px;top:12px;margin-top:0;width:120px;height:65px;}
  .pks-a-camions .e-n-tab-title-text{font-size:16px;line-height:24px;}
  .pks-a-camions .e-n-tabs-content{width:100%;}
  .pks-a-presentation{flex-direction:column!important;padding:20px!important;gap:20px;border-radius:24px;}
  .pks-a-camion-visuel{width:100%;}
  .pks-a-fiche{flex:none;width:100%!important;padding:24px 20px 4px!important;}
  .pks-a-fiche .pks-h3 .elementor-heading-title{font-size:22px;line-height:28px;}
  .pks-a-fiche-acc .e-n-accordion-item-title-text{font-size:18px;line-height:24px;}

  .pks-a-france{min-height:228px;padding:24px!important;gap:24px;border-radius:24px;}
  .pks-a-france .pks-h2 .elementor-heading-title{font-size:28px;line-height:34px;}
  .pks-a-france .pks-h3 .elementor-heading-title{font-size:20px;line-height:24px;}
  .pks-a-ondes{display:none;}

  .pks-a-simplifier{flex-direction:column!important;gap:48px;}
  .pks-a-simplifier-texte{gap:32px;}
  .pks-a-bleu-mobile{color:var(--pks-bleu);}
  .pks-a-texte-encre p + p{margin-top:0!important;}
  .pks-a-texte-encre p{display:inline;}
  .pks-a-texte-encre p + p::before{content:" ";}
  .pks-a-simplifier-visuel img{height:301px!important;border-radius:24px;}

  .pks-a-parcours{padding-right:20px!important;gap:24px;}
  .pks-a-parcours > .pks-a-etape{width:160px!important;}
  .pks-a-parcours::before{left:44px;right:auto;width:1000px;}
  .pks-a-parcours::after{display:none;}
  .pks-a-etape-texte{font-size:16px;line-height:24px;}

  .pks-a-pourquoi{flex-direction:column!important;gap:48px;}
  .pks-a-pourquoi-visuel img{min-height:0;height:209px!important;border-radius:24px;}
  .pks-a-point-texte{font-size:16px;line-height:24px;}

  .pks-a-accomp{flex-direction:column!important;gap:32px;padding:32px 24px!important;border-radius:24px;align-items:stretch;}
  .pks-a-service-ligne{border-bottom:0;padding:12px 0!important;}
  .pks-a-service .elementor-heading-title{font-size:18px;line-height:24px;font-weight:500;}
  .pks-a-service .elementor-heading-title br{display:none;}
  .pks-a-accomp .pks-btn-contour{align-self:flex-start;}
}

/* ---------- correctifs de recette (1re passe) ---------- */
/* bentos : la règle commune de largeur ne gagne pas sur le flex d'Elementor -> forcée ici */
@media (min-width:768px){
  .pks-a-renvoi-section .pks-bento > .elementor-element.pks-bento-texte{flex:0 0 49.2%!important;width:49.2%!important;}
  .pks-a-renvoi-section .pks-bento > .elementor-element.pks-bento-visuel{flex:1 1 0!important;width:auto!important;}
  .pks-a-bento-inverse > .elementor-element.pks-bento-visuel{flex:0 0 47.34%!important;}
  .pks-a-bord > .elementor-element.pks-bento-visuel{flex:1 1 0!important;width:auto!important;}
  /* visuels à hauteur de la colonne voisine */
  .pks-a-calculez-visuel, .pks-a-pourquoi-visuel{position:relative;align-self:stretch;}
  .pks-a-calculez-visuel img, .pks-a-pourquoi-visuel img{position:absolute;inset:0;height:100%!important;min-height:0!important;}
}
.pks-a-puce .elementor-heading-title{letter-spacing:-.15px;white-space:nowrap;}
/* pointillé des étapes : Elementor dimensionne lui-même le ::before des conteneurs (calque de fond) */
.pks-a-parcours::before{left:24px!important;right:20px!important;top:23px!important;width:auto!important;height:0!important;bottom:auto!important;}
.pks-a-ondes::before, .pks-a-ondes::after{right:auto!important;bottom:auto!important;}
/* onglets camions : texte à gauche */
.pks-a-camions .e-n-tab-title, .pks-a-camions .e-n-tab-title-text{text-align:left!important;align-items:flex-start!important;justify-content:flex-start!important;}
@media (max-width:767px){
  /* héros mobile de la maquette : sans sous-titre */
  .pks-page:has(.pks-a-fonct) .pks-hero .pks-hero-sous{display:none;}
  .pks-a-carte-bleue .pks-timeline > .pks-etape .pks-ico .elementor-icon{background:rgba(255,255,255,.16)!important;color:#fff;}
  .pks-a-carte-bleue .pks-points button{width:8px!important;height:8px!important;padding:0!important;border:0!important;border-radius:50%!important;background:rgba(255,255,255,.4)!important;box-shadow:none!important;min-height:0;}
  .pks-a-carte-bleue .pks-points button[aria-current="true"]{background:#fff!important;}
  .pks-a-carte-bleue .pks-points{background:none!important;}
  :is(.page-id-215,.page-id-216) .pks-temoignages-pied{flex-wrap:nowrap!important;}
  :is(.page-id-215,.page-id-216) .pks-temoignages-pied .pks-points{gap:6px;}
}
@media (max-width:767px){
  .pks-a-point, .pks-a-service-ligne{flex-wrap:nowrap!important;}
  .pks-a-point > .pks-a-point-corps, .pks-a-service-ligne > .pks-a-service{width:auto!important;flex:1 1 0!important;min-width:0;}
  .pks-a-point > .pks-ico, .pks-a-service-ligne > .pks-a-puce-fleche{flex:none!important;width:auto!important;}
  .pks-a-simplifier > .elementor-element, .pks-a-pourquoi > .elementor-element{width:100%!important;}
  /* Déménagement mobile (20048:7513) : visuel immersif titré en tête, étapes sans fond, bouton centré */
  .page-id-216 .pks-calculez-section .pks-interne > .pks-h2{display:none;}
  .page-id-216 .pks-calculez > .pks-immersif{order:0!important;min-height:215px;justify-content:flex-end;}
  .page-id-216 .pks-calculez > .pks-immersif .pks-h2{display:block!important;}
  .page-id-216 .pks-calculez .pks-timeline > .pks-etape{background:none!important;padding:0!important;}
  .page-id-216 .pks-calculez .pks-timeline > .pks-etape .pks-ico .elementor-icon{background:var(--pks-clair)!important;}
  .page-id-216 .pks-calculez .pks-etapes-actions{align-items:center!important;}
}
@media (min-width:768px){
  .pks-a-calculez > .elementor-element.pks-a-calculez-visuel, .pks-a-pourquoi > .elementor-element.pks-a-pourquoi-visuel{align-self:stretch!important;min-height:100%;}
}
@media (max-width:767px){ .pks-a-carte-bleue .pks-points{gap:8px!important;display:flex!important;} }
@media (min-width:768px){
  .pks-a-calculez-visuel img{position:static!important;height:732px!important;}
}
