/**
 * Senego Update Notes - Styles
 *
 * Bloc de mises à jour éditoriales affiché en fin d'article.
 * Utilise les variables CSS du thème principal.
 */

.senego-update-notes {
    margin: 1.5rem 0 0;
    padding: 0;
    font-family: var(--font-primary, 'Roboto', sans-serif);
}

.senego-update-note {
    margin: 0 0 1rem 0;
    padding: 1rem 1.25rem 1rem 1.25rem;
    background: #fff9e6;
    border-left: 4px solid #f5a623;
    border-radius: 4px;
    position: relative;
}

.senego-update-note:last-child {
    margin-bottom: 0;
}

/* La note la plus récente est plus marquée */
.senego-update-note:first-child {
    background: #fff4d6;
    border-left-color: #f0900c;
}

.senego-update-note-header {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    font-family: var(--font-headings, 'Oswald', sans-serif);
    font-weight: 600;
    font-size: 0.95rem;
    color: #8a5700;
    letter-spacing: 0.02em;
}

.senego-update-note-icon {
    font-size: 1.05rem;
    line-height: 1;
}

.senego-update-note-label {
    text-transform: none;
}

.senego-update-note-body {
    color: var(--color-text, #000);
    font-size: 0.96rem;
    line-height: 1.65;
}

.senego-update-note-body p {
    margin: 0 0 0.5rem;
}

.senego-update-note-body p:last-child {
    margin-bottom: 0;
}

.senego-update-note-body a {
    color: var(--color-primary, #ff9900);
    text-decoration: underline;
    text-underline-offset: 2px;
}

.senego-update-note-body a:hover {
    color: var(--color-secondary, #e68a00);
}

/* Responsive */
@media (max-width: 640px) {
    .senego-update-note {
        padding: 0.875rem 1rem;
    }

    .senego-update-note-header {
        font-size: 0.9rem;
    }

    .senego-update-note-body {
        font-size: 0.9rem;
    }
}