.clan-wrap, .clan-wrap * { font-family:'Fredoka',sans-serif !important; }
.clan-wrap { max-width:960px; margin:0 auto; padding:0 20px; }

.clan-pricing { margin-bottom:40px; }
.clan-pricing-header { text-align:center; margin-bottom:30px; }
.clan-pricing-header h2 { font-size:clamp(1.5em,3vw,2.2em); font-weight:700; color:#fff; margin:0 0 10px; text-shadow:0 2px 8px rgba(0,0,0,0.3); }
.clan-pricing-header p { color:rgba(255,255,255,0.75); font-size:1em; margin:0; }
.clan-pricing-accroche { display:inline-block; background:linear-gradient(135deg,#f0ad00,#d4930a); color:#fff; font-weight:700; font-size:1.05em; padding:8px 22px; border-radius:25px; margin-bottom:20px; box-shadow:0 4px 15px rgba(240,173,0,0.4); }

.clan-flash { background:linear-gradient(135deg,#dc3545,#a71d2a); border-radius:15px; padding:15px 22px; margin-bottom:25px; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; box-shadow:0 5px 20px rgba(220,53,69,0.35); animation:clanFlashPulse 2s infinite; }
@keyframes clanFlashPulse { 0%,100%{box-shadow:0 5px 20px rgba(220,53,69,0.35);} 50%{box-shadow:0 5px 30px rgba(220,53,69,0.6);} }
.clan-flash-left { color:#fff; }
.clan-flash-left .flash-titre { font-size:1.1em; font-weight:700; margin-bottom:3px; }
.clan-flash-left .flash-desc  { font-size:.85em; opacity:.88; }
.clan-flash-right { text-align:center; }
.clan-flash-compteur { background:rgba(255,255,255,0.15); border:2px solid rgba(255,255,255,0.4); border-radius:10px; padding:8px 18px; color:#fff; }
.clan-flash-compteur .big { font-size:1.8em; font-weight:700; display:block; line-height:1; }
.clan-flash-compteur .sub { font-size:.75em; opacity:.8; }

.clan-mode-toggle { display:flex; justify-content:center; gap:0; margin-bottom:25px; }
.clan-mode-btn { padding:10px 28px; border:2px solid #f0ad00; cursor:pointer; font-family:'Fredoka',sans-serif; font-size:1em; font-weight:700; transition:.2s; background:transparent; color:rgba(255,255,255,0.6); }
.clan-mode-btn:first-child { border-radius:25px 0 0 25px; }
.clan-mode-btn:last-child  { border-radius:0 25px 25px 0; border-left:none; }
.clan-mode-btn.active { background:linear-gradient(135deg,#f0ad00,#d4930a); color:#fff; border-color:#f0ad00; }
.clan-mode-btn:hover:not(.active) { color:#fff; background:rgba(240,173,0,0.1); }

.clan-pack-grid { display:flex; gap:18px; flex-wrap:wrap; justify-content:center; }
.clan-pack-price-card { flex:1; min-width:240px; max-width:300px; background:linear-gradient(160deg,#1a1a2e,#16213e); border-radius:18px; overflow:hidden; box-shadow:0 10px 30px rgba(0,0,0,0.2); border:2px solid rgba(240,173,0,0.2); transition:.3s; position:relative; }
.clan-pack-price-card:hover { transform:translateY(-4px); box-shadow:0 15px 40px rgba(0,0,0,0.3); border-color:rgba(240,173,0,0.5); }
.clan-pack-price-card.featured { border-color:#f0ad00; box-shadow:0 10px 35px rgba(240,173,0,0.25); }
.clan-badge-pop { position:absolute; top:-1px; right:20px; background:linear-gradient(135deg,#f0ad00,#d4930a); color:#fff; font-size:.72em; font-weight:700; letter-spacing:1px; text-transform:uppercase; padding:4px 14px; border-radius:0 0 10px 10px; }
.clan-pack-price-header { background:linear-gradient(135deg,#f0ad00,#d4930a); padding:18px 20px; text-align:center; }
.clan-pack-price-header .pack-emoji { font-size:2em; display:block; margin-bottom:5px; }
.clan-pack-price-header .pack-nom { font-weight:700; font-size:1.1em; color:#fff; text-transform:uppercase; letter-spacing:1px; }
.clan-pack-price-header .pack-slots { font-size:.85em; color:rgba(255,255,255,0.85); margin-top:3px; }
.clan-pack-price-body { padding:20px; text-align:center; }
.clan-prix-wrap { margin-bottom:15px; }
.clan-prix-flash { display:inline-block; background:rgba(220,53,69,0.15); border:1px solid rgba(220,53,69,0.4); color:#ff6b6b; font-size:.8em; font-weight:700; padding:2px 10px; border-radius:20px; margin-bottom:6px; }
.clan-prix-barre { font-size:1em; color:rgba(255,255,255,0.4); text-decoration:line-through; display:block; margin-bottom:2px; }
.clan-prix-principal { font-size:2.2em; font-weight:700; color:#f0ad00; display:block; line-height:1; }
.clan-prix-normal { font-size:2.2em; font-weight:700; color:#fff; display:block; line-height:1; }
.clan-prix-detail { font-size:.78em; color:rgba(255,255,255,0.5); margin-top:4px; }
.clan-pack-features { list-style:none; padding:0; margin:0 0 18px; text-align:left; }
.clan-pack-features li { font-size:.85em; color:rgba(255,255,255,0.75); padding:5px 0; border-bottom:1px solid rgba(255,255,255,0.07); display:flex; align-items:center; gap:8px; }
.clan-pack-features li:last-child { border-bottom:none; }
.clan-btn-stripe-price { width:100%; padding:13px; border:none; border-radius:10px; font-size:1em; font-weight:700; cursor:not-allowed; font-family:'Fredoka',sans-serif; transition:.2s; background:linear-gradient(135deg,#f0ad00,#d4930a); color:#fff; opacity:.6; }
.clan-btn-stripe-price.active { cursor:pointer; opacity:1; }
.clan-btn-stripe-price.active:hover { background:linear-gradient(135deg,#d4930a,#b87c08); transform:translateY(-1px); }
.clan-stripe-note { font-size:.72em; color:rgba(255,255,255,0.35); text-align:center; margin-top:8px; font-style:italic; }

.clan-pillars { display:flex; gap:15px; flex-wrap:wrap; margin-top:25px; justify-content:center; }
.clan-pillar { flex:1; min-width:200px; max-width:280px; background:rgba(255,255,255,0.05); border:1px solid rgba(240,173,0,0.15); border-radius:12px; padding:15px; text-align:center; }
.clan-pillar .pillar-icon { font-size:1.8em; margin-bottom:8px; }
.clan-pillar .pillar-titre { font-size:.88em; font-weight:700; color:#f0ad00; margin-bottom:5px; }
.clan-pillar .pillar-desc { font-size:.78em; color:rgba(255,255,255,0.6); line-height:1.5; }

.clan-auth-card { max-width:440px; margin:0 auto 35px; background:#fff; border-radius:20px; padding:35px; box-shadow:0 10px 30px rgba(0,0,0,0.1); border:2px solid #f0f0f0; }
.clan-auth-card h2 { text-align:center; color:#0073aa; margin:0 0 5px; font-size:1.5em; }
.clan-auth-card .clan-sub { text-align:center; color:#888; font-size:.9em; margin:0 0 25px; }

.clan-header { background:linear-gradient(135deg,#1a1a2e,#0f3460); border-radius:15px; padding:20px 25px; display:flex; justify-content:space-between; align-items:center; margin-bottom:30px; flex-wrap:wrap; gap:10px; border:2px solid rgba(240,173,0,0.3); }
.clan-header h2 { margin:0; color:#f0ad00; font-size:1.3em; }
.clan-header .clan-logout { color:rgba(255,255,255,0.6); text-decoration:none; font-size:.85em; background:rgba(255,255,255,0.1); padding:6px 14px; border-radius:20px; transition:.2s; }
.clan-header .clan-logout:hover { background:rgba(255,255,255,0.2); color:#fff; }
.clan-section-title { font-size:1.1em; font-weight:700; color:#f0ad00; margin:0 0 15px; padding-bottom:8px; border-bottom:2px solid rgba(240,173,0,0.2); }

.clan-mode-nuit { background:rgba(255,255,255,0.04); border:1px solid rgba(240,173,0,0.15); border-radius:14px; padding:20px; margin-bottom:25px; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:15px; }
.clan-mode-nuit-left h4 { margin:0 0 5px; color:#f0ad00; font-size:1em; }
.clan-mode-nuit-left p { margin:0; font-size:.82em; color:rgba(255,255,255,0.5); }
.clan-mode-nuit-right { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.clan-nuit-select { padding:7px 12px; border-radius:8px; border:2px solid rgba(240,173,0,0.3); background:#1a1a2e; color:#f0ad00; font-family:'Fredoka',sans-serif; font-size:.95em; font-weight:600; cursor:pointer; }
.clan-nuit-select:focus { outline:none; border-color:#f0ad00; }

.clan-switch-wrap { display:flex; align-items:center; gap:10px; }
.clan-switch { position:relative; width:52px; height:28px; }
.clan-switch input { opacity:0; width:0; height:0; }
.clan-switch-slider { position:absolute; cursor:pointer; top:0; left:0; right:0; bottom:0; background:rgba(255,255,255,0.15); border-radius:28px; transition:.3s; }
.clan-switch-slider:before { position:absolute; content:""; height:20px; width:20px; left:4px; bottom:4px; background:#fff; border-radius:50%; transition:.3s; }
.clan-switch input:checked + .clan-switch-slider { background:linear-gradient(135deg,#f0ad00,#d4930a); }
.clan-switch input:checked + .clan-switch-slider:before { transform:translateX(24px); }
.clan-switch-label { font-size:.85em; color:rgba(255,255,255,0.7); }

.clan-btn-suspend { padding:5px 12px; border:none; border-radius:6px; font-size:.78em; font-weight:700; cursor:pointer; font-family:'Fredoka',sans-serif; transition:.2s; }
.clan-btn-suspend.actif { background:rgba(220,53,69,0.15); color:#ff6b6b; border:1px solid rgba(220,53,69,0.4); }
.clan-btn-suspend.actif:hover { background:rgba(220,53,69,0.3); }
.clan-btn-suspend.suspendu { background:rgba(40,167,69,0.15); color:#5cd97a; border:1px solid rgba(40,167,69,0.4); }
.clan-btn-suspend.suspendu:hover { background:rgba(40,167,69,0.3); }

.clan-pack-block { background:rgba(255,255,255,0.04); border-radius:14px; padding:20px; box-shadow:0 3px 12px rgba(0,0,0,0.15); margin-bottom:20px; border:1px solid rgba(240,173,0,0.15); }
.clan-pack-block-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:15px; flex-wrap:wrap; gap:8px; }
.clan-pack-block-header h4 { margin:0; color:#f0ad00; font-size:1em; }
.clan-badge-actif   { background:#d4edda; color:#155724; padding:3px 12px; border-radius:20px; font-size:.8em; font-weight:700; }
.clan-badge-pending { background:#fff3cd; color:#856404; padding:3px 12px; border-radius:20px; font-size:.8em; font-weight:700; }
.clan-pack-stats { display:flex; gap:15px; flex-wrap:wrap; background:rgba(255,255,255,0.05); border-radius:8px; padding:10px 14px; font-size:.85em; color:rgba(255,255,255,0.7); }
.clan-pack-stats span strong { color:#f0ad00; }
.clan-codes-grid { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.clan-code-badge { padding:6px 12px; border-radius:8px; font-size:.85em; font-weight:700; letter-spacing:1px; cursor:pointer; transition:.2s; }
.clan-code-libre { background:rgba(240,173,0,0.15); color:#f0ad00; border:1px solid rgba(240,173,0,0.4); }
.clan-code-libre:hover { background:rgba(240,173,0,0.25); }
.clan-code-utilise { background:rgba(255,255,255,0.05); color:rgba(255,255,255,0.3); border:1px solid rgba(255,255,255,0.1); text-decoration:line-through; }
.clan-btn-copy { background:#f0ad00; color:#1a1a2e; border:none; padding:7px 16px; border-radius:8px; cursor:pointer; font-size:.82em; font-weight:700; font-family:'Fredoka',sans-serif; transition:.2s; }
.clan-btn-copy:hover { background:#d4930a; }

.clan-input { width:100%; padding:11px 14px; margin:5px 0 14px; border-radius:8px; border:2px solid #e0e0e0; box-sizing:border-box; font-size:1em; font-family:'Fredoka',sans-serif; transition:.2s; }
.clan-input:focus { border-color:#f0ad00; outline:none; }
.clan-btn { width:100%; padding:13px; border:none; border-radius:10px; cursor:pointer; font-weight:700; color:#fff; font-size:1.05em; transition:.2s; font-family:'Fredoka',sans-serif; background:linear-gradient(135deg,#f0ad00,#d4930a); }
.clan-btn:hover { opacity:.9; transform:translateY(-1px); }
.clan-error   { background:#fdecea; color:#c0392b; padding:10px 14px; border-radius:8px; margin-bottom:15px; font-size:.9em; }
.clan-success { background:#d4edda; color:#155724; padding:10px 14px; border-radius:8px; margin-bottom:15px; font-size:.9em; }
.clan-sep  { text-align:center; color:#aaa; margin:15px 0; font-size:.85em; }
.clan-link { display:block; text-align:center; margin-top:15px; color:#f0ad00; font-size:.88em; text-decoration:none; }
.clan-link:hover { text-decoration:underline; }
label { display:block; margin-bottom:3px; font-weight:600; color:#333; font-size:.92em; }

.clan-toast { position:fixed; bottom:25px; left:50%; transform:translateX(-50%); background:#1a1a2e; color:#f0ad00; padding:10px 22px; border-radius:25px; font-size:.9em; font-weight:600; opacity:0; transition:opacity .3s; z-index:9999; pointer-events:none; font-family:'Fredoka',sans-serif; border:1px solid rgba(240,173,0,0.4); }
.clan-toast.show { opacity:1; }

@media (max-width:600px) { .clan-pack-grid { flex-direction:column; align-items:center; } .clan-pack-price-card { max-width:100%; } }