/* =====================================================================
   style-homepage-pro.css — finitions « style professionnel » de la page d'accueil (09/10/2026).
   Chargée après style-homepage.css, uniquement par index.php. AUCUN élément retiré : on corrige
   les défauts visuels (chevauchement, alignements, contrastes trop pâles) et on remplace les émojis
   servant d'icônes par les icônes dessinées de la charte (scripts/hp_icons_lib.php).
   Sélecteurs préfixés par l'identifiant de section : ils passent devant les styles embarqués des sections.
   ===================================================================== */

/* Icônes dessinées (SVG en ligne) */
.hp-ico{display:inline-block;flex:0 0 auto;vertical-align:-.16em}

/* 1. En-tête (ordinateur, visiteur) : le logo centré qui apparaît au défilement recouvrait le lien
      « Pourquoi Paisible AI ? ». Il reste affiché dans la barre latérale (et sur mobile, inchangé). */
@media (min-width:769px){
  header.header-homepage:not(.is-logged) .logo-container{display:none}
}

/* 2. Bandeau d'accueil : texte d'aide plus lisible ; états « non connecté » adoucis pour un visiteur. */
#hp-section-01 .hp-caps2-title{color:#5b6b80}
.hp-disc--guest .hp-disc-state{filter:grayscale(1);opacity:.55}
.ps-anchor-lead{color:#5b6b80}

/* 3. Fonctionnalités : paragraphe de présentation en texte courant (sans encadré). */
#benefits-home .ph22__seo{background:transparent;border:0;box-shadow:none;color:#5b6b80;font-size:.9rem;line-height:1.65;max-width:900px;margin-left:auto;margin-right:auto}

/* 4. Tarifs */
main #pricing-home .pricing-plan-grid{margin-top:26px}
main #pricing-home .pricing-plan-card.is-featured{overflow:visible}
main #pricing-home .pricing-plan-card.is-featured .pricing-plan-topline{padding-right:0}
main #pricing-home .pricing-plan-card.is-featured .pricing-plan-badge{top:-12px;right:auto;left:50%;transform:translateX(-50%);max-width:none;min-height:24px;white-space:nowrap;padding:4px 14px;letter-spacing:.02em}
main #pricing-home .pricing-plan-saving{text-align:left}
main #pricing-home .pricing-plan-list li{text-align:left}
main #pricing-home .pricing-plan-price-main{font-variant-numeric:tabular-nums;letter-spacing:-.01em}
main #pricing-home .pricing-plan-price-label,
main #pricing-home .pricing-plan-price-row:first-child .pricing-plan-price-label,
main #pricing-home .pricing-plan-included-title{color:#5f6f84}
main #pricing-home .pricing-plan-price-muted{color:#6b7789}
main #pricing-home .pricing-plan-saving .hp-ico{margin-right:1px}
main #pricing-home .pricing-matrix-plan-kicker,
main #pricing-home .pricing-feature-helper{color:#55657a}

/* 5. Livres blancs : icônes dessinées, texte « public visé » lisible */
#livres-blancs .wpb__chip,#livres-blancs .wpb__linktag{display:inline-flex;align-items:center;gap:4px}
#livres-blancs .wpb__chip .hp-ico{width:12px;height:12px}
#livres-blancs .wpb__aud{color:#5b6b80;display:flex;gap:6px;align-items:flex-start}
#livres-blancs .wpb__aud .hp-ico{margin-top:2px}
.wpb__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.wpb__btn::before{content:"";width:16px;height:16px;flex:0 0 auto;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.1%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203v12%22%2F%3E%3Cpath%20d%3D%22M7%2010l5%205%205-5%22%2F%3E%3Cpath%20d%3D%22M5%2021h14%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.1%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203v12%22%2F%3E%3Cpath%20d%3D%22M7%2010l5%205%205-5%22%2F%3E%3Cpath%20d%3D%22M5%2021h14%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat}
.wpb__htxt small{display:inline-flex;align-items:center;gap:4px}

/* 6. Académie, guides, calculateur : pictogrammes de la charte à la place des émojis */
#guides-home .gdh__k::before,#academy-home .acad-home__k::before,#calculateur-home .clh__k::before{content:"";width:14px;height:14px;flex:0 0 auto;background:currentColor}
#guides-home .gdh__k::before{-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.1%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M15.5%208.5l-2%205-5%202%202-5z%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.1%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M15.5%208.5l-2%205-5%202%202-5z%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat}
#academy-home .acad-home__k::before{-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.1%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%209l10-5%2010%205-10%205z%22%2F%3E%3Cpath%20d%3D%22M6%2011v5c0%201.5%202.7%203%206%203s6-1.5%206-3v-5%22%2F%3E%3Cpath%20d%3D%22M22%209v6%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.1%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%209l10-5%2010%205-10%205z%22%2F%3E%3Cpath%20d%3D%22M6%2011v5c0%201.5%202.7%203%206%203s6-1.5%206-3v-5%22%2F%3E%3Cpath%20d%3D%22M22%209v6%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat}
#calculateur-home .clh__k::before{-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.1%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%225%22%20y%3D%222%22%20width%3D%2214%22%20height%3D%2220%22%20rx%3D%222%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%225%22%20width%3D%228%22%20height%3D%224%22%20rx%3D%221%22%2F%3E%3Cpath%20d%3D%22M8.5%2013h.01M12%2013h.01M15.5%2013h.01M8.5%2017h.01M12%2017h.01M15.5%2017h.01%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.1%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%225%22%20y%3D%222%22%20width%3D%2214%22%20height%3D%2220%22%20rx%3D%222%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%225%22%20width%3D%228%22%20height%3D%224%22%20rx%3D%221%22%2F%3E%3Cpath%20d%3D%22M8.5%2013h.01M12%2013h.01M15.5%2013h.01M8.5%2017h.01M12%2017h.01M15.5%2017h.01%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat}
#guides-home .gdh__ico,#academy-home .acad-home__ico{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:11px;background:#eaf2fc;color:#185FA5;font-size:22px;line-height:1}
#guides-home .gdh__ico .hp-ico,#academy-home .acad-home__ico .hp-ico{vertical-align:0}
#academy-home .acad-home__btn2 .hp-ico{margin-right:2px}