/* V20 — saisie du Blog harmonisée avec CONTACT */
.blog-editor-card{max-width:980px;margin:48px auto 10px;padding:30px;border:1px solid #d8d1c5;border-radius:20px;background:linear-gradient(145deg,#fff,#faf8f3);box-shadow:0 16px 42px rgba(64,52,37,.08)}
.blog-editor-heading{display:grid;grid-template-columns:58px 1fr;gap:18px;align-items:start;padding-bottom:22px;border-bottom:1px solid #e2ddd4}
.blog-editor-heading h2{margin:5px 0 8px;font-size:32px}.blog-editor-heading p{margin:0;max-width:720px;color:var(--muted);line-height:1.65}
.blog-editor-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,#52684f,#789071);color:#fff;font:27px Georgia,serif;box-shadow:0 8px 20px rgba(70,91,68,.2)}
.blog-editor-notice{display:grid;gap:5px;margin:22px 0;padding:15px 17px;border-left:4px solid var(--sage-dark);border-radius:10px;background:#eef3eb;color:#475548}.blog-editor-notice span{font-size:13px;line-height:1.55}
.blog-editor-fields{display:grid;gap:18px}.blog-editor-card .field{gap:9px}.blog-editor-card .field label,.blog-comment-form .field label{color:#4e574f;font-weight:700;letter-spacing:1px}
.blog-editor-card .field input,.blog-editor-card .field textarea,.blog-comment-form .field textarea{width:100%;box-sizing:border-box;padding:14px 15px;border:1px solid #b9ad9b;border-radius:9px;background:#e5dccf;box-shadow:inset 0 1px 3px rgba(60,50,35,.1);font:inherit;color:var(--ink);transition:.18s ease}
.blog-editor-card .field input:focus,.blog-editor-card .field textarea:focus,.blog-comment-form .field textarea:focus{background:#fff;border-color:var(--sage-dark);outline:3px solid rgba(83,102,77,.15);box-shadow:none}
.blog-editor-card .field input{min-height:49px}.blog-editor-card .field textarea{min-height:230px;line-height:1.65;resize:vertical}.blog-editor-card .field small,.blog-comment-form .field small{align-self:flex-end;color:#81796d;font-size:11px}
.blog-editor-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:22px;padding-top:20px;border-top:1px solid #e2ddd4}.blog-editor-actions>span{font-size:12px;color:var(--muted)}.blog-editor-actions .btn{min-width:190px}
.blog-editor-actions .btn,.blog-contribution>button{margin-top:14px}
.blog-contribution-message{margin-top:15px;padding:0;white-space:pre-line}.blog-contribution-message.success,.blog-contribution-message.error{padding:12px 14px;border-radius:9px}.blog-contribution-message.success{background:#eaf3e7;color:#3d5c42}.blog-contribution-message.error{background:#fff0ec;color:#934735}
.blog-empty-state{grid-column:1/-1;margin:0;padding:22px;border:1px dashed #c9c0b2;border-radius:14px;background:#faf7f1;text-align:center;color:#70695f}
.client-header-zone .account-logout-button{background:#fff;color:var(--sage-dark);border-color:#aebba9}.client-header-zone .account-logout-button:hover{background:#f1eee8}.client-header-zone .account-logout-button.hidden{display:none}
.blog-comment-form{padding:26px!important;border-radius:18px!important;background:linear-gradient(145deg,#f4f7f1,#fff)!important;box-shadow:0 10px 28px rgba(64,82,60,.08)}.blog-comment-heading{display:flex;gap:14px;align-items:center;margin-bottom:8px}.blog-comment-heading span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#53664d;color:#fff;font-size:20px}.blog-comment-heading h3{margin:0}.blog-comment-form textarea{min-height:150px!important;line-height:1.6}.blog-comment-form .comment-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:14px}.blog-comment-form .comment-feedback{min-height:20px;font-weight:600}
@media(max-width:650px){.blog-editor-card{padding:21px;margin-top:30px}.blog-editor-heading{grid-template-columns:1fr}.blog-editor-icon{width:46px;height:46px}.blog-editor-heading h2{font-size:27px}.blog-editor-actions,.blog-comment-form .comment-actions{align-items:stretch;flex-direction:column}.blog-editor-actions .btn,.blog-comment-form .btn{width:100%}}
