/* --- Grille --- */
.activist-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(calc(275 / 16 * 1rem), 1fr));
    gap: calc(15 / 16 * 1rem);
    margin: var(--space-md) auto 0 auto;
}

/* --- Carte (Non cliquable) --- */
.activist-card {
    display: flex;
    border: calc(1 / 16 * 1rem) solid var(--color-index-guide-steps-border);
    border-radius: var(--radius-md);
    background-color: var(--source-color-white-transparent) !important;
    overflow: hidden;
    box-shadow: var(--shadow-z2);
    margin: 0 auto;
}

/* --- Colonne de Gauche --- */
.img-container {
    /* 150px / 16 = 9.375rem */
    width: calc(150 / 16 * 1rem);
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    border-right: calc(1 / 16 * 1rem) solid var(--color-nav-separator);
    background: var(--source-color-not-white);
    /* 12px / 16 = 0.75rem */
    padding-bottom: calc(12 / 16 * 1rem);
}

/* Image 150x200 stricte */
.activist-img {
    /* 150px = 9.375rem | 200px = 12.5rem */
    width: calc(150 / 16 * 1rem);
    height: calc(200 / 16 * 1rem);
    object-fit: cover;
    display: block;
}

/* --- Le Bouton de lien (Seule partie cliquable) --- */
.platform-link {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-sm);
    color: var(--color-article-read-link);
    /* 15px = 0.9375rem */
    margin-top: calc(15 / 16 * 1rem);

    margin-left: var(--space-sm);
    margin-right: var(--space-sm);
    padding: var(--space-sm) var(--space-xs);

    background: #ececec;
    border-radius: var(--radius-sm);
    text-decoration: none;
}

.platform-link:hover {
    background: #c9ffb9;
}

/* --- L'icône SVG --- */
.platform-icon {
    width: calc(32 / 16 * 1rem) !important; /* 2rem */
    height: calc(32 / 16 * 1rem) !important;
    display: block;
    flex-shrink: 0;
}

.platform-link span {
    font-size: var(--font-size-sm);
    font-weight: var(--fw-bold);
    text-transform: uppercase;
    line-height: 1.3;
}

/* --- Colonne de Droite --- */
.activist-info {
    /* 15px 15px 10px 15px */
    padding: calc(15 / 16 * 1rem) calc(15 / 16 * 1rem) calc(10 / 16 * 1rem) calc(15 / 16 * 1rem);
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.activist-info h3 {
    /* 10px = 0.625rem */
    margin: 0 0 calc(10 / 16 * 1rem) 0;
    font-size: calc(22.4 / 16 * 1rem); /* 1.4rem */
    color: var(--source-color-accent-two);
}

.activist-description {
    font-size: var(--font-size-sm);
    line-height: var(--line-height-body);
    color: var(--source-color-666666);
}

.activist-description p:last-child {
    margin-bottom: 0;
}



/* ================================================= */
/* === MODE SOMBRE === */
/* ================================================= */
html[data-theme="dark"] .activist-card {
    background-color: black !important;
}

html[data-theme="dark"] .img-container {
    background: black;
}

html[data-theme="dark"] .activist-info h3 {
    /* 10px = 0.625rem */
    margin: 0 0 calc(10 / 16 * 1rem) 0;
    font-size: calc(22.4 / 16 * 1rem); /* 1.4rem */
    color: #90EE90;
    font-weight: var(--fw-normal);
}

html[data-theme="dark"] .platform-link {
    font-weight: var(--fw-bold);
    background: #939393;
}

html[data-theme="dark"] .activist-description {
    font-size: var(--font-size-sm);
    line-height: var(--line-height-body);
    color: white;
}