/* HPF blog & article — chargé après shoptimizer-blog (gagne) */
.blog .site-main.grid, .archive .site-main.grid{display:grid !important;grid-template-columns:repeat(3,1fr);gap:30px;align-items:stretch}
@media(max-width:1024px){.blog .site-main.grid,.archive .site-main.grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.blog .site-main.grid,.archive .site-main.grid{grid-template-columns:1fr}}
.blog .site-main article.hentry,.archive .site-main article.hentry{display:flex !important;flex-direction:column;height:100%;width:auto !important;max-width:none !important;margin:0 !important;padding:0 !important;float:none !important;background:#fff !important;border:1px solid #ececec !important;border-radius:16px !important;overflow:hidden !important;box-shadow:0 2px 12px rgba(0,0,0,.05) !important;transition:transform .25s,box-shadow .25s}
.blog .site-main article.hentry:hover,.archive .site-main article.hentry:hover{transform:translateY(-5px);box-shadow:0 16px 38px rgba(127,9,9,.15) !important}
.blog article.hentry .post-thumbnail,.archive article.hentry .post-thumbnail{display:block;margin:0 !important;border-radius:0 !important}
.blog article.hentry .post-thumbnail img,.archive article.hentry .post-thumbnail img{width:100% !important;aspect-ratio:16/10;object-fit:cover;display:block;border-radius:0 !important;margin:0 !important}
.blog article.hentry .blog-loop-content-wrapper,.archive article.hentry .blog-loop-content-wrapper{display:flex;flex-direction:column;flex:1 1 auto;padding:18px 20px 20px !important;margin:0 !important}
.blog article.hentry .entry-header,.archive article.hentry .entry-header{padding:0 !important;margin:0 !important;border:0 !important}
.blog .posted-on,.archive .posted-on,.blog .entry-meta{order:-1;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;color:#b08400;margin-bottom:8px;font-weight:600}
.blog .entry-title,.archive .entry-title{font-size:1.12rem !important;line-height:1.35;margin:0 0 10px !important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.blog .entry-title a,.archive .entry-title a{color:#1A472A;text-decoration:none}
.blog .entry-title a:hover,.archive .entry-title a:hover{color:#7F0909}
.blog .entry-content,.archive .entry-content{color:#666;font-size:.9rem;line-height:1.55;margin:0 0 16px !important;padding:0 !important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.blog .entry-content p,.archive .entry-content p{margin:0}
.blog .more-link,.archive .more-link{margin-top:auto;align-self:flex-start;background:#7F0909;color:#fff !important;padding:9px 20px;border-radius:8px;font-weight:600;font-size:.82rem;text-decoration:none}
.blog .more-link:hover,.archive .more-link:hover{background:#1A472A}
.blog .blog-title,.archive .page-title{color:#7F0909;font-weight:800}
/* article single */
.single-post .site-main.grid{display:block !important}
.single-post article.hentry{max-width:1000px;margin:0 auto !important;float:none !important;width:auto !important}
.single-post article.hentry>img.wp-post-image,.single-post .post-thumbnail img,.single-post .entry-header img.wp-post-image{display:block !important;width:100% !important;max-width:980px !important;height:auto !important;margin:0 auto 32px !important;border-radius:16px !important;box-shadow:0 8px 30px rgba(0,0,0,.12);float:none !important}
.single-post .entry-header .entry-title{color:#1A472A;font-size:2.15rem;line-height:1.22;text-align:center;max-width:760px;margin:0 auto .4em}
.single-post .entry-header .entry-meta{text-align:center;color:#9a9a9a}
.single-post .entry-content{max-width:760px;margin:0 auto;font-size:1.06rem;line-height:1.85;color:#333}
.single-post .entry-content h2,.single-post .entry-content h3{color:#7F0909;margin-top:1.7em}
.single-post .entry-content a{color:#7F0909}
.single-post .entry-content blockquote{border-left:4px solid #FFC500;background:#fffdf5;padding:14px 22px;border-radius:0 10px 10px 0}
.single-post .entry-content img{border-radius:10px;height:auto;max-width:100%}


/* ===== HPF single : sommaire + box auteur + cadre image ===== */
html{scroll-behavior:smooth}
.single-post .entry-content h2,.single-post .entry-content h3{scroll-margin-top:110px}
.single-post article.hentry>img.wp-post-image,.single-post .post-thumbnail img,.single-post .entry-header img.wp-post-image{display:block !important;width:100% !important;max-width:980px !important;height:auto !important;margin:0 auto 34px !important;padding:8px !important;background:#fff !important;border:1px solid #eee !important;border-radius:18px !important;box-shadow:0 14px 42px rgba(0,0,0,.17) !important;float:none !important}
.hpf-toc{max-width:760px;margin:0 auto 34px;background:linear-gradient(180deg,#fffdf5,#fff);border:1px solid #f0e2b6;border-left:5px solid #FFC500;border-radius:12px;padding:18px 24px 20px;box-shadow:0 4px 16px rgba(0,0,0,.04)}
.hpf-toc-title{margin:0 0 12px !important;font-weight:800;color:#7F0909;font-size:1.06rem}
.hpf-toc-ico{margin-right:5px}
.hpf-toc-list{list-style:none !important;margin:0 !important;padding:0 !important}
.hpf-toc-list li{margin:6px 0;line-height:1.4;list-style:none !important}
.hpf-toc-list li.hpf-toc-h3{padding-left:20px;font-size:.93em}
.hpf-toc-list li.hpf-toc-h3::before{content:"\203A";color:#d8a900;margin-right:7px;font-weight:700}
.hpf-toc-list a{color:#3a3a3a;text-decoration:none;border-bottom:1px solid transparent;transition:.15s}
.hpf-toc-list a:hover{color:#7F0909;border-bottom-color:#7F0909}
/* box auteur — primaire rouge + accents or */
.hpf-author-box{max-width:760px;margin:48px auto 8px;display:flex;gap:22px;align-items:flex-start;background:linear-gradient(135deg,#7F0909,#5d0606);color:#fbeeee;border-radius:16px;padding:26px 30px;box-shadow:0 12px 34px rgba(127,9,9,.28)}
.hpf-author-box .hpf-author-av,.hpf-author-box img.avatar{width:84px !important;height:84px !important;border-radius:50% !important;flex:0 0 84px;object-fit:cover;border:3px solid #FFC500;margin:0 !important;box-shadow:0 4px 12px rgba(0,0,0,.25)}
.hpf-author-info{display:flex;flex-direction:column}
.hpf-author-label{text-transform:uppercase;font-size:.7rem;letter-spacing:.09em;color:#FFC500;font-weight:700;margin-bottom:3px}
.hpf-author-name{font-size:1.32rem;font-weight:800;color:#fff !important;text-decoration:none;line-height:1.2}
.hpf-author-name:hover{color:#FFC500 !important}
.hpf-author-bio{margin:9px 0 14px !important;color:#f3dada;font-size:.97rem;line-height:1.62}
.hpf-author-more{align-self:flex-start;color:#3a1500 !important;font-weight:700;font-size:.88rem;text-decoration:none;background:#FFC500;padding:9px 18px;border-radius:8px;transition:.15s}
.hpf-author-more:hover{background:#ffd537;transform:translateY(-1px)}
@media(max-width:560px){.hpf-author-box{flex-direction:column;align-items:center;text-align:center}}