/* ============================================
   SIDEBAR
============================================ */
 /* --- BADGE en danger --- */
 .danger-widget {
     background: #ffffff;
     border-radius: 14px;
     border: 1px solid rgba(20, 77, 71, 0.12);
     overflow: hidden;
     font-size: 0.88rem;
     margin-bottom: 1.5rem;
     box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
 }

 .danger-header {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 12px 16px 10px;
     background: linear-gradient(135deg,
             var(--rouge-caraibe, #c0231c) 0%,
             #c0231c 100%);
     color: #fff;
     gap: 8px;
     flex-wrap: wrap;
 }

 .danger-title {
     font-weight: 700;
     font-size: 0.9rem;
     display: flex;
     align-items: center;
     gap: 6px;
 }

 .endangered-card {
     border-bottom: 1px solid #f0f0f0;
     padding-bottom: .75rem;
     margin-bottom: .75rem;
 }

 .endangered-card:last-child {
     border-bottom: none;
     margin-bottom: 0;
 }

 .endangered-img-wrap {
     aspect-ratio: 364 / 234;
     overflow: hidden;
 }

 .endangered-img-wrap img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .endangered-type-badge {
     position: absolute;
     top: 6px;
     left: 6px;
     background: rgba(0, 0, 0, .55);
     color: #fff;
     font-size: .68rem;
     padding: 2px 8px;
     border-radius: 12px;
 }

 .endangered-body {
     padding: 0 .5rem;
 }

 .endangered-name {
     font-size: .88rem;
     font-weight: 700;
     margin-bottom: 2px;
 }

 .endangered-name a {
     color: var(--vert-default, #144d47);
     text-decoration: none;
 }

 .endangered-name a:hover {
     text-decoration: underline;
 }

 .endangered-creole {
     font-size: .78rem;
     color: #666;
     font-style: italic;
 }

 .endangered-scientific {
     font-size: .75rem;
     color: #999;
 }

 .endangered-meta {
     font-size: .78rem;
 }

 @media (max-width: 576px) {
    .endangered-name {
        font-size: 0.9rem;
    }

    .endangered-img-wrap {
        border-radius: 10px;
    }
}