/* ============================================================
   Empire-MIREB — Feuille de style principale
   Couleurs : Orange #FF6200 | Sombre #1a1a1a
   ============================================================ */

:root {
  --om:        #FF6200;
  --om-dark:   #cc4e00;
  --om-light:  #FFF3EC;
  --dark:      #1a1a1a;
  --dark-2:    #2a2a2a;
  --text:      #1a1a1a;
  --text-sec:  #555;
  --text-muted:#888;
  --border:    #E5E5E5;
  --surface:   #F8F8F8;
  --white:     #FFFFFF;
  --success:   #27ae60;
  --error:     #e74c3c;
  --radius:    12px;
  --radius-sm: 8px;
  --shadow:    0 2px 16px rgba(0,0,0,.08);
  --shadow-lg: 0 8px 32px rgba(0,0,0,.12);
}

/* ── Reset ── */
.emireb-wrap *,.emireb-wrap *::before,.emireb-wrap *::after{box-sizing:border-box}
.emireb-wrap{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:var(--text);line-height:1.6}

/* ── Typographie ── */
.emireb-wrap h1,.emireb-wrap h2,.emireb-wrap h3,.emireb-wrap h4{margin:0 0 .5em;line-height:1.3;color:var(--dark)}
.emireb-wrap p{margin:0 0 .75em;color:var(--text-sec)}

/* ── Layout helpers ── */
.emireb-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}
.emireb-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.emireb-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.emireb-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}

