.edl-wrap { font-family:'Fredoka',sans-serif !important; }
.edl-wrap { max-width:1000px; margin:auto; padding:10px; }
.edl-wrap { padding-top:0 !important; margin-top:0 !important; }

/* ─── INPUT GLOBAL ─── */
.edl-input { width:100%; padding:12px; margin:6px 0 15px; border-radius:8px; border:2px solid #ddd; box-sizing:border-box; font-size:1em; font-family:'Fredoka',sans-serif; transition:.2s; }
.edl-input:focus { border-color:#0073aa; outline:none; }
.edl-error { color:#c0392b; background:#fdecea; padding:10px; border-radius:6px; margin-bottom:10px; }

/* ─── TABLEAU COMPARATIF ─── */
#edl-compare-overlay .cp-th-tag,
#edl-compare-overlay .cp-th-name,
#edl-compare-overlay .cp-compare td,
#edl-compare-overlay .cp-compare th {
    font-family: Arial, sans-serif !important;
}

.cp-compare { width:100%; border-collapse:collapse; font-size:.88em; margin-bottom:0px; }
.cp-compare th, .cp-compare td { padding:10px 12px; border:1px solid #e9ecef; text-align:center; vertical-align:middle; font-style:normal; }
.cp-th-inner { display:flex; flex-direction:column; align-items:center; gap:3px; }
.cp-th-emoji { font-size:1.4em; }
.cp-th-name  { font-weight:600; font-size:1em; }
.cp-th-tag   { font-size:.75em; opacity:.8; display:block; font-weight:400; }
.th-clan   { background:linear-gradient(135deg,rgba(212,147,10,.20),rgba(240,173,0,.10)); color:#d4930a; }
.th-world  { background:linear-gradient(135deg,rgba(30,126,52,.20),rgba(40,167,69,.10)); color:#1e7e34; }
.th-battle { background:linear-gradient(135deg,rgba(0,81,119,.20),rgba(0,115,170,.10)); color:#005177; }
.cp-compare tbody tr { transition:background .15s; }
.cp-compare tbody tr:hover td { background:#ececec; }
.cp-compare tbody tr:hover .td-clan   { background:rgba(240,173,0,.18); }
.cp-compare tbody tr:hover .td-world  { background:rgba(40,167,69,.18); }
.cp-compare tbody tr:hover .td-battle { background:rgba(0,115,170,.18); }
.td-clan   { background:rgba(240,173,0,.07); color:#d4930a; font-weight:400; font-style:normal; }
.td-world  { background:rgba(40,167,69,.07); color:#1e7e34; font-weight:400; font-style:normal; }
.td-battle { background:rgba(0,115,170,.07); color:#005177; font-weight:400; font-style:normal; }
.td-bad    { background:#fafafa; color:#bbb; font-style:normal; }

/* ─── DASHBOARD ─── */
.edl-dashboard { max-width:1000px; margin:auto; }
.edl-header-dash { background:linear-gradient(135deg,#0073aa,#005177); color:#fff; border-radius:15px; padding:10px 20px; display:flex; justify-content:space-between; align-items:center; margin-bottom:12px; flex-wrap:wrap; gap:8px; }
.edl-header-dash h2 { margin:0; font-size:1.5em; color:#fff !important; }
.edl-header-dash .edl-logout { color:#fff; text-decoration:none; font-size:.9em; background:rgba(255,255,255,.2); padding:7px 15px; border-radius:20px; transition:.2s; }
.edl-header-dash .edl-logout:hover { background:rgba(255,255,255,.35); }
.edl-clan-badge { background:linear-gradient(135deg,#f0ad00,#f0ad00); color:#ffffff !important; font-size:.75em; font-weight:700; padding:4px 12px; border-radius:20px; letter-spacing:.5px; margin-left:10px; text-shadow:none !important; -webkit-text-fill-color:#ffffff !important; }

.edl-graph-wrap { background:#fff; border-radius:15px; padding:15px 20px; box-shadow:0 3px 15px rgba(0,0,0,.08); margin-bottom:12px !important; }
.edl-graph-wrap h3 { margin:0 0 15px; color:#0073aa; font-size:1.1em; }
.edl-graph-legend { display:flex; gap:15px; flex-wrap:wrap; margin-bottom:10px; font-size:.85em; }
.edl-legend-item { display:flex; align-items:center; gap:6px; }
.edl-legend-dot { width:12px; height:12px; border-radius:50%; }

.edl-actions { display:flex; gap:10px; flex-wrap:wrap; margin-bottom:12px !important; }
.edl-btn-action { flex:1; min-width:180px; padding:14px 20px; border:none; border-radius:12px; cursor:pointer; font-size:1em; font-weight:700; font-family:'Fredoka',sans-serif; transition:.2s; text-align:center; text-decoration:none !important; display:inline-block; color:#fff !important; }
.edl-btn-action:hover { transform:translateY(-2px); box-shadow:0 6px 15px rgba(0,0,0,.15); }
.edl-btn-equipe { background:linear-gradient(135deg,#f0ad00,#e09000); }
.edl-btn-classement { background:linear-gradient(135deg,#0073aa,#005177); }

.edl-selector { text-align:center; margin-bottom:20px; display:flex; align-items:center; justify-content:center; }
.edl-selector select { padding:10px 20px; font-size:1.1em; font-weight:600; border-radius:10px; border:2px solid #0073aa; color:#0073aa; cursor:pointer; background:#fff; font-family:'Fredoka',sans-serif; height:45px; width:auto; flex-shrink:0; }

.edl-layout { display:flex; gap:25px; flex-wrap:wrap; }
.edl-col-left  { flex:1.2; min-width:280px; }
.edl-col-right { flex:1; min-width:260px; }

.edl-score-total { text-align:center; background:linear-gradient(135deg,#0073aa,#005177); color:#fff; border-radius:15px; padding:20px; margin-bottom:20px; }
.edl-score-total .big { font-size:3em; font-weight:700; display:block; line-height:1; }
.edl-score-total .sub { font-size:.95em; opacity:.85; margin-top:5px; }

.edl-table { width:100%; border-collapse:collapse; border-radius:12px; overflow:hidden; box-shadow:0 3px 12px rgba(0,0,0,.08); }
.edl-table thead tr { background:linear-gradient(135deg,#0073aa,#005177); color:#fff; }
.edl-table th { padding:10px 12px; font-size:.85em; text-align:center; }
.edl-table th:first-child { text-align:left; }
.edl-table td { padding:9px 12px; border-bottom:1px solid #f0f0f0; text-align:center; font-size:.95em; }
.edl-table td:first-child { text-align:left; }
.edl-table tbody tr:hover { background:#f0f7fb; }
.edl-pts-pos  { color:#155724; font-weight:700; }
.edl-pts-neg  { color:#721c24; font-weight:700; }
.edl-pts-zero { color:#888; }
.edl-poste-badge { font-size:.72em; color:#888; display:block; }

.edl-diversite    { text-align:center; margin-bottom:15px; background:#d4edda; color:#155724; border:2px solid #28a745; border-radius:10px; padding:8px 15px; font-weight:700; font-size:.95em; }
.edl-no-diversite { text-align:center; margin-bottom:15px; background:#fff3cd; color:#856404; border:2px solid #ffc107; border-radius:10px; padding:8px 15px; font-size:.9em; }

.edl-tabs { display:flex; gap:0; margin-bottom:15px; border-radius:10px; overflow:hidden; border:2px solid #e0f0ff; }
.edl-tab-btn { flex:1; padding:9px 10px; border:none; background:#f0f7fb; color:#0073aa; font-family:'Fredoka',sans-serif; font-size:.9em; font-weight:700; cursor:pointer; transition:.2s; border-right:1px solid #e0f0ff; text-align:center !important; }
.edl-tab-btn:last-child { border-right:none; }
.edl-tab-btn.active { background:linear-gradient(135deg,#0073aa,#005177); color:#fff; }
.edl-tab-btn:hover:not(.active) { background:#e0f0ff; }
.edl-tab-btn:focus, .edl-tab-btn:focus-visible { outline:none !important; outline-offset:0 !important; }
.edl-tab-panel { display:none; }
.edl-tab-panel.active { display:block; }

.edl-card { background:#fff; border-radius:12px; box-shadow:0 3px 12px rgba(0,0,0,.08); padding:18px; margin-bottom:18px; }
.edl-card h4 { margin:0 0 12px; color:#0073aa; font-size:1.05em; border-bottom:2px solid #e0f0ff; padding-bottom:6px; text-align:center; }
.edl-top-row { display:flex; justify-content:space-between; align-items:center; padding:7px 0; border-bottom:1px solid #f5f5f5; font-size:.95em; gap:5px; }
.edl-top-row:last-child { border-bottom:none; }
.edl-rank { font-size:1.4em; width:36px; flex-shrink:0; }
.edl-name { flex:1; font-weight:600; }
.col-pts   { background:#e8f4fd; color:#004085; font-weight:700; border-radius:6px; padding:2px 8px; font-size:.9em; }
.col-bonus { background:#d4edda; color:#155724; font-weight:700; border-radius:6px; padding:2px 8px; font-size:.9em; }
.col-total { background:#0073aa; color:#fff; font-weight:700; border-radius:6px; padding:2px 10px; font-size:.9em; }

.edl-clan-rank-card { background:#fff; border-radius:12px; box-shadow:0 3px 12px rgba(0,0,0,.08); padding:18px; margin-bottom:18px; border-top:3px solid #f0ad00; }
.edl-clan-rank-card h4 { margin:0 0 5px; color:#0073aa; font-size:1.05em; }
.edl-clan-rang-info { background:linear-gradient(135deg,#f0ad00,#d4930a); color:#fff; border-radius:10px; padding:10px 15px; text-align:center; margin-bottom:12px; }
.edl-clan-rang-info .rang-num { font-size:1.8em; font-weight:700; display:block; line-height:1; }
.edl-clan-rang-info .rang-label { font-size:.8em; opacity:.85; }
.edl-clan-row { display:flex; align-items:center; gap:10px; padding:6px 8px; border-radius:8px; margin-bottom:4px; }
.edl-clan-row.me { background:#fff8e1; border:1px solid #f0ad00; }
.edl-clan-row-pos { font-size:1.2em; width:28px; flex-shrink:0; text-align:center; }
.edl-clan-row-pseudo { flex:1; font-size:.9em; font-weight:600; color:#333; }
.edl-clan-row-pseudo.me-text { color:#d4930a; }
.edl-clan-row-pts { background:#f0ad00; color:#fff; font-weight:700; border-radius:6px; padding:2px 10px; font-size:.85em; }

.edl-accordion { border:1px solid #e0f0ff; border-radius:10px; overflow:hidden; margin-bottom:18px; }
.edl-accordion-header { background:#f0f7fb; padding:12px 16px; cursor:pointer; display:flex; justify-content:space-between; align-items:center; font-weight:700; color:#0073aa; font-size:.95em; user-select:none; }
.edl-accordion-header:hover { background:#e0f0ff; }
.edl-accordion-arrow { transition:transform .3s; }
.edl-accordion-arrow.open { transform:rotate(180deg); }
.edl-accordion-body { display:none; padding:10px 16px; background:#fff; }
.edl-accordion-body.open { display:block; }

/* ─── OVERLAYS & POPUPS ─── */
.edl-overlay { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.75); backdrop-filter:blur(6px); z-index:9999; justify-content:center; align-items:center; padding:20px; box-sizing:border-box; }
.edl-overlay.show { display:flex; }
.edl-popup-choice { background:#fff; border-radius:20px; padding:30px; text-align:center; max-width:440px; width:100%; box-shadow:0 20px 40px rgba(0,0,0,.3); }
.edl-popup-choice h3 { color:#0073aa; font-size:1.4em; margin:0 0 10px; }
.edl-popup-choice p { color:#666; margin:0 0 20px; }
.edl-journee-select { text-align:center; margin-bottom:15px; }
.edl-journee-select select { padding:8px 15px; border-radius:10px; border:2px solid #0073aa; font-size:1em; font-weight:600; color:#0073aa; font-family:'Fredoka',sans-serif; }
.btn-tenter   { background:#28a745; color:#fff; border:none; padding:12px 25px; border-radius:15px; cursor:pointer; font-size:1em; font-weight:700; margin:5px; transition:.2s; font-family:'Fredoka',sans-serif; }
.btn-tenter:hover { background:#218838; transform:translateY(-2px); }
.btn-renoncer { background:#dc3545; color:#fff; border:none; padding:12px 25px; border-radius:15px; cursor:pointer; font-size:1em; font-weight:700; margin:5px; transition:.2s; font-family:'Fredoka',sans-serif; }
.btn-renoncer:hover { background:#c82333; transform:translateY(-2px); }
.edl-popup-estim { background:#fff; border-radius:20px; padding:0; max-width:900px; width:100%; max-height:90vh; overflow-y:auto; box-shadow:0 20px 40px rgba(0,0,0,.3); }
.edl-popup-header { background:linear-gradient(135deg,#0073aa,#005177); color:#fff; padding:20px 25px; border-radius:20px 20px 0 0; display:flex; justify-content:space-between; align-items:center; }
.edl-popup-header h3 { margin:0; font-size:1.3em; }
.edl-popup-close { background:none; border:none; color:#fff; font-size:1.8em; cursor:pointer; line-height:1; }
.edl-popup-body { display:flex; gap:20px; padding:20px; flex-wrap:wrap; }
.edl-recap-col { flex:1; min-width:250px; }
.edl-recap-col h4 { color:#0073aa; margin:0 0 12px; border-bottom:2px solid #e0f0ff; padding-bottom:6px; }
.edl-cat-block { margin-bottom:12px; }
.edl-cat-title { font-size:.85em; font-weight:700; color:#555; margin-bottom:4px; }
.edl-cat-item { font-size:.9em; color:#333; padding:3px 8px; background:#f8f9fa; border-radius:6px; margin:2px 0; display:block; }
.edl-diversite-badge { background:#d4edda; color:#155724; padding:8px 12px; border-radius:8px; font-weight:700; font-size:.9em; margin-top:10px; text-align:center; }
.edl-no-div-badge { background:#fff3cd; color:#856404; padding:8px 12px; border-radius:8px; font-size:.9em; margin-top:10px; text-align:center; }
.edl-terrain-col { flex:1; min-width:250px; }
.edl-terrain-col h4 { color:#0073aa; margin:0 0 12px; border-bottom:2px solid #e0f0ff; padding-bottom:6px; }
.edl-mini-terrain { background:url('https://eduleague.org/wp-content/uploads/2026/03/tereno-de-football-1.webp') center/cover; border-radius:10px; padding:15px 10px; margin-bottom:15px; min-height:180px; display:flex; flex-direction:column; justify-content:space-around; }
.edl-mini-ligne { display:flex; justify-content:center; gap:8px; flex-wrap:wrap; }
.edl-mini-badge { background:rgba(255,255,255,.9); color:#000; padding:3px 8px; border-radius:5px; font-size:.78em; font-weight:700; text-transform:uppercase; }
.edl-estim-box { background:#f0f7fb; border:2px solid #0073aa; border-radius:12px; padding:15px; margin-top:15px; }
.edl-estim-box h4 { color:#0073aa; margin:0 0 8px; font-size:1em; }
.edl-chiffre-box { background:linear-gradient(135deg,#0073aa,#005177); color:#fff; border-radius:10px; padding:12px 15px; margin-bottom:12px; text-align:center; }
.edl-chiffre-box .nb { font-size:2em; font-weight:700; color:#f0ad00; display:block; }
.edl-estim-hint { font-size:.82em; color:#888; margin-bottom:10px; }
.edl-estim-input { display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
.edl-estim-input input { width:80px; padding:8px; border:2px solid #0073aa; border-radius:8px; text-align:center; font-size:1.2em; font-weight:700; font-family:'Fredoka',sans-serif; }
.btn-valider-estim { background:#0073aa; color:#fff; border:none; padding:10px 20px; border-radius:10px; cursor:pointer; font-size:1em; font-weight:700; font-family:'Fredoka',sans-serif; transition:.2s; }
.btn-valider-estim:hover { background:#005177; }
.cp-compare tbody tr:last-child td { border-bottom:none; }
.edl-popup-result-wrap { background:#fff; border-radius:20px; padding:40px 30px; text-align:center; max-width:440px; width:100%; box-shadow:0 20px 40px rgba(0,0,0,.3); }
.edl-result-or     { background:linear-gradient(135deg,#f0ad00,#e09000); }
.edl-result-argent { background:linear-gradient(135deg,#7a7a7a,#555); }
.edl-result-bronze { background:linear-gradient(135deg,#a0714a,#7d5635); }
.edl-popup-result-wrap h2 { color:#fff; font-size:1.8em; margin:0 0 15px; }
.edl-popup-result-wrap p  { color:rgba(255,255,255,.9); font-size:1.1em; margin:0 0 25px; }
.edl-btn-result { display:inline-block; background:#fff; color:#0073aa !important; font-weight:700; font-size:1em; padding:12px 25px; border-radius:25px; text-decoration:none !important; transition:.2s; border:none; cursor:pointer; font-family:'Fredoka',sans-serif; }
.edl-btn-result:hover { transform:translateY(-2px); box-shadow:0 5px 15px rgba(0,0,0,.2); }
.edl-popup-equipe { background:#fff; border-radius:20px; padding:35px; text-align:center; max-width:400px; width:100%; box-shadow:0 20px 40px rgba(0,0,0,.3); }
.edl-popup-equipe h3 { color:#0073aa; margin:0 0 15px; }
.edl-popup-equipe p  { color:#666; margin:0 0 20px; }
.confirm-buttons { display:flex; justify-content:center; gap:15px; margin-top:20px; flex-wrap:wrap; }
.btn-confirm { background:#28a745; color:white; border:none; padding:10px 25px; border-radius:10px; cursor:pointer; font-weight:bold; font-family:'Fredoka',sans-serif; transition:.2s; }
.btn-confirm:hover { background:#218838; transform:translateY(-2px); }
.btn-cancel  { background:#6c757d; color:white; border:none; padding:10px 25px; border-radius:10px; cursor:pointer; font-weight:bold; font-family:'Fredoka',sans-serif; transition:.2s; }
.btn-cancel:hover  { background:#545b62; transform:translateY(-2px); }

/* ─── ANIMATIONS ─── */
@keyframes edlPulse { 0%,100%{box-shadow:0 0 0 0 rgba(240,173,0,.4);} 50%{box-shadow:0 0 0 10px rgba(240,173,0,0);} }
@keyframes edlTomber { 0%{transform:translateY(0) rotate(0deg);opacity:1;} 100%{transform:translateY(110vh) rotate(720deg);opacity:0;} }
@keyframes edlSlideIn { from{transform:translateX(120%);opacity:0} to{transform:translateX(0);opacity:1} }
@keyframes edlBadgeAppear { from{transform:translate(-50%,-50%) scale(.5);opacity:0} to{transform:translate(-50%,-50%) scale(1);opacity:1} }

/* ─── EMOJI ─── */
.edl-emoji-btn { position:fixed; bottom:25px; right:25px; width:56px; height:56px; border-radius:50%; background:linear-gradient(135deg,#f0ad00,#d4930a); border:none; cursor:pointer; font-size:1.6em; box-shadow:0 5px 20px rgba(240,173,0,0.4); transition:.2s; z-index:1000; display:flex; align-items:center; justify-content:center; }
.edl-emoji-btn:hover { transform:translateY(-3px) scale(1.1); box-shadow:0 8px 25px rgba(240,173,0,0.5); }
.edl-emoji-overlay { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:9998; justify-content:center; align-items:center; padding:20px; box-sizing:border-box; }
.edl-emoji-overlay.show { display:flex; }
.edl-emoji-popup { background:#fff; border-radius:20px; padding:30px; max-width:440px; width:100%; box-shadow:0 20px 40px rgba(0,0,0,0.3); font-family:'Fredoka',sans-serif; }
.edl-emoji-popup h3 { color:#0073aa; font-size:1.3em; margin:0 0 5px; text-align:center; }
.edl-emoji-popup .edl-emoji-sub { text-align:center; color:#888; font-size:.9em; margin:0 0 20px; }
.edl-emoji-quota { text-align:center; background:#fff3cd; border:1px solid #ffc107; border-radius:10px; padding:8px; margin-bottom:15px; font-size:.9em; color:#856404; font-weight:700; }
.edl-emoji-input { width:100%; padding:11px 14px; border:2px solid #e0e0e0; border-radius:8px; font-size:1em; font-family:'Fredoka',sans-serif; box-sizing:border-box; margin-bottom:15px; transition:.2s; }
.edl-emoji-input:focus { border-color:#0073aa; outline:none; }
.edl-emoji-grid { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:20px; justify-content:center; }
.edl-emoji-choice { padding:8px 12px; border:2px solid #e0e0e0; border-radius:10px; cursor:pointer; font-size:1.2em; transition:.2s; background:#f8f9fa; }
.edl-emoji-choice:hover { border-color:#0073aa; background:#e8f4fd; }
.edl-emoji-choice.selected { border-color:#0073aa; background:#e8f4fd; }
.edl-emoji-phrase { text-align:center; font-size:.85em; color:#0073aa; font-weight:600; margin-bottom:15px; min-height:20px; }
.edl-emoji-send { width:100%; padding:13px; border:none; border-radius:10px; background:linear-gradient(135deg,#0073aa,#005177); color:#fff; font-size:1em; font-weight:700; cursor:pointer; font-family:'Fredoka',sans-serif; transition:.2s; }
.edl-emoji-send:hover { opacity:.9; transform:translateY(-1px); }
.edl-emoji-send:disabled { opacity:.5; cursor:not-allowed; transform:none; }
.edl-emoji-close { display:block; text-align:center; margin-top:12px; color:#aaa; font-size:.85em; cursor:pointer; }
.edl-emoji-close:hover { color:#555; }
.edl-emoji-notif { position:fixed; top:20px; right:20px; background:linear-gradient(135deg,#1a1a2e,#0f3460); border:2px solid #f0ad00; border-radius:15px; padding:15px 20px; max-width:280px; z-index:9999; font-family:'Fredoka',sans-serif; animation:edlSlideIn .4s ease; }
.edl-emoji-notif .notif-emoji { font-size:2em; text-align:center; display:block; margin-bottom:5px; }
.edl-emoji-notif .notif-phrase { color:#f0ad00; font-weight:700; font-size:.95em; text-align:center; }
.edl-emoji-notif .notif-from { color:rgba(255,255,255,0.6); font-size:.8em; text-align:center; margin-top:4px; }

/* ─── BADGES ─── */
.edl-badge-notif { position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); background:linear-gradient(135deg,#1a1a2e,#0f3460); border:3px solid #f0ad00; border-radius:25px; padding:35px 30px; text-align:center; max-width:380px; width:90%; z-index:99999; font-family:'Fredoka',sans-serif; animation:edlBadgeAppear .5s ease; box-shadow:0 20px 60px rgba(0,0,0,0.5); }
.edl-badge-notif-overlay { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:99998; }
.edl-badge-icon { font-size:4em; display:block; margin-bottom:10px; }
.edl-badge-titre { color:#f0ad00; font-size:1.6em; font-weight:700; margin:0 0 8px; }
.edl-badge-desc { color:rgba(255,255,255,0.8); font-size:1em; margin:0 0 15px; line-height:1.5; }
.edl-badge-message { background:rgba(240,173,0,0.1); border:1px solid rgba(240,173,0,0.3); border-radius:10px; padding:10px 15px; color:#f0ad00; font-size:.9em; margin-bottom:20px; font-style:italic; }
.edl-badge-btn { background:linear-gradient(135deg,#f0ad00,#d4930a); color:#fff; border:none; padding:12px 30px; border-radius:25px; font-size:1em; font-weight:700; cursor:pointer; font-family:'Fredoka',sans-serif; }
.edl-badge-btn:hover { opacity:.9; transform:translateY(-2px); }

/* ═══════════════════════════════════════════
   PAGE LOGIN
   ═══════════════════════════════════════════ */
.edl-login-page { display:flex; gap:30px; max-width:1150px; margin:30px auto; flex-wrap:wrap; align-items:center; font-family:'Fredoka',sans-serif; }
.edl-login-left  { flex:1.5; min-width:300px; }
.edl-login-right { flex:0 0 310px; min-width:280px; display:flex; flex-direction:column; }
.edl-login-box { flex:1; }

.edl-univers-titre { text-align:center; margin-bottom:20px; }
.edl-univers-titre h2 { color:#1a1a2e; font-size:1.7em; font-weight:700; margin:0 0 5px; }
.edl-univers-titre p  { color:#888; font-size:.88em; margin:0; }

/* ─── COMPARATIF FLEXBOX ─── */
.edl-compare-wrap { margin-bottom:0; background:#fff; }
.edl-compare-table { width:100%; }
.edl-ct-row { display:flex; border-bottom:1px solid #f0f0f0; transition:.15s; }
.edl-ct-last { border-bottom:none; }
.edl-ct-head { border-bottom:3px solid #e9ecef; background:#fff; }
.edl-ct-cell { flex:1; padding:11px 10px; font-size:.82em; text-align:center; color:#444; line-height:1.4; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.edl-ct-label { flex:0 0 26%; text-align:left; justify-content:center; align-items:flex-start; padding-left:18px; font-weight:700; color:#666; font-size:.78em; text-transform:uppercase; letter-spacing:.4px; background:#fafafa; border-right:2px solid #f0f0f0; }
.edl-ct-head .th-clan   { color:#d4930a; background:#fffbf0; font-size:1em; font-weight:700; }
.edl-ct-head .th-world  { color:#1e7e34; background:#f0fff4; font-size:1em; font-weight:700; }
.edl-ct-head .th-battle { color:#004d80; background:#f0f8ff; font-size:1em; font-weight:700; }
.edl-ct-row:hover .td-clan    { background:#fff3cd; }
.edl-ct-row:hover .td-world   { background:#d4edda; }
.edl-ct-row:hover .td-battle  { background:#cce5ff; }
.edl-ct-row:hover .td-bad     { background:#f8d7da; }
.edl-ct-row:hover .edl-ct-label { background:#f0f0f0; }
.edl-univers-header-badge { display:block; font-size:1.6em; margin-bottom:4px; }
.edl-univers-header-name  { display:block; font-weight:700; font-size:.95em; }
.edl-univers-header-tag   { display:block; font-size:.7em; font-weight:400; opacity:.7; margin-top:2px; }
.edl-payant-note { text-align:center; font-size:.78em; color:#aaa; margin:8px 0 0; font-style:italic; }

/* ─── FORMULAIRE CONNEXION ─── */
.edl-login-box { background:#fff; border-radius:20px; padding:30px 25px; box-shadow:0 6px 25px rgba(0,0,0,0.08); border:2px solid #e9ecef; flex:1; display:flex; flex-direction:column; justify-content:center; }
.edl-login-box-title { text-align:center; margin-bottom:22px; }
.edl-login-box-title h2 { color:#1a1a2e; font-size:1.6em; margin:0 0 4px; }
.edl-login-box-title p  { color:#888; font-size:.83em; margin:0; }
.edl-login-box label { display:block; color:#555; font-size:.88em; font-weight:700; margin-bottom:5px; }
.edl-login-box .edl-input { width:100%; padding:11px 14px; margin-bottom:14px; background:#f8f9fa; border:2px solid #e9ecef; border-radius:10px; color:#333; font-family:'Fredoka',sans-serif; font-size:1em; outline:none; transition:.2s; box-sizing:border-box; }
.edl-login-box .edl-input:focus { border-color:#f0ad00; background:#fff; }
.edl-login-box .edl-input::placeholder { color:#bbb; }
.edl-btn-login { width:100%; padding:13px; border:none; border-radius:12px; background:linear-gradient(135deg,#28a745,#1e7e34); color:#fff; font-weight:700; font-size:1.05em; cursor:pointer; font-family:'Fredoka',sans-serif; box-shadow:0 4px 15px rgba(40,167,69,0.3); transition:.2s; margin-bottom:16px; }
.edl-btn-login:hover { transform:translateY(-2px); box-shadow:0 6px 20px rgba(40,167,69,0.4); }
.edl-sep { text-align:center; color:#888; font-size:.85em; margin-bottom:12px; position:relative; }
.edl-sep::before, .edl-sep::after { content:''; position:absolute; top:50%; width:35%; height:1px; background:#e9ecef; }
.edl-sep::before { left:0; }
.edl-sep::after  { right:0; }
.edl-btn-creer { display:block; width:100%; padding:12px; border-radius:12px; background:linear-gradient(135deg,#f0ad00,#d4930a); border:none; color:#fff !important; text-align:center; text-decoration:none !important; font-weight:700; font-size:.9em; margin-bottom:10px; transition:.2s; box-sizing:border-box; line-height:1.5; box-shadow:0 4px 15px rgba(240,173,0,0.3); }
.edl-btn-creer:hover { transform:translateY(-2px); box-shadow:0 6px 20px rgba(240,173,0,0.4); color:#fff !important; }
.edl-btn-reglement { display:block; width:100%; padding:12px; border-radius:12px; background:linear-gradient(135deg,#0073aa,#005177); border:none; color:#fff !important; text-align:center; text-decoration:none !important; font-weight:700; font-size:.9em; margin-top:5px; margin-bottom:10px; transition:.2s; box-sizing:border-box; box-shadow:0 4px 15px rgba(0,115,170,0.3); }
.edl-btn-reglement:hover { transform:translateY(-2px); box-shadow:0 6px 20px rgba(0,115,170,0.4); color:#fff !important; }
.edl-login-box .edl-error { background:#fff5f5; color:#c0392b; border:1px solid #f5c6cb; border-radius:8px; padding:10px 14px; margin-bottom:14px; font-size:.88em; }

@media(max-width:750px) {
    .edl-login-page { flex-direction:column; }
    .edl-login-right { flex:none; max-width:100%; }
}