/* Composants de la section Conseils (cartes d'articles + boutons de partage).
   Prefixe bl- pour ne pas entrer en conflit avec Tailwind sur la page d'accueil. */
.bl-tag{display:inline-block;background:rgba(249,115,22,.1);color:#EA580C;border:1px solid rgba(249,115,22,.28);border-radius:999px;padding:2px 12px;font-size:12px;font-weight:600;line-height:1.6}
.bl-grid{display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}
.bl-card{border:1px solid #E7E5E4;border-radius:14px;overflow:hidden;background:#fff;display:flex;flex-direction:column;color:#0B0B0F;text-align:left}
.bl-card-img{display:block;aspect-ratio:16/9;background:#f3f4f6}
.bl-card-img img{width:100%;height:100%;object-fit:cover;display:block}
.bl-card-body{padding:16px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;flex:1}
.bl-card-body h3{font-family:'Playfair Display',serif;font-size:1.2rem;line-height:1.3;font-weight:700;margin:0}
.bl-card-body h3 a{text-decoration:none;color:inherit}
.bl-card-body h3 a:hover{color:#EA580C}
.bl-card-body p{font-size:14px;line-height:1.6;color:#4B5563;flex:1;margin:0}
.bl-card-meta{font-size:12px;color:#6B7280}
.bl-card-share{padding:0 16px 16px}

.bl-share{display:flex;flex-wrap:wrap;gap:8px}
.bl-sh{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #E7E5E4;background:#fff;color:#0B0B0F;border-radius:8px;padding:9px 14px;font:600 13px 'Inter',sans-serif;line-height:1;text-decoration:none;cursor:pointer;min-height:42px}
.bl-sh:hover{border-color:#F97316;color:#EA580C}
.bl-sh[hidden]{display:none}
.bl-sh-whatsapp{background:#25D366;border-color:#25D366;color:#fff}
.bl-sh-whatsapp:hover{background:#1ebe5a;border-color:#1ebe5a;color:#fff}
.bl-share-compact .bl-sh{padding:8px 11px;min-height:40px}
.bl-share-compact .bl-sh span{display:none}
.bl-share-compact .bl-sh-whatsapp span,.bl-share-compact .bl-sh-native span{display:inline}