/* ── Boutons ── */
.emireb-btn-primary{display:inline-flex;align-items:center;gap:6px;background:var(--om);color:#fff;border:none;border-radius:var(--radius-sm);padding:10px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s,transform .1s;text-decoration:none}
.emireb-btn-primary:hover{background:var(--om-dark);transform:translateY(-1px);color:#fff}
.emireb-btn-secondary{display:inline-flex;align-items:center;gap:6px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 20px;font-size:14px;cursor:pointer;text-decoration:none}
.emireb-btn-outline{display:inline-flex;align-items:center;gap:6px;background:transparent;color:var(--om);border:1.5px solid var(--om);border-radius:var(--radius-sm);padding:9px 18px;font-size:14px;cursor:pointer;text-decoration:none;transition:all .15s}
.emireb-btn-outline:hover{background:var(--om);color:#fff}
.emireb-btn-small{display:inline-flex;align-items:center;gap:4px;background:var(--om-light);color:var(--om);border:1px solid var(--om);border-radius:6px;padding:5px 12px;font-size:12px;cursor:pointer}
.emireb-btn-full{width:100%;justify-content:center}

/* ── Section header ── */
.emireb-section-header{display:flex;align-items:center;gap:10px;margin-bottom:20px}
.emireb-section-header span,.emireb-section-header i{font-size:24px;color:var(--om)}
.emireb-section-header h2{margin:0;font-size:22px;font-weight:600}
.emireb-section-sub{margin-top:4px;font-size:14px;color:var(--text-muted)}

/* ── Formulaires ── */
.emireb-form-group{margin-bottom:14px}
.emireb-form-group label{display:block;font-size:13px;font-weight:500;margin-bottom:5px;color:var(--text)}
.emireb-form-group input,.emireb-form-group textarea,.emireb-form-group select{width:100%;border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 12px;font-size:14px;color:var(--text);background:#fff;outline:none;transition:border-color .15s}
.emireb-form-group input:focus,.emireb-form-group textarea:focus,.emireb-form-group select:focus{border-color:var(--om);box-shadow:0 0 0 3px rgba(255,98,0,.1)}
.emireb-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.emireb-form-actions{display:flex;gap:10px;margin-top:16px}
.emireb-search-input{width:100%;border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 14px;font-size:14px;outline:none;margin-bottom:12px;background:#fff}
.emireb-search-input:focus{border-color:var(--om)}
.emireb-checkbox-group label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px}
.emireb-input-large{padding:12px 16px;font-size:16px;border:1px solid var(--border);border-radius:var(--radius-sm);flex:1;outline:none}

/* ── Badge LIVE ── */
.emireb-live-badge{display:inline-flex;align-items:center;gap:6px;background:#e74c3c;color:#fff;font-size:11px;font-weight:700;padding:3px 10px;border-radius:12px;letter-spacing:.5px}
.emireb-pulse{width:8px;height:8px;border-radius:50%;background:#fff;animation:emireb-pulse 1.2s infinite}
@keyframes emireb-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}

/* ── Info note ── */
.emireb-info-note{background:var(--om-light);border-left:3px solid var(--om);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:10px 14px;font-size:13px;color:var(--text-sec);margin-bottom:14px}

/* ── Empty state ── */
.emireb-empty{text-align:center;color:var(--text-muted);font-size:14px;padding:40px 20px}

/* ── Restricted ── */
.emireb-restricted{text-align:center;padding:40px 20px;background:var(--surface);border-radius:var(--radius);border:1px dashed var(--border)}

/* ══════════════════════════════════════════════════════
   CHAT
══════════════════════════════════════════════════════ */
.emireb-chat-wrap{display:flex;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:#fff;box-shadow:var(--shadow)}
.emireb-chat-sidebar{width:200px;background:var(--dark);padding:12px;display:flex;flex-direction:column;gap:4px;flex-shrink:0}
.emireb-chat-sidebar-title{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:#666;margin-bottom:8px}
.emireb-group-btn{display:flex;align-items:center;gap:8px;background:none;border:none;color:#ccc;padding:8px 10px;border-radius:8px;cursor:pointer;text-align:left;font-size:13px;width:100%}
.emireb-group-btn:hover,.emireb-group-btn.active{background:#2a2a2a;color:#fff}
.emireb-group-icon{font-size:16px}
.emireb-chat-main{flex:1;display:flex;flex-direction:column;min-width:0}
.emireb-chat-header{background:var(--dark);color:#fff;padding:12px 16px;display:flex;align-items:center;gap:10px}
.emireb-chat-av{width:34px;height:34px;border-radius:50%;background:var(--om);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0}
.emireb-chat-header strong{font-size:14px}
.emireb-online-count{font-size:11px;color:#27ae60;margin-left:8px}
.emireb-chat-messages{padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;background:var(--surface)}
.emireb-msg-wrap{display:flex;align-items:flex-end;gap:8px}
.emireb-msg-out{flex-direction:row-reverse}
.emireb-msg-av{width:28px;height:28px;border-radius:50%;background:var(--dark);color:var(--om);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}
.emireb-msg-bubble{max-width:72%}
.emireb-msg-sender{font-size:11px;color:var(--text-muted);margin-bottom:3px}
.emireb-msg-text{padding:10px 14px;border-radius:12px;font-size:14px;line-height:1.5;word-break:break-word}
.emireb-msg-in .emireb-msg-text{background:#fff;border-radius:12px 12px 12px 3px;border:1px solid var(--border)}
.emireb-msg-out .emireb-msg-text{background:var(--om);color:#fff;border-radius:12px 12px 3px 12px}
.emireb-msg-time{font-size:10px;color:var(--text-muted);margin-top:3px;text-align:right}
.emireb-chat-input-bar{display:flex;align-items:center;gap:8px;padding:10px 12px;border-top:1px solid var(--border);background:#fff}
.emireb-attach-btn{cursor:pointer;font-size:18px;padding:4px;color:var(--text-muted);flex-shrink:0}
.emireb-chat-input-bar textarea{flex:1;border:1px solid var(--border);border-radius:20px;padding:9px 14px;font-size:14px;resize:none;outline:none;max-height:120px;font-family:inherit}
.emireb-chat-input-bar textarea:focus{border-color:var(--om)}
.emireb-send-btn{background:var(--om);border:none;border-radius:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;flex-shrink:0;transition:background .15s}
.emireb-send-btn:hover{background:var(--om-dark)}

/* ══════════════════════════════════════════════════════
   BIBLIOTHÈQUE
══════════════════════════════════════════════════════ */
.emireb-library-toolbar{margin-bottom:16px}
.emireb-lib-cats{display:flex;flex-wrap:wrap;gap:6px}
.emireb-cat-btn{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:5px 14px;font-size:12px;cursor:pointer;transition:all .15s}
.emireb-cat-btn.active,.emireb-cat-btn:hover{background:var(--om);color:#fff;border-color:var(--om)}
.emireb-library-grid{display:grid;gap:16px}
.emireb-cols-2{grid-template-columns:repeat(2,1fr)}
.emireb-cols-3{grid-template-columns:repeat(3,1fr)}
.emireb-cols-4{grid-template-columns:repeat(4,1fr)}
.emireb-book-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:transform .15s,box-shadow .15s}
.emireb-book-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}
.emireb-book-cover{height:120px;display:flex;align-items:center;justify-content:center;font-size:48px;position:relative}
.emireb-book-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.emireb-book-lock{position:absolute;top:8px;right:8px;background:rgba(0,0,0,.6);color:#fff;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:14px}
.emireb-book-body{padding:14px}
.emireb-book-cat{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--om);font-weight:600;margin-bottom:5px}
.emireb-book-title{font-size:14px;font-weight:600;margin-bottom:4px;line-height:1.4}
.emireb-book-author{font-size:12px;color:var(--text-muted);margin-bottom:6px}
.emireb-book-desc{font-size:12px;color:var(--text-sec);line-height:1.5;margin-bottom:8px}
.emireb-book-meta{font-size:11px;color:var(--text-muted);margin-bottom:10px}
.emireb-read-pdf{width:100%;justify-content:center}

/* PDF Modal */
.emireb-pdf-modal{position:fixed;inset:0;background:rgba(0,0,0,.8);z-index:99999;display:flex;align-items:center;justify-content:center;padding:20px}
.emireb-pdf-modal-inner{background:#fff;border-radius:var(--radius);width:100%;max-width:900px;max-height:95vh;display:flex;flex-direction:column;overflow:hidden}
.emireb-pdf-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--border);background:var(--dark);color:#fff;font-weight:500}
.emireb-pdf-close{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;padding:0 4px}
.emireb-pdf-viewer-wrap{flex:1;overflow:hidden}

/* ══════════════════════════════════════════════════════
   ADVOCACY / PLAIDOYER
══════════════════════════════════════════════════════ */
.emireb-advocacy-list.emireb-cols-1{display:flex;flex-direction:column;gap:16px}
.emireb-advocacy-list.emireb-cols-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.emireb-adv-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:transform .15s}
.emireb-adv-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}
.emireb-adv-media{position:relative}
.emireb-adv-media img{width:100%;height:180px;object-fit:cover}
.emireb-media-count{position:absolute;bottom:8px;right:8px;background:rgba(0,0,0,.6);color:#fff;font-size:11px;padding:2px 7px;border-radius:10px}
.emireb-adv-icon-wrap{height:100px;display:flex;align-items:center;justify-content:center;background:var(--om-light)}
.emireb-adv-icon{font-size:48px}
.emireb-adv-body{padding:16px}
.emireb-adv-cat{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--om);font-weight:600}
.emireb-adv-title{font-size:16px;font-weight:600;margin:6px 0;line-height:1.4}
.emireb-adv-desc{font-size:13px;color:var(--text-sec);margin-bottom:12px;line-height:1.6}
.emireb-adv-progress-wrap{margin-bottom:12px}
.emireb-adv-progress-bar{height:8px;background:var(--border);border-radius:4px;overflow:hidden;margin-bottom:6px}
.emireb-adv-progress-fill{height:100%;background:linear-gradient(90deg,var(--om),#ff8c42);border-radius:4px;transition:width .5s}
.emireb-adv-amounts{display:flex;align-items:center;gap:6px;font-size:13px}
.emireb-adv-amounts strong{font-size:16px;color:var(--om)}
.emireb-pct{margin-left:auto;background:var(--om-light);color:var(--om);font-size:11px;padding:2px 8px;border-radius:10px;font-weight:600}
.emireb-adv-actions{display:flex;gap:8px;margin-bottom:10px}
.emireb-btn-donate{flex:1;background:var(--om);color:#fff;border:none;border-radius:var(--radius-sm);padding:10px;font-size:14px;cursor:pointer;font-weight:500}
.emireb-btn-share{background:var(--surface);color:var(--text-sec);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 14px;font-size:13px;cursor:pointer}
.emireb-adv-note{font-size:11px;color:var(--text-muted);text-align:center}
.emireb-advocacy-submit-wrap{margin-bottom:16px}

/* ══════════════════════════════════════════════════════
   REQUÊTES DE PRIÈRE
══════════════════════════════════════════════════════ */
.emireb-req-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}
.emireb-req-card{background:#fff;border:1px solid var(--border);border-left:4px solid var(--om);border-radius:0 var(--radius) var(--radius) 0;padding:16px;position:relative}
.emireb-req-card.emireb-answered{border-left-color:var(--success)}
.emireb-answered-badge{position:absolute;top:12px;right:12px;background:var(--success);color:#fff;font-size:11px;padding:2px 8px;border-radius:10px}
.emireb-req-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.emireb-req-av{width:36px;height:36px;border-radius:50%;background:var(--om-light);color:var(--om);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}
.emireb-req-meta{display:flex;flex-direction:column}
.emireb-req-meta strong{font-size:14px}
.emireb-req-meta span{font-size:11px;color:var(--text-muted)}
.emireb-req-title{font-size:15px;font-weight:600;margin-bottom:6px}
.emireb-req-content{font-size:13px;color:var(--text-sec);line-height:1.6;margin-bottom:10px}
.emireb-req-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}
.emireb-pray-btn{background:var(--om-light);color:var(--om);border:1px solid var(--om);border-radius:20px;padding:6px 16px;font-size:13px;cursor:pointer;transition:all .15s;font-weight:500}
.emireb-pray-btn:hover,.emireb-pray-btn.emireb-prayed{background:var(--om);color:#fff}
.emireb-answered-btn{background:var(--success);color:#fff;border:none;border-radius:20px;padding:6px 14px;font-size:12px;cursor:pointer}
.emireb-read-more{background:none;border:none;color:var(--om);font-size:13px;cursor:pointer;padding:0;text-decoration:underline}

/* ══════════════════════════════════════════════════════
   EMPLOIS
══════════════════════════════════════════════════════ */
.emireb-jobs-toolbar{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}
.emireb-jobs-toolbar select{border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 12px;font-size:14px;outline:none;background:#fff;cursor:pointer}
.emireb-jobs-list{display:flex;flex-direction:column;gap:12px}
.emireb-job-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:16px;display:flex;align-items:flex-start;gap:14px;box-shadow:var(--shadow);transition:transform .15s}
.emireb-job-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}
.emireb-job-icon{width:48px;height:48px;border-radius:12px;background:var(--dark);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}
.emireb-job-body{flex:1;min-width:0}
.emireb-job-title{font-size:16px;font-weight:600;margin-bottom:4px}
.emireb-job-org{font-size:13px;color:var(--text-muted);margin-bottom:8px}
.emireb-job-desc{font-size:13px;color:var(--text-sec);line-height:1.5;margin-bottom:10px}
.emireb-job-tags{display:flex;flex-wrap:wrap;gap:6px}
.emireb-tag{background:var(--om-light);color:var(--om);font-size:11px;padding:3px 10px;border-radius:12px;font-weight:500}
.emireb-tag-type{background:#e8f5e9;color:#27ae60}
.emireb-tag-salary{background:#fff3e0;color:#e67e22}
.emireb-apply-btn{flex-shrink:0;align-self:center}

/* ══════════════════════════════════════════════════════
   PRIÈRE AUDIO
══════════════════════════════════════════════════════ */
.emireb-live-session{background:var(--dark);color:#fff;border-radius:var(--radius);padding:20px;margin-bottom:16px}
.emireb-live-session h3{color:#fff;margin:10px 0 6px}
.emireb-session-desc{color:#ccc;font-size:14px}
.emireb-audio-player{background:#2a2a2a;border-radius:var(--radius-sm);padding:14px;margin-top:12px}
.emireb-audio-controls{display:flex;align-items:center;gap:10px;margin-top:10px}
.emireb-audio-controls button{background:none;border:1px solid #555;color:#ddd;border-radius:6px;padding:6px 12px;cursor:pointer;font-size:12px}
.emireb-volume-bar{flex:1;height:4px;background:#444;border-radius:2px}
.emireb-participant-count{font-size:12px;color:#aaa;margin-top:8px}
.emireb-prayer-controls{display:flex;gap:10px;margin-top:14px}
.emireb-session-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 16px;display:flex;align-items:center;justify-content:space-between}
.emireb-sessions-list{display:flex;flex-direction:column;gap:8px}
.emireb-sessions-list h3{margin:16px 0 10px;font-size:16px}
.emireb-session-info{display:flex;flex-direction:column}
.emireb-session-time{font-size:12px;color:var(--text-muted);margin-top:3px}
.emireb-create-session{margin-bottom:16px}

/* ══════════════════════════════════════════════════════
   CONFÉRENCE VIDÉO
══════════════════════════════════════════════════════ */
.emireb-conf-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:16px}
.emireb-conf-tab{background:none;border:none;border-bottom:2.5px solid transparent;padding:10px 16px;font-size:14px;cursor:pointer;color:var(--text-muted);transition:all .15s;margin-bottom:-1px}
.emireb-conf-tab.active{color:var(--om);border-bottom-color:var(--om);font-weight:500}
.emireb-conf-panel{display:none}
.emireb-conf-panel.active{display:block}
.emireb-session-id-display{display:flex;align-items:center;gap:10px;padding:12px;font-size:13px;margin-bottom:12px;flex-wrap:wrap}
.emireb-session-id-display code{background:var(--dark);color:#fff;padding:4px 10px;border-radius:6px;font-size:13px;word-break:break-all}

/* ══════════════════════════════════════════════════════
   ENTREPRENEURIAT
══════════════════════════════════════════════════════ */
.emireb-projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:20px}
.emireb-project-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:transform .15s,box-shadow .15s}
.emireb-project-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.emireb-project-header{height:100px;background:var(--proj-color,var(--om-light));display:flex;align-items:center;justify-content:center}
.emireb-project-icon{font-size:52px}
.emireb-project-body{padding:16px}
.emireb-project-name{font-size:17px;font-weight:600;margin-bottom:4px}
.emireb-project-url{font-size:12px;color:var(--om);display:block;margin-bottom:10px;text-decoration:none}
.emireb-project-url:hover{text-decoration:underline}
.emireb-project-desc{font-size:13px;color:var(--text-sec);line-height:1.6;margin-bottom:14px}
.emireb-entrepreneuriat-footer{text-align:center;margin-top:16px}
.emireb-entrepreneuriat-footer h3{margin-bottom:8px}
.emireb-entrepreneuriat-footer p{margin-bottom:14px}

/* ══════════════════════════════════════════════════════
   DON / FLEXPAY
══════════════════════════════════════════════════════ */
.emireb-donate-form{max-width:480px}
.emireb-payment-methods{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}
.emireb-pay-method{border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:12px;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .15s}
.emireb-pay-method:hover,.emireb-pay-method.active{border-color:var(--om);background:var(--om-light)}
.emireb-pay-method-icon{font-size:24px}
.emireb-pay-method-name{font-size:13px;font-weight:500}
.emireb-pay-method-sub{font-size:11px;color:var(--text-muted)}
.emireb-amount-row{display:flex;gap:8px;margin-bottom:12px}
.emireb-amount-input{flex:1}
.emireb-currency-badge{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 14px;font-size:14px;font-weight:600;color:var(--text)}

/* ══════════════════════════════════════════════════════
   MODAL GÉNÉRIQUE
══════════════════════════════════════════════════════ */
.emireb-modal{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}
.emireb-modal-inner{width:100%;max-width:480px;max-height:90vh;overflow-y:auto}
.emireb-share-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}
.emireb-share-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;text-decoration:none;color:#fff}
.emireb-share-fb{background:#1877f2}.emireb-share-wa{background:#25d366}.emireb-share-tw{background:#1da1f2}.emireb-share-tg{background:#0088cc}

/* ══════════════════════════════════════════════════════
   STATUT BADGES
══════════════════════════════════════════════════════ */
.emireb-status{display:inline-block;font-size:11px;padding:2px 8px;border-radius:10px;font-weight:600}
.emireb-status-completed,.emireb-status-approved,.emireb-status-active{background:#e8f5e9;color:var(--success)}
.emireb-status-pending{background:#fff3e0;color:#e67e22}
.emireb-status-failed,.emireb-status-rejected{background:#fde;color:var(--error)}

/* ══════════════════════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════════════════════ */
@media (max-width: 768px) {
  .emireb-grid-2,.emireb-grid-3,.emireb-grid-4{grid-template-columns:1fr}
  .emireb-cols-2,.emireb-cols-3,.emireb-cols-4{grid-template-columns:1fr}
  .emireb-projects-grid{grid-template-columns:1fr}
  .emireb-chat-wrap{flex-direction:column}
  .emireb-chat-sidebar{width:100%;flex-direction:row;overflow-x:auto;padding:8px}
  .emireb-form-row{grid-template-columns:1fr}
  .emireb-payment-methods{grid-template-columns:1fr}
  .emireb-job-card{flex-direction:column}
  .emireb-advocacy-list.emireb-cols-2{grid-template-columns:1fr}
  .emireb-adv-actions{flex-direction:column}
  .emireb-conf-tabs{overflow-x:auto}
}

@media (max-width: 480px) {
  .emireb-btn-primary,.emireb-btn-secondary,.emireb-btn-outline{font-size:13px;padding:9px 14px}
  .emireb-req-footer{flex-direction:column;align-items:flex-start}
  .emireb-jobs-toolbar{flex-direction:column}
  .emireb-jobs-toolbar .emireb-search-input{margin-bottom:0}
}

/* ════════════════════════════════════════════════════════
   JITSI MEET — Responsive mobile (ajouté v1.8)
   Empêche le débordement de l'iframe sur téléphone
════════════════════════════════════════════════════════ */

/* Conteneur Jitsi général */
[id^="emireb-jitsi-"],
#emireb-jitsi-live,
#emireb-jitsi-container {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    border-radius: 12px !important;
    position: relative !important;
}

/* L'iframe Jitsi elle-même */
[id^="emireb-jitsi-"] iframe,
#emireb-jitsi-live iframe,
#emireb-jitsi-container iframe {
    width: 100% !important;
    max-width: 100% !important;
    border: none !important;
    display: block !important;
}

/* Sur mobile : hauteur réduite pour rester dans l'écran */
@media (max-width: 600px) {
    [id^="emireb-jitsi-"],
    #emireb-jitsi-live,
    #emireb-jitsi-container {
        height: min(380px, 55vh) !important;
        border-radius: 10px !important;
    }

    [id^="emireb-jitsi-"] iframe,
    #emireb-jitsi-live iframe,
    #emireb-jitsi-container iframe {
        height: min(380px, 55vh) !important;
    }

    /* Session card sur mobile : layout vertical */
    .emireb-session-card {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
    }

    /* Bouton rejoindre pleine largeur sur mobile */
    .emireb-jitsi-join,
    .emireb-register-session {
        width: 100% !important;
        justify-content: center !important;
        text-align: center !important;
        padding: 12px !important;
        font-size: 15px !important;
    }

    /* Session join wrap sur mobile */
    .emireb-session-join-wrap {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 8px !important;
    }
    .emireb-session-join-wrap button {
        width: 100% !important;
        justify-content: center !important;
    }
}

@media (max-width: 380px) {
    [id^="emireb-jitsi-"],
    #emireb-jitsi-live,
    #emireb-jitsi-container {
        height: min(320px, 50vh) !important;
    }
}

/* Carte session prière — layout grille corrigé */
.emireb-session-card {
    display: flex;
    flex-direction: column;
    gap: 10px;
    background: var(--surface-2, #fff);
    border: 1px solid var(--border, #eee);
    border-left: 4px solid #FF6200;
    border-radius: 12px;
    padding: 14px;
    margin-bottom: 10px;
}