/* ====================================================
   BLOG - ARCHIVE & SINGLE
   ==================================================== */

/* Hero Blog */
.blog-hero-featured-image{width:100%}
.blog-hero-placeholder{width:100%;height:400px;background:var(--gris);border-radius:8px}
.blog-hero-content{display:flex;flex-direction:column;gap:var(--s-5);text-align:left}
.blog-hero-title{font-size:var(--fs-h2);margin:0}
.blog-hero-content .bouton-bleu{width:fit-content}
@media (max-width:768px){.blog-hero-featured-image,.blog-hero-placeholder{height:250px}.blog-hero-content{text-align:center}.blog-hero-content .bouton-bleu{width:100%}}

/* Tabs Catégories */
.blog-tabs{display:flex;justify-content:center;flex-wrap:wrap;align-items:center}
.blog-tab-link{font-family:'Satoshi',sans-serif;padding:var(--s-4) var(--s-6);font-weight:500;transition:background 0.2s ease,color 0.2s ease;opacity:0.8;border:none;background:transparent;cursor:pointer;color:inherit;font-size:inherit}
.blog-tab-link:hover,.blog-tab-link.active{opacity:1;background:var(--bleu-secondaire)}
@media (max-width:768px){.blog-tabs{gap:var(--s-2)}.blog-tab-link{padding:var(--s-2) var(--s-3);font-size:var(--fs-small)}}

/* Listing Articles */
.blog-grid{display:grid;gap:var(--s-6)}
.blog-grid ul .blog-card-template,ul.blog-card-template{display:contents !important}
@media (min-width:1200px){.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:768px) and (max-width:1199px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767px){.blog-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:var(--s-4)}}

/* Blog Card */
.blog-card{box-shadow:0 2px 8px rgba(0,0,0,0.08);height:100%;display:flex;flex-direction:column;transition:transform 0.2s ease,box-shadow 0.2s ease;background:var(--blanc);overflow:hidden}
.blog-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px rgba(0,0,0,0.12)}
.blog-image{width:100%;aspect-ratio:16/9;object-fit:cover}
.blog-card__content{padding:var(--s-5);display:flex;flex-direction:column;gap:var(--s-3);flex:1}
.blog-title{font-size:var(--fs-h4);margin:0;line-height:1.3}
.blog-title a{color:var(--text);text-decoration:none;transition:color 0.2s ease}
.blog-title a:hover{color:var(--bleu-principal)}
.blog-meta{display:flex;align-items:center;gap:var(--s-3);font-size:var(--fs-small);color:var(--muted);flex-wrap:wrap}
.blog-date{font-size:var(--fs-small);color:var(--muted)}
.blog-reading-time{display:flex;align-items:center;gap:var(--s-2)}
.blog-timer-icon{width:16px;height:16px;color:var(--muted);flex-shrink:0}
.blog-category{font-size:var(--fs-small);color:var(--muted)}
.blog-category a{color:var(--muted);text-decoration:none;transition:color 0.2s ease}
.blog-category a:hover{color:var(--bleu-principal)}
.blog-excerpt{color:var(--text);line-height:1.6;flex:1}
.blog-excerpt p{margin-bottom:var(--s-3)}
.blog-card__actions{display:flex;margin-top:auto}
.blog-card__actions .bouton-bleu{flex:1}

/* ====================================================
   SINGLE ARTICLE
   ==================================================== */

/* Barre de progression */
.reading-progress-bar{position:fixed;top:70px;left:0;height:5px;background:var(--muted);width:0;z-index:1001;transition:width 0.1s linear}
@media (max-width:1023px){.reading-progress-bar{top:60px}}

/* Header Article */
.blog-article-header{margin-bottom:var(--s-8);text-align:center}
@media (min-width:1024px){.blog-article-header{max-width:800px;margin-left:auto;margin-right:auto}}
.blog-article-title{margin-bottom:var(--s-4)}
.blog-article-meta{display:flex;align-items:center;justify-content:center;gap:var(--s-4);font-size:var(--fs-small);color:var(--muted);margin-bottom:var(--s-6);flex-wrap:wrap}
.blog-article-date,.blog-article-category,.blog-article-author{font-size:var(--fs-small);color:var(--muted)}
.blog-article-category a{color:var(--muted);text-decoration:none;transition:color 0.2s ease}
.blog-article-category a:hover{color:var(--bleu-principal)}
.blog-article-image{width:100%;max-height:500px;object-fit:cover;border-radius:8px;margin-bottom:var(--s-6)}


