/* ASC Montagne de Louga — Main CSS */
:root{--bleu:#0B4EA2;--vert:#00B04F;--ciel:#00AEEF;--blanc:#FFFFFF;--noir:#111827;--gris:#F4F6FA;--wave:#FF6B2B;--om:#FFCC00}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;background:var(--noir);color:var(--blanc);overflow-x:hidden;margin:0}
img{max-width:100%;height:auto}
a{text-decoration:none;color:inherit}

/* NAV */
.asc-nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;height:62px;background:rgba(11,78,162,0.97);backdrop-filter:blur(10px);border-bottom:2px solid var(--vert)}
.nav-logo{display:flex;align-items:center;gap:10px}
.nav-logo img{width:40px;height:40px;object-fit:contain;border-radius:50%;background:white;padding:2px}
.nav-logo-text{font-family:'Bebas Neue',cursive;font-size:18px;letter-spacing:2px;line-height:1.1;color:white}
.nav-logo-text span{display:block;font-family:'Inter',sans-serif;font-size:10px;font-weight:600;color:var(--ciel);letter-spacing:3px;text-transform:uppercase}
.nav-links{display:flex;gap:18px;list-style:none}
.nav-links a{color:var(--blanc);font-size:11px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;opacity:.85;transition:opacity .2s,color .2s}
.nav-links a:hover{opacity:1;color:var(--ciel)}
.nav-cta{background:var(--vert);color:var(--blanc);border:none;padding:8px 16px;border-radius:4px;font-weight:700;font-size:11px;cursor:pointer;letter-spacing:1px;text-transform:uppercase;transition:background .2s}
.nav-cta:hover{background:#009940}
.nav-hb{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:4px}
.nav-hb span{width:24px;height:2px;background:var(--blanc);border-radius:2px;display:block}

/* HERO */
.asc-hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;padding-top:62px;background:linear-gradient(135deg,#061e42 0%,#0B4EA2 55%,#003d1a 100%)}
.hero-grid{position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0px,rgba(255,255,255,.03) 1px,transparent 1px,transparent 80px),repeating-linear-gradient(0deg,rgba(255,255,255,.02) 0px,rgba(255,255,255,.02) 1px,transparent 1px,transparent 80px)}
.hero-inner{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:60px 4vw;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.hero-eyebrow{display:inline-block;background:var(--vert);color:var(--blanc);font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;padding:4px 14px;border-radius:2px;margin-bottom:18px}
.hero-h1{font-family:'Bebas Neue',cursive;font-size:clamp(50px,7vw,90px);line-height:.93;letter-spacing:2px;color:white}
.hero-h1 em{color:var(--ciel);font-style:normal}
.hero-h1 strong{color:var(--vert)}
.hero-sub{margin-top:16px;font-size:15px;color:rgba(255,255,255,.8);max-width:400px;line-height:1.65}
.hero-btns{display:flex;gap:14px;margin-top:28px;flex-wrap:wrap}
.btn-p{background:var(--vert);color:var(--blanc);padding:13px 28px;border-radius:4px;font-weight:700;font-size:13px;text-decoration:none;letter-spacing:1px;text-transform:uppercase;border:none;cursor:pointer;transition:background .2s,transform .15s;display:inline-block}
.btn-p:hover{background:#009940;transform:translateY(-2px);color:white}
.btn-s{background:transparent;color:var(--blanc);padding:13px 28px;border-radius:4px;font-weight:700;font-size:13px;text-decoration:none;letter-spacing:1px;text-transform:uppercase;border:2px solid rgba(255,255,255,.35);cursor:pointer;transition:border-color .2s;display:inline-block}
.btn-s:hover{border-color:var(--ciel);color:var(--ciel)}
.hero-right{display:flex;flex-direction:column;align-items:center;gap:20px}
.hero-logo-wrap{width:200px;height:200px;border-radius:50%;background:white;display:flex;align-items:center;justify-content:center;box-shadow:0 0 60px rgba(0,176,79,.4);border:4px solid var(--vert);overflow:hidden}
.hero-logo-wrap img{width:90%;height:90%;object-fit:contain}

/* COUNTDOWN */
.cdb{width:100%;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:24px;backdrop-filter:blur(8px)}
.cd-label{font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--ciel);margin-bottom:16px;text-align:center}
.cd-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.cd-unit{text-align:center;background:rgba(11,78,162,.5);border:1px solid rgba(0,174,239,.2);border-radius:8px;padding:12px 6px}
.cd-num{font-family:'Bebas Neue',cursive;font-size:46px;line-height:1}
.cd-lbl{font-size:9px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.45);margin-top:2px}
.live-badge{display:flex;align-items:center;justify-content:center;gap:8px;background:rgba(0,176,79,.15);border:1px solid rgba(0,176,79,.3);border-radius:8px;padding:10px;margin-top:14px}
.live-dot{width:8px;height:8px;border-radius:50%;background:var(--vert);animation:pulse 1.5s infinite}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}
.live-badge span{font-size:12px;font-weight:600;color:rgba(255,255,255,.8)}

