/* Emplacement : wp-content/plugins/lmsi-linkedin-feed/assets/style.css */

/* --- THÈME UNIQUE (Basé sur #1B2737 pour la carte) --- */

/* La grille redevient neutre (le fond de page hôte sera visible derrière) */
.lmsi-li-grid {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    gap:24px;
    background-color: transparent; /* Retrait du fond sombre forcé */
    padding: 0; /* Retrait du padding forcé */
    margin: 0; 
}

.lmsi-li-card{
    /* Couleur de fond de la carte : #1B2737 */
    background: #1B2737;
    color:#E3F2FD; /* Blanc cassé pour le texte principal */
    
    border:1px solid rgba(255,255,255,.15);
    border-radius:16px;
    padding:20px;
    box-shadow:0 8px 20px rgba(0,0,0,.35); 
    display: flex; 
    flex-direction: column;
    min-height: 250px; 
    max-height: 350px; 
    transition: all 0.3s ease;
}

/* Fond au survol (légèrement plus clair que #1B2737) */
.lmsi-li-card:hover {
    transform: translateY(-2px);
    box-shadow:0 12px 25px rgba(0,0,0,.5);
    background: #233a52; 
}

.lmsi-li-card a{ text-decoration: none;}
.lmsi-li-card h3{
    font-size:18px;
    margin:0 0 6px; 
    color: #fff; /* Blanc pur pour le titre */
    text-decoration: underline;
    text-underline-offset: 4px;
}

.lmsi-li-card p{
    font-size:15px;
    line-height:1.5;
    margin:0;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    overflow:hidden; 
    flex-grow: 1; 
    -webkit-line-clamp: var(--lmsi-clamp, 5); 
    min-height: 5em; 
    max-height: calc(1.5em * var(--lmsi-clamp, 5) + 1px); 
}

/* Couleur des liens (bleu clair pour le contraste) */
.lmsi-li-card p a { color: #78C9E7; text-decoration: underline; } 
.lmsi-li-card p a:hover { color: #A5F3FC; }

.lmsi-li-meta{color:#9ab6d9;margin-top:10px; font-size:12px;} /* Gris bleu pour la méta */

/* Style du bouton "Voir sur LinkedIn" */
.lmsi-li-btn{
    display:inline-block;
    padding:8px 14px;
    border:1px solid #78C9E7;
    border-radius:999px;
    text-decoration:none;
    margin-top:12px;
    text-align: center;
    color: #78C9E7;
    font-weight: 600;
    transition: background-color 0.3s, color 0.3s;
}
.lmsi-li-btn:hover{
    background:#78C9E7;
    color:#1B2737; /* Le texte devient la couleur du fond de carte pour le contraste */
} 

/* Style des messages d'erreur et d'information (couleurs sombres adaptées) */
.lmsi-li-error, .lmsi-li-info{padding:10px 15px;border-radius:5px;font-weight:600;background:#3a2f1c;border:1px solid #744210;color:#fbd38d;}

/* MINI VARIANT */
.lmsi-mini .lmsi-li-card{
    min-height: 150px; 
    max-height: 250px;
    padding:14px;
    border-radius:12px
}
.lmsi-mini .lmsi-li-card h3{font-size:15px;margin-bottom:4px; text-underline-offset: 2px;}
.lmsi-mini .lmsi-li-card p{-webkit-line-clamp:var(--lmsi-clamp,3)} 
.lmsi-mini .lmsi-li-btn{display:none}