/* Bannière CTA Waalaxy */
.blog-cta-banner{background:linear-gradient(135deg,#1a1f36 0%,#2d3561 100%);border-radius:12px;padding:var(--s-6);color:var(--blanc);position:relative;overflow:hidden}
.blog-cta-banner::before{content:'';position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(99,102,241,0.15) 0%,transparent 70%);pointer-events:none}
.blog-cta-content{position:relative;z-index:1}
.blog-cta-title{font-size:var(--fs-h5);font-weight:700;margin:0 0 var(--s-2);line-height:1.3}
.blog-cta-text{font-size:var(--fs-small);opacity:0.85;margin:0 0 var(--s-4);line-height:1.5}
.blog-cta-btn{display:inline-flex;align-items:center;gap:var(--s-2);width:100%;justify-content:center;font-size:var(--fs-small)}
.blog-cta-btn svg{transition:transform 0.2s ease}
.blog-cta-btn:hover svg{transform:translateX(4px)}
.blog-cta-badge{display:inline-flex;align-items:center;gap:var(--s-2);margin-top:var(--s-4);padding:var(--s-2) var(--s-3);background:rgba(255,255,255,0.1);border-radius:20px;font-size:var(--fs-small)}

/* Actions Article (Partage + IA unifié) */
.blog-article-actions{display:flex;gap:var(--s-8);justify-content:center}
.blog-actions-section{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.blog-actions-section:not(:last-child){border-right:1px solid rgba(0,0,0,0.1);padding-right:var(--s-8)}
.blog-actions-title{font-size:var(--fs-h6);font-weight:600;margin:0 0 var(--s-3);font-family:'Satoshi',sans-serif}
@media (max-width:768px){.blog-article-actions{display:grid;gap:var(--s-6)}.blog-actions-section:not(:last-child){border-right:none;padding-right:0;border-bottom:1px solid rgba(0,0,0,0.1);padding-bottom:var(--s-6)}}

/* Partage Réseaux */
.share-buttons{display:flex;gap:var(--s-3);align-items:center;flex-wrap:wrap}
.share-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--muted);text-decoration:none;transition:color 0.2s ease;position:relative}
.share-button svg,.share-button i{width:24px;height:24px;font-size:24px;transition:color 0.2s ease}
.share-whatsapp:hover,.share-whatsapp:hover svg{color:#25D366 !important}
.share-facebook:hover,.share-facebook:hover svg{color:#1877F2 !important}
.share-linkedin:hover,.share-linkedin:hover svg{color:#0A66C2 !important}
.share-email i{font-size:26px}
.share-email i:last-child{display:none}
.share-email:hover i:first-child{display:none}
.share-email:hover i:last-child{display:block}
.share-email:hover,.share-email:hover i{color:var(--bleu-principal) !important}

/* Boutons IA */
.ai-buttons{display:flex;gap:var(--s-3);flex-wrap:wrap}
.ai-buttons .bouton-blanc{display:inline-flex;align-items:center;gap:var(--s-2)}
.ai-buttons .bouton-blanc i,.ai-buttons .bouton-blanc img{font-size:20px;z-index:2;color:var(--bleu-principal)}

/* CTA Guide (sidebar) */
.blog-cta-guide{margin-top:var(--s-8);text-align:center}
.blog-cta-guide__image{width:100%;border-radius:8px;margin-bottom:var(--s-4)}
.blog-cta-guide .bouton-blanc{display:inline-flex;align-items:center;gap:var(--s-2)}
.blog-cta-guide .bouton-blanc i{font-size:20px;z-index:2;color:var(--bleu-principal)}

/* Modal Guide */
.guide-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}
.guide-modal.active{opacity:1;visibility:visible}
.guide-modal__overlay{position:absolute;inset:0;background:rgba(15,24,46,.92);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.guide-modal__content{position:relative;display:grid;grid-template-columns:1fr 1fr;background:var(--blanc);border-radius:8px;overflow:hidden;box-shadow:0 24px 64px rgba(0,0,0,.4);transform:scale(.95);transition:transform .3s}
.guide-modal.active .guide-modal__content{transform:scale(1)}
.guide-modal__close{position:absolute;top:var(--s-4);right:var(--s-4);z-index:2;background:none;border:none;font-size:24px;color:var(--muted);cursor:pointer;transition:color .2s}
.guide-modal__close:hover{color:var(--text)}
.guide-modal__left{background-size:cover;background-position:center;min-height:400px;background-color:var(--gris)}
.guide-modal__left img{display:none}
.guide-modal__right{display:flex;flex-direction:column;justify-content:center;padding:var(--s-8);gap:var(--s-4)}
.guide-modal__right h3{font-size:var(--fs-h4);margin:0;line-height:1.3}
.guide-modal__right p{color:var(--muted);margin:0;line-height:1.5}
.guide-modal__right form{display:flex;flex-direction:column}
.guide-modal__reassurance{display:flex;flex-direction:column;gap:var(--s-2);font-size:var(--fs-small);color:var(--muted)}
@media(max-width:1023px){.guide-modal__content{grid-template-columns:1fr;max-height:95vh;overflow-y:auto}.guide-modal__left{min-height:250px;background-size:contain;background-repeat:no-repeat}.guide-modal__right{padding:var(--s-6)}}

/* Responsive */
@media (max-width:768px){.blog-article-meta{flex-direction:column;gap:var(--s-2)}.blog-article-image{width:100%}.share-buttons,.ai-buttons{justify-content:center}}
@media (max-width:480px){.blog-card__actions{flex-direction:column}}