/* STATS */
.asc-stats{background:var(--bleu);padding:0}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px}
.stat-item{text-align:center;padding:36px 16px;background:rgba(255,255,255,.06)}
.stat-num{font-family:'Bebas Neue',cursive;font-size:56px;line-height:1;color:white}
.stat-num em{color:var(--ciel);font-style:normal}
.stat-lbl{font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.55);margin-top:6px}

/* SECTIONS */
.asc-section{padding:72px 4vw}
.asc-inner{max-width:1200px;margin:0 auto}
.asc-section.dark{background:var(--noir)}
.asc-section.darker{background:#0d1829}
.asc-section.darkest{background:#060d1a;border-top:2px solid var(--vert)}
.asc-section.light{background:var(--gris);color:var(--noir)}
.asc-section.bluish{background:#111827}
.section-eyebrow{font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--vert);margin-bottom:10px}
.asc-section.light .section-eyebrow{color:var(--bleu)}
.section-title{font-family:'Bebas Neue',cursive;font-size:clamp(34px,4vw,52px);letter-spacing:2px;line-height:1;color:white}
.asc-section.light .section-title{color:var(--noir)}
.section-title em{color:var(--ciel);font-style:normal}
.divider{width:56px;height:4px;background:var(--vert);border-radius:2px;margin:14px 0 36px}
.asc-section.light .divider{background:var(--bleu)}

/* MATCHS */
.matchs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px}
.match-card{background:#18202E;border:1px solid rgba(255,255,255,.07);border-radius:10px;overflow:hidden;transition:transform .2s,border-color .2s}
.match-card:hover{transform:translateY(-4px);border-color:var(--bleu)}
.match-hdr{background:var(--bleu);padding:9px 16px;display:flex;align-items:center;justify-content:space-between}
.round{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;opacity:.8;color:white}
.ms{font-size:10px;font-weight:700;letter-spacing:1px;padding:3px 9px;border-radius:20px;text-transform:uppercase}
.s-live{background:#ef4444;animation:blink 1s infinite}.s-up{background:var(--vert)}.s-done{background:rgba(255,255,255,.2)}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.6}}
.match-body{padding:18px 16px}
.match-teams{display:flex;align-items:center;justify-content:space-between;gap:10px}
.team{text-align:center;flex:1}
.team-name{font-weight:700;font-size:14px;line-height:1.2;color:rgba(255,255,255,.85)}
.team-name.home{color:var(--ciel)}
.score{font-family:'Bebas Neue',cursive;font-size:40px;letter-spacing:2px;line-height:1;color:white}
.score.tbd{font-size:26px;color:rgba(255,255,255,.3)}
.match-meta{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between;font-size:11px;color:rgba(255,255,255,.45)}

/* CLASSEMENT */
.cl-wrap{overflow-x:auto}
.cl-table{width:100%;border-collapse:collapse;font-size:13px;min-width:500px}
.cl-table thead th{background:var(--bleu);color:var(--blanc);padding:11px 12px;text-align:left;font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}
.cl-table tbody tr{border-bottom:1px solid rgba(255,255,255,.05);transition:background .15s}
.cl-table tbody tr:hover{background:rgba(255,255,255,.04)}
.cl-table tbody tr.nous{background:rgba(0,174,239,.07)}
.cl-table tbody td{padding:11px 12px;color:rgba(255,255,255,.85)}
.rk{font-family:'Bebas Neue',cursive;font-size:20px;color:rgba(255,255,255,.3);text-align:center;width:36px}
.rk.r1{color:#FFD700}.rk.r2{color:#C0C0C0}.rk.r3{color:#CD7F32}
.tn{display:flex;align-items:center;gap:9px}
.tdot{width:9px;height:9px;border-radius:50%;flex-shrink:0}
.tnom{font-weight:700;color:rgba(255,255,255,.85)}.tnom.nous{color:var(--ciel)}
.pts{font-family:'Bebas Neue',cursive;font-size:20px;color:var(--vert)}.pts.nous{color:var(--ciel)}

/* EFFECTIF */
.poste-section{margin-bottom:44px}
.poste-title{font-family:'Bebas Neue',cursive;font-size:19px;letter-spacing:3px;color:var(--ciel);margin-bottom:18px;display:flex;align-items:center;gap:12px}
.poste-title::after{content:'';flex:1;height:1px;background:rgba(255,255,255,.08)}
.joueurs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:14px}
.joueur-card{background:#18202E;border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:18px 12px;text-align:center;transition:transform .2s,border-color .2s;position:relative}
.joueur-card:hover{transform:translateY(-4px);border-color:rgba(0,174,239,.4)}
.joueur-card.cap{border-color:rgba(255,215,0,.4)}
.cap-badge{position:absolute;top:8px;right:8px;background:#FFD700;color:#111;font-size:9px;font-weight:700;padding:2px 7px;border-radius:3px;letter-spacing:1px}
.j-av{width:56px;height:56px;border-radius:50%;margin:0 auto 10px;display:flex;align-items:center;justify-content:center;font-family:'Bebas Neue',cursive;font-size:20px;border:3px solid}
.j-num{font-family:'Bebas Neue',cursive;font-size:11px;letter-spacing:1px;color:rgba(255,255,255,.35);margin-bottom:3px}
.j-nom{font-weight:700;font-size:13px;line-height:1.25;color:white}
.j-pos{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-top:5px}
.j-stats{display:flex;justify-content:center;gap:12px;margin-top:9px;padding-top:9px;border-top:1px solid rgba(255,255,255,.06)}
.j-st{text-align:center}.j-sn{font-family:'Bebas Neue',cursive;font-size:16px;line-height:1}
.j-sl{font-size:9px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,.4)}
.pgb{background:rgba(0,174,239,.12);border-color:var(--ciel);color:var(--ciel)}
.pde{background:rgba(11,78,162,.18);border-color:#4d8de0;color:#4d8de0}
.pmi{background:rgba(0,176,79,.12);border-color:var(--vert);color:var(--vert)}
.pat{background:rgba(239,68,68,.12);border-color:#ef4444;color:#ef4444}
.pgb-l{color:var(--ciel)}.pde-l{color:#4d8de0}.pmi-l{color:var(--vert)}.pat-l{color:#ef4444}
.staff-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
.staff-card{background:#18202E;border:1px solid rgba(255,215,0,.18);border-radius:10px;padding:16px 18px;display:flex;align-items:center;gap:12px}
.staff-ic{font-size:28px}.staff-r{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#FFD700}
.staff-n{font-weight:700;font-size:14px;margin-top:2px;color:white}

/* BOUTIQUE */
.boutique-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}
.prod-card{background:white;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.08);transition:transform .2s,box-shadow .2s}
.prod-card:hover{transform:translateY(-6px);box-shadow:0 12px 36px rgba(11,78,162,.18)}
.prod-img{height:260px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:#f0f4fa}
.prod-img img{width:100%;height:100%;object-fit:contain;padding:10px}
.prod-badge{position:absolute;top:12px;left:12px;background:var(--bleu);color:white;font-size:10px;font-weight:700;letter-spacing:1px;padding:4px 10px;border-radius:3px;text-transform:uppercase}
.prod-badge.promo{background:var(--om);color:var(--noir)}
.prod-info{padding:16px 18px 18px}
.prod-name{font-weight:700;font-size:15px;color:var(--noir)}
.prod-desc{font-size:12px;color:#6b7280;margin-top:4px;line-height:1.5}
.prod-pr-row{display:flex;align-items:center;justify-content:space-between;margin-top:12px}
.prod-price{font-family:'Bebas Neue',cursive;font-size:28px;color:var(--bleu)}
.prod-price span{font-family:'Inter',sans-serif;font-size:12px;font-weight:600;color:#6b7280}
.btn-add{background:var(--bleu);color:white;border:none;padding:9px 16px;border-radius:6px;font-weight:700;font-size:12px;cursor:pointer;transition:background .2s}
.btn-add:hover{background:#083d82}

/* DONS */
.dons-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.dons-text p{color:rgba(255,255,255,.75);line-height:1.8;font-size:14px;margin-bottom:14px}
.dons-montants{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}
.don-btn-amt{padding:10px 20px;border:2px solid var(--vert);border-radius:6px;background:transparent;color:var(--blanc);font-family:'Bebas Neue',cursive;font-size:20px;cursor:pointer;transition:all .2s;letter-spacing:1px}
.don-btn-amt:hover,.don-btn-amt.sel{background:var(--vert);color:white}
.impact-items{display:flex;flex-direction:column;gap:12px;margin-top:20px}
.impact-item{display:flex;align-items:flex-start;gap:12px;padding:14px;background:rgba(255,255,255,.04);border-radius:8px;border:1px solid rgba(255,255,255,.06)}
.impact-ic{font-size:24px;flex-shrink:0}
.impact-t{font-weight:700;font-size:13px;margin-bottom:2px;color:white}
.impact-d{font-size:12px;color:rgba(255,255,255,.5);line-height:1.5}

/* FORMS */
.asc-form{background:#18202E;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:28px}
.form-title{font-family:'Bebas Neue',cursive;font-size:24px;letter-spacing:2px;margin-bottom:18px;color:white}
.fg{margin-bottom:14px}
.fg label{display:block;font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:6px}
.fg input,.fg select,.fg textarea{width:100%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:white;padding:11px 14px;border-radius:6px;font-size:13px;font-family:'Inter',sans-serif;outline:none;transition:border-color .2s}
.fg input:focus,.fg select:focus,.fg textarea:focus{border-color:var(--ciel)}
.fg select option{background:#18202E;color:white}
.fr{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.pay-methods{display:flex;gap:12px;margin-top:18px}
.pay-btn{flex:1;padding:12px;border-radius:8px;border:2px solid transparent;cursor:pointer;font-weight:700;font-size:13px;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:7px}
.pay-wave{background:var(--wave);color:white}
.pay-wave:hover{filter:brightness(1.1);transform:translateY(-2px)}
.pay-om{background:var(--om);color:var(--noir)}
.pay-om:hover{filter:brightness(1.05);transform:translateY(-2px)}
.total-don{background:rgba(0,176,79,.12);border:1px solid rgba(0,176,79,.25);border-radius:8px;padding:13px 16px;display:flex;align-items:center;justify-content:space-between;margin:14px 0}
.total-lbl{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:white}
.total-amt{font-family:'Bebas Neue',cursive;font-size:28px;color:var(--vert)}
.info-box{margin-top:14px;padding:12px 16px;background:rgba(0,174,239,.1);border:1px solid rgba(0,174,239,.2);border-radius:8px;font-size:12px;color:rgba(255,255,255,.65);line-height:1.6}
.info-box strong{color:var(--ciel)}

/* COMMANDER */
.cmd-layout{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.sum-title{font-family:'Bebas Neue',cursive;font-size:20px;letter-spacing:2px;color:var(--ciel);margin-bottom:16px}
.sum-item{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.sum-img{width:56px;height:56px;border-radius:8px;overflow:hidden;flex-shrink:0;background:#1a3a6e}
.sum-img img{width:100%;height:100%;object-fit:contain;padding:4px}
.sum-name{font-weight:600;font-size:13px;color:white}
.sum-desc{font-size:11px;color:rgba(255,255,255,.45);margin-top:2px}
.sum-price{margin-left:auto;font-family:'Bebas Neue',cursive;font-size:20px;color:var(--vert)}
.sum-total{margin-top:16px;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:rgba(0,176,79,.12);border:1px solid rgba(0,176,79,.25);border-radius:8px}
.sum-total-lbl{font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:1px;color:white}
.sum-total-amt{font-family:'Bebas Neue',cursive;font-size:30px;color:var(--vert)}

/* ABOUT */
.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.about-logo-wrap{display:flex;justify-content:center;align-items:center;position:relative}
.about-logo-glow{width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(0,176,79,.25) 0%,transparent 70%);position:absolute}
.about-logo-wrap img{width:260px;height:260px;object-fit:contain;position:relative;z-index:1}
.about-text p{color:rgba(255,255,255,.72);line-height:1.8;font-size:14px;margin-bottom:14px}
.about-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.tag{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;color:rgba(255,255,255,.65)}

/* FOOTER */
.asc-footer{background:#060d1a;border-top:2px solid var(--vert);padding:44px 4vw 28px}
.footer-inner{max-width:1200px;margin:0 auto}
.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:36px;margin-bottom:36px}
.footer-brand .logo-text{font-family:'Bebas Neue',cursive;font-size:20px;letter-spacing:3px;color:white}
.footer-brand p{color:rgba(255,255,255,.45);font-size:12px;line-height:1.7;margin-top:10px;max-width:240px}
.footer-brand img{width:55px;height:55px;object-fit:contain;margin-bottom:10px;background:white;border-radius:50%;padding:4px}
.footer-col h4{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--vert);margin-bottom:14px}
.footer-col ul{list-style:none}
.footer-col ul li{margin-bottom:9px}
.footer-col ul a{color:rgba(255,255,255,.45);font-size:12px;transition:color .2s}
.footer-col ul a:hover{color:var(--ciel)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.06);padding-top:20px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:rgba(255,255,255,.3)}
.footer-bottom strong{color:var(--vert)}

/* MODAL */
.asc-modal-overlay{display:none;position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.7);backdrop-filter:blur(4px);align-items:center;justify-content:center}
.asc-modal-overlay.active{display:flex}
.asc-modal{background:#18202E;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:32px;max-width:420px;width:90%;text-align:center}
.modal-ic{font-size:48px;margin-bottom:12px}
.asc-modal h3{font-family:'Bebas Neue',cursive;font-size:24px;letter-spacing:2px;margin-bottom:8px;color:white}
.asc-modal p{color:rgba(255,255,255,.6);font-size:13px;line-height:1.7;margin-bottom:14px}
.modal-num{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:11px;font-family:'Bebas Neue',cursive;font-size:26px;letter-spacing:3px;margin-bottom:14px;color:white}
.modal-close-btn{background:var(--vert);color:white;border:none;padding:11px 24px;border-radius:6px;font-weight:700;font-size:13px;cursor:pointer}
.notif-toast{position:fixed;bottom:20px;right:20px;z-index:99999;background:var(--vert);color:white;padding:12px 18px;border-radius:8px;font-weight:600;font-size:13px;box-shadow:0 8px 28px rgba(0,0,0,.3);transform:translateY(80px);opacity:0;transition:all .3s;max-width:290px;font-family:'Inter',sans-serif}
.notif-toast.show{transform:translateY(0);opacity:1}

/* RESPONSIVE */
@media(max-width:900px){
  .hero-inner,.dons-layout,.cmd-layout,.about-layout{grid-template-columns:1fr}
  .stats-grid{grid-template-columns:repeat(2,1fr)}
  .footer-top{grid-template-columns:1fr 1fr}
  .nav-links{display:none}.nav-cta{display:none}
  .nav-hb{display:flex}
  .nav-links.open{display:flex;flex-direction:column;position:fixed;top:62px;left:0;right:0;background:rgba(11,78,162,.98);padding:20px;gap:14px;z-index:99}
}
@media(max-width:600px){
  .cd-grid{grid-template-columns:repeat(2,1fr)}
  .fr{grid-template-columns:1fr}
  .footer-top{grid-template-columns:1fr}
  .joueurs-grid{grid-template-columns:repeat(2,1fr)}
  .cl-table{font-size:11px}
  .pay-methods{flex-direction:column}
}


/* ── VALEURS ─────────────────────────────────────── */
.valeurs-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 20px;
  margin-bottom: 48px;
}
.valeur-card {
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 14px;
  padding: 28px 24px;
  transition: transform .2s, border-color .2s, background .2s;
}
.valeur-card:hover {
  transform: translateY(-5px);
  border-color: rgba(0,176,79,.4);
  background: rgba(0,176,79,.08);
}
.valeur-icon { font-size: 38px; margin-bottom: 14px; }
.valeur-titre {
  font-family: "Bebas Neue", cursive;
  font-size: 20px; letter-spacing: 2px;
  color: var(--ciel); margin-bottom: 10px;
}
.valeur-texte { color: rgba(255,255,255,.7); font-size: 13px; line-height: 1.75; }
.valeurs-citation {
  background: linear-gradient(135deg, rgba(11,78,162,.25), rgba(0,176,79,.15));
  border: 1px solid rgba(0,174,239,.25);
  border-radius: 16px; padding: 36px 40px;
  text-align: center; max-width: 760px; margin: 0 auto;
}
.citation-icon { font-size: 44px; color: var(--vert); line-height: 1; margin-bottom: 14px; }
.valeurs-citation p { color: rgba(255,255,255,.88); font-size: 15px; line-height: 1.85; font-style: italic; margin-bottom: 14px; }
.citation-auteur { color: var(--ciel); font-size: 12px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; }

/* ── DON ENRICHI ─────────────────────────────────── */
.don-intro {
  display: grid; grid-template-columns: 1fr 1fr; gap: 32px;
  align-items: center; margin-bottom: 40px;
}
.don-stat-grid {
  display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px;
}
.don-stat {
  background: rgba(0,176,79,.1); border: 1px solid rgba(0,176,79,.2);
  border-radius: 10px; padding: 18px; text-align: center;
}
.don-stat-num {
  font-family: "Bebas Neue", cursive; font-size: 36px;
  color: var(--vert); line-height: 1;
}
.don-stat-lbl { font-size: 11px; color: rgba(255,255,255,.55); letter-spacing: 1px; text-transform: uppercase; margin-top: 4px; }

/* ── PAGES WOOCOMMERCE ────────────────────────────── */
body { background: #f4f6fa !important; }
.woo-page-wrap { color: #111827 !important; max-width: 1100px; margin: 0 auto; padding: 90px 4vw 60px; min-height: 70vh; }
.woo-page-wrap *,
.woocommerce *, .woocommerce-page * { color: #111827 !important; }
.woo-page-wrap h2, .woo-page-wrap h3,
.woocommerce h2, .woocommerce h3, .woocommerce-page h2, .woocommerce-page h3 {
  font-family: "Bebas Neue", cursive !important; font-size: 20px !important;
  letter-spacing: 2px !important; color: #0B4EA2 !important;
  border-bottom: 2px solid #00B04F !important; padding-bottom: 8px !important; margin-bottom: 16px !important;
}
.woocommerce input, .woocommerce select, .woocommerce-page input, .woocommerce-page select {
  background: white !important; border: 1.5px solid #d1d5db !important;
  border-radius: 6px !important; padding: 10px 14px !important; color: #111827 !important; font-size: 14px !important;
}
.woocommerce input:focus, .woocommerce select:focus { border-color: #0B4EA2 !important; outline: none !important; }
.woocommerce label, .woocommerce-page label { color: #374151 !important; font-size: 13px !important; font-weight: 600 !important; }
.woocommerce table thead th { background: #0B4EA2 !important; color: white !important; font-size: 12px !important; padding: 10px 14px !important; }
.woocommerce table tbody td, .woocommerce table tfoot td, .woocommerce table tfoot th { color: #111827 !important; background: white !important; font-size: 13px !important; padding: 10px 14px !important; }
.woocommerce .order-total td, .woocommerce .order-total th { color: #0B4EA2 !important; font-size: 15px !important; font-weight: 700 !important; }
.woocommerce .price, .woocommerce .amount, .woocommerce-page .price, .woocommerce-page .amount { color: #0B4EA2 !important; font-size: 16px !important; font-weight: 700 !important; }
.woocommerce #payment { background: white !important; border-radius: 8px !important; border: 1px solid #e5e7eb !important; padding: 18px !important; }
.woocommerce #payment ul.payment_methods li label { color: #111827 !important; font-size: 14px !important; font-weight: 600 !important; }
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button { background: #00B04F !important; color: white !important; border-radius: 4px !important; font-weight: 700 !important; font-size: 13px !important; border: none !important; }
.woocommerce a.button:hover, .woocommerce button.button:hover { background: #009940 !important; color: white !important; }
.woocommerce .single_add_to_cart_button { background: #0B4EA2 !important; color: white !important; font-size: 14px !important; padding: 13px 28px !important; }
.woocommerce .single_add_to_cart_button:hover { background: #083d82 !important; }
.woocommerce #place_order { background: #00B04F !important; color: white !important; width: 100% !important; font-size: 15px !important; padding: 15px !important; }
.woocommerce #place_order:hover { background: #009940 !important; }
.wc-proceed-to-checkout .checkout-button, a.checkout-button { background: #00B04F !important; color: white !important; border-radius: 6px !important; font-weight: 700 !important; width: 100% !important; display: block !important; text-align: center !important; padding: 16px !important; }
.wc-proceed-to-checkout .checkout-button:hover { background: #009940 !important; color: white !important; }
.woocommerce-message { background: #d1fae5 !important; border-top-color: #00B04F !important; color: #065f46 !important; font-size: 13px !important; }
.woocommerce-info { background: #dbeafe !important; border-top-color: #0B4EA2 !important; color: #1e40af !important; font-size: 13px !important; }
.woocommerce-breadcrumb { color: #6b7280 !important; font-size: 12px !important; }
.woocommerce-breadcrumb a { color: #0B4EA2 !important; }
.select2-selection__rendered { color: #111827 !important; font-size: 14px !important; }
.select2-selection { border: 1.5px solid #d1d5db !important; border-radius: 6px !important; }
#billing_address_1_field, #billing_address_2_field, #billing_postcode_field, #billing_state_field, #billing_country_field, .woocommerce-form-login-toggle, .woocommerce-privacy-policy-text { display: none !important; }
#billing_email_field label .required { display: none !important; }
#billing_email_field label::after { content: " (optionnel)"; font-size: 11px; color: #9ca3af; font-weight: 400; }

@media(max-width:700px){
  .valeurs-grid { grid-template-columns: 1fr; }
  .valeurs-citation { padding: 24px 18px; }
  .don-intro { grid-template-columns: 1fr; }
}