/* =========================================================
   Application 'news' — feuille de style dédiée au formulaire
   d'ajout public d'actualité (chargée en plus de static/css/main.css)
   ========================================================= */

.news-form { padding: 20px 24px 90px; max-width: 720px; margin: 0 auto; }

.news-form .messages { list-style: none; padding: 0; margin: 0 0 24px; }
.news-form .message {
    padding: 12px 18px;
    border-radius: 4px;
    margin-bottom: 10px;
    font-size: .92rem;
}
.news-form .message--success { background: #e6f4ea; color: #1e6b32; border: 1px solid #b6e0c2; }
.news-form .message--error   { background: #fbeaea; color: #7a1f2b; border: 1px solid #f1c3c3; }

.news-form .form-field { margin-bottom: 18px; }
.news-form .form-field-row { display: flex; gap: 16px; flex-wrap: wrap; }
.news-form .form-field-row .form-field { flex: 1; min-width: 220px; }

.news-form label { display: block; margin-bottom: 6px; font-weight: 600; }
.news-form input[type="text"],
.news-form input[type="url"],
.news-form input[type="file"],
.news-form textarea {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #ddd;
    border-radius: 3px;
    font-family: inherit;
}

.news-form__actions { margin-top: 26px; }

.btn--danger { background: #b23a3a; color: #fff; margin-left: 12px; }

/* ---------- Partage d'une actualité ---------- */
.partage { margin: 36px 0 8px; padding: 18px 20px; background: #f1e9e2; border-radius: 8px; }
.partage__titre { margin: 0 0 12px; font-weight: 700; color: var(--color-primary-dark, #5a161f); }
.partage__liste { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.partage__liste li[hidden] { display: none; }
.partage__bouton {
    display: inline-flex; align-items: center; gap: 7px; min-height: 40px; padding: 8px 15px;
    border: 1px solid #d9cbbf; border-radius: 20px; background: #fff;
    color: var(--color-primary-dark, #5a161f); font: inherit; font-size: .92rem; font-weight: 600;
    text-decoration: none; cursor: pointer; transition: background .2s ease, border-color .2s ease, color .2s ease;
}
.partage__bouton:hover, .partage__bouton:focus-visible { background: var(--color-primary, #7a1f2b); border-color: var(--color-primary, #7a1f2b); color: #fff; }
.partage__bouton svg { width: 17px; height: 17px; flex: 0 0 auto; }
.partage__bouton small { font-weight: 400; opacity: .8; }
.partage__bouton--natif { background: var(--color-primary, #7a1f2b); border-color: var(--color-primary, #7a1f2b); color: #fff; }
.partage__aide { margin: 10px 0 0; font-size: .86rem; color: #5a4a4a; }
@media (max-width: 480px) {
    .partage__natif { flex: 1 1 100%; }
    .partage__bouton--natif { width: 100%; justify-content: center; }
}