/*
Theme Name: ELJE Média (basé sur Soledad)
Theme URI: https://eljemedia.com
Template: soledad
Author: John Peter Dorlus
Description: Thème enfant Soledad personnalisé pour ELJE Média - Espace de Libre Journalisme et d'Expression. Ajoute les rôles éditoriaux (Rédacteur, Rédacteur confirmé) avec workflow de validation, le chat en direct, des catégories et contenus de démonstration adaptés à ELJE Média.
Version: 1.0
Requires PHP: 7.4
Text Domain: elje-media-child
*/

/* Petits ajustements visuels propres à ELJE Média (le reste des couleurs
   se règle depuis Apparence > Personnaliser, voir LISEZ-MOI.txt) */

.em-badge{display:inline-block; padding:2px 10px; border-radius:20px; font-size:11px; font-weight:700; text-transform:uppercase; margin-left:6px;}
.em-badge-admin{background:#111; color:#fff;}
.em-badge-redacteur{background:#e63946; color:#fff;}
.em-badge-abonne{background:#6b6f76; color:#fff;}

/* Chat */
.em-chat-box{max-width:700px; margin:20px auto; border:1px solid #eee; border-radius:10px; overflow:hidden; box-shadow:0 4px 20px rgba(0,0,0,.05);}
.em-chat-header{display:flex; align-items:center; justify-content:space-between; padding:12px 16px; border-bottom:1px solid #eee; background:#fff;}
.em-chat-rules-toggle{font-size:12px; color:#6b6f76; cursor:pointer; text-decoration:underline;}
.em-chat-rules{display:none; background:#fff8e6; border-bottom:1px solid #eee; padding:10px 16px; font-size:13px;}
.em-chat-rules.show{display:block;}
.em-chat-messages{height:440px; overflow-y:auto; padding:16px; background:#f4f5f8; display:flex; flex-direction:column; gap:12px;}
.em-chat-empty{text-align:center; color:#6b6f76; font-size:14px; margin-top:40px;}
.em-chat-row{display:flex; gap:10px; max-width:80%;}
.em-chat-row.own{align-self:flex-end; flex-direction:row-reverse;}
.em-chat-avatar{width:34px; height:34px; border-radius:50%; color:#fff; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:13px; flex-shrink:0;}
.em-chat-msg{position:relative; background:#fff; border-radius:12px; padding:8px 34px 8px 12px; box-shadow:0 1px 2px rgba(0,0,0,.06); font-size:14px;}
.em-chat-msg.own{background:#2b6fdb; color:#fff;}
.em-chat-msg .who{font-size:11px; font-weight:700; opacity:.7; display:block; margin-bottom:3px;}
.em-chat-text{white-space:pre-wrap; word-break:break-word;}
.em-chat-delete{position:absolute; top:6px; right:6px; background:none; border:0; color:inherit; opacity:.5; cursor:pointer; font-size:16px; line-height:1;}
.em-chat-delete:hover{opacity:1;}
.em-chat-input{display:flex; border-top:1px solid #eee;}
.em-chat-input input{flex:1; border:0; padding:14px;}
.em-chat-input input:disabled{opacity:.5;}
.em-chat-input button{background:linear-gradient(90deg,#f7941d,#e63946,#c0289b,#8e2de2,#2b6fdb); color:#fff; border:0; padding:0 24px; cursor:pointer; font-weight:700;}
.em-login-required{background:#f4f5f8; padding:16px; border-radius:6px; text-align:center;}

/* Espace membre (front-end) */
.em-dash{max-width:1000px; margin:30px auto; display:grid; grid-template-columns:220px 1fr; gap:30px;}
.em-dash-menu{background:#f4f5f8; padding:18px; border-radius:6px;}
.em-dash-menu a{display:block; padding:8px 0; font-weight:600;}
.em-dash-panel{background:#fff; border:1px solid #eee; border-radius:6px; padding:24px;}

@media (max-width:600px){
  .em-chat-row{max-width:90%;}
  .em-chat-messages{height:360px;}
  .em-dash{grid-template-columns:1fr;}
}