:root,[data-bs-theme="dark"]{--bl-bg:#efe5d1;--bl-bg-2:#e6d9bf;--bl-surface:#fdfaf3;--bl-surface-2:#f5eddc;--bl-border:rgba(120,92,48,.20);--bl-border-strong:rgba(120,92,48,.40);--bl-green:#3f8f4e;--bl-green-2:#2f7a3f;--bl-green-deep:#245c31;--bl-gold:#d68a1e;--bl-gold-2:#b06c12;--bl-text:#3a2e1c;--bl-muted:#8a7a5f;--bl-radius:14px;--bl-font-title:"Oswald","Arial Narrow",Impact,sans-serif;--bl-font:"Poppins",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--bs-body-bg:var(--bl-bg);--bs-body-bg-rgb:239,229,209;--bs-body-color:var(--bl-text);--bs-body-font-family:var(--bl-font);--bs-secondary-bg:var(--bl-surface);--bs-tertiary-bg:var(--bl-bg-2);--bs-secondary-color:var(--bl-muted);--bs-border-color:var(--bl-border);--bs-emphasis-color:#2a2015;--bs-link-color:#b06c12;--bs-link-color-rgb:176,108,18;--bs-link-hover-color:#8a5210;--bs-link-hover-color-rgb:138,82,16;--bs-heading-color:#2a2015;--bs-card-bg:var(--bl-surface)}html{scroll-behavior:smooth}html,body{min-height:100%}body.bl-body{background:radial-gradient(1200px 600px at 50% -10%,rgba(34,197,94,.08),transparent 60%),var(--bl-bg);color:var(--bl-text);font-family:var(--bl-font);-webkit-font-smoothing:antialiased}a{text-decoration:none}img{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,.bl-heading{font-family:var(--bl-font-title);letter-spacing:.02em;font-weight:600}::selection{background:var(--bl-green);color:#04140a}.bl-muted{color:var(--bl-muted) !important}.bl-link{color:var(--bl-muted);transition:color .2s}.bl-link:hover{color:#fff}.bl-star{color:var(--bl-gold)}.bl-topbar{background:rgba(3,9,6,.85);border-bottom:1px solid var(--bl-border);font-size:.85rem;padding:.45rem 0;position:relative;z-index:1031}.bl-topbar a{color:var(--bl-text)}.bl-topbar a:hover{color:var(--bl-green)}.bl-topbar-status{color:var(--bl-muted);white-space:nowrap}.bl-topbar-status strong{color:#fff}.bl-topbar-cta{background:var(--bl-green);color:#04140a !important;padding:.25rem .75rem;border-radius:999px;font-weight:600}.bl-topbar-cta:hover{background:#4ade80}.bl-topbar .nav-link{padding:0;color:var(--bl-text)}.bl-topbar .dropdown-menu{font-size:.9rem}.bl-avatar{border-radius:6px;image-rendering:pixelated}.bl-ip-mini{align-items:center;gap:.4rem;background:transparent;border:1px dashed var(--bl-border-strong);color:var(--bl-text);border-radius:999px;padding:.15rem .8rem;font-size:.8rem;cursor:pointer;transition:all .2s}.bl-ip-mini:hover{border-color:var(--bl-gold);color:var(--bl-gold)}.bl-dot{display:inline-block;width:.55rem;height:.55rem;border-radius:50%;background:#ef4444;margin-right:.35rem;vertical-align:middle}.bl-dot-on{background:var(--bl-green);box-shadow:0 0 0 0 rgba(34,197,94,.6);animation:bl-pulse 2s infinite}@keyframes bl-pulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.55)}70%{box-shadow:0 0 0 8px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}.bl-nav{position:sticky;top:0;z-index:1030;background:rgba(7,17,12,.72);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--bl-border);padding:.35rem 0;transition:background .25s,box-shadow .25s}.bl-nav.is-scrolled{background:rgba(7,17,12,.95);box-shadow:0 10px 30px rgba(0,0,0,.35)}.bl-nav .nav-link{font-family:var(--bl-font-title);text-transform:uppercase;letter-spacing:.08em;font-weight:600;font-size:1.02rem;color:#d6e5da;padding:.7rem 1.1rem !important;position:relative}.bl-nav .nav-link::after{content:"";position:absolute;left:50%;bottom:.35rem;width:0;height:2px;background:linear-gradient(90deg,var(--bl-green),var(--bl-gold));transition:all .25s;transform:translateX(-50%);border-radius:2px}.bl-nav .nav-link:hover,.bl-nav .nav-link.active,.bl-nav .nav-link.show{color:#fff}.bl-nav .nav-link:hover::after,.bl-nav .nav-link.active::after{width:60%}.bl-nav-logo{margin:-.2rem 1.4rem}.bl-nav-logo img{width:58px;height:auto;filter:drop-shadow(0 6px 14px rgba(34,197,94,.35));transition:transform .3s}.bl-nav-logo img:hover{transform:scale(1.08) rotate(-3deg)}.bl-brand{display:flex;align-items:center;gap:.55rem;font-family:var(--bl-font-title);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff !important}.bl-nav .navbar-toggler{border-color:var(--bl-border-strong)}.bl-nav .navbar-toggler:focus{box-shadow:0 0 0 .2rem rgba(34,197,94,.25)}.dropdown-menu{--bs-dropdown-bg:var(--bl-surface);--bs-dropdown-border-color:var(--bl-border);--bs-dropdown-link-color:var(--bl-text);--bs-dropdown-link-hover-bg:var(--bl-surface-2);--bs-dropdown-link-hover-color:#fff;--bs-dropdown-link-active-bg:var(--bl-green-2);border-radius:12px;box-shadow:0 18px 40px rgba(0,0,0,.45)}.bl-hero{position:relative;min-height:min(88vh,760px);display:flex;align-items:center;overflow:hidden;margin-top:-1px;padding:5rem 0 7rem}.bl-hero-bg,.bl-hero-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.bl-hero-bg img{animation:bl-zoom 30s ease-in-out infinite alternate}@keyframes bl-zoom{from{transform:scale(1)}to{transform:scale(1.08)}}.bl-hero-shade{position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(4,12,8,.25) 0%,rgba(4,12,8,.75) 70%),linear-gradient(180deg,rgba(4,12,8,.55) 0%,rgba(4,12,8,.15) 40%,rgba(7,17,12,.95) 100%)}.bl-hero-inner{position:relative;z-index:2}.bl-hero-logo{width:clamp(130px,18vw,210px);height:auto;filter:drop-shadow(0 18px 40px rgba(0,0,0,.6)) drop-shadow(0 0 30px rgba(34,197,94,.35))}@keyframes bl-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.bl-hero-title{font-size:clamp(2rem,5.2vw,4rem);font-weight:700;text-transform:uppercase;margin:1.2rem 0 .4rem;color:#fff;text-shadow:0 4px 24px rgba(0,0,0,.7);line-height:1.05}.bl-hero-sub{font-size:clamp(1rem,1.6vw,1.2rem);color:#dbe7de;max-width:640px;margin:0 auto 1.2rem;text-shadow:0 2px 10px rgba(0,0,0,.7)}.bl-hero-status{display:inline-flex;align-items:center;background:rgba(4,12,8,.6);border:1px solid var(--bl-border-strong);border-radius:999px;padding:.4rem 1rem;font-size:.95rem;margin-bottom:1.6rem;backdrop-filter:blur(6px)}.bl-hero-status strong{color:var(--bl-green);margin-right:.1rem}.bl-hero-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.bl-hero-version{margin-top:1.1rem;color:#c3d4c8;font-size:.85rem}.bl-hero-curve{position:absolute;bottom:-1px;left:0;width:100%;height:60px;z-index:3}.bl-hero-curve path{fill:var(--bl-bg)}.bl-btn{display:inline-flex;align-items:center;gap:.75rem;border:0;border-radius:12px;padding:.8rem 1.4rem;font-size:1rem;color:#fff;cursor:pointer;transition:transform .2s,box-shadow .2s,filter .2s}.bl-btn i{font-size:1.5rem}.bl-btn:hover{transform:translateY(-2px);color:#fff;filter:brightness(1.08)}.bl-btn-gold{background:linear-gradient(135deg,var(--bl-gold),var(--bl-gold-2));color:#2a1702;box-shadow:0 10px 30px rgba(245,184,61,.3)}.bl-btn-gold:hover{color:#2a1702;box-shadow:0 14px 36px rgba(245,184,61,.45)}.bl-btn-gold small{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;opacity:.8}.bl-btn-gold strong{font-family:var(--bl-font-title);font-size:1.2rem;letter-spacing:.04em}.bl-btn-discord{background:#5865f2;box-shadow:0 10px 30px rgba(88,101,242,.35)}.btn-primary{--bs-btn-bg:var(--bl-green-2);--bs-btn-border-color:var(--bl-green-2);--bs-btn-hover-bg:var(--bl-green);--bs-btn-hover-border-color:var(--bl-green);--bs-btn-active-bg:#15803d;--bs-btn-active-border-color:#15803d;--bs-btn-color:#fff;--bs-btn-hover-color:#04140a;font-weight:600;border-radius:10px}.btn{border-radius:10px}.bl-content{padding-top:2.5rem;padding-bottom:4rem;position:relative}.bl-page-head{height:120px;background:linear-gradient(120deg,var(--bl-green-deep),var(--bl-bg) 60%),radial-gradient(circle at 20% 0,rgba(34,197,94,.25),transparent 60%);border-bottom:1px solid var(--bl-border);margin-bottom:-40px}.bl-content>h1,.bl-content h1:first-child{text-transform:uppercase;font-weight:700}.card{--bs-card-bg:var(--bl-surface);--bs-card-border-color:var(--bl-border);--bs-card-cap-bg:rgba(255,255,255,.03);border-radius:var(--bl-radius);box-shadow:0 10px 30px rgba(0,0,0,.25)}.card-header{font-family:var(--bl-font-title);letter-spacing:.03em;font-weight:600}.list-group{--bs-list-group-bg:var(--bl-surface);--bs-list-group-border-color:var(--bl-border);--bs-list-group-active-bg:var(--bl-green-2);--bs-list-group-active-border-color:var(--bl-green-2);--bs-list-group-action-hover-bg:var(--bl-surface-2)}.form-control,.form-select{background-color:var(--bl-bg-2);border-color:var(--bl-border)}.form-control:focus,.form-select:focus{background-color:var(--bl-bg-2);border-color:var(--bl-green);box-shadow:0 0 0 .2rem rgba(34,197,94,.2)}.table{--bs-table-bg:transparent}.modal-content{background:var(--bl-surface);border:1px solid var(--bl-border);border-radius:var(--bl-radius)}.alert{border-radius:12px}.pagination{--bs-pagination-bg:var(--bl-surface);--bs-pagination-border-color:var(--bl-border);--bs-pagination-active-bg:var(--bl-green-2);--bs-pagination-active-border-color:var(--bl-green-2)}.bl-card{background:linear-gradient(180deg,var(--bl-surface),var(--bl-bg-2));border:1px solid var(--bl-border);border-radius:var(--bl-radius);padding:1.5rem}.bl-announce{display:flex;gap:1rem;align-items:flex-start;border-left:4px solid var(--bl-gold)}.bl-announce>i{color:var(--bl-gold);font-size:1.4rem}.bl-features{margin-top:-5.5rem;position:relative;z-index:4}.bl-feature{display:block;height:100%;background:linear-gradient(180deg,rgba(21,48,36,.96),rgba(11,25,18,.98));border:1px solid var(--bl-border);border-radius:var(--bl-radius);padding:1.8rem 1.6rem;color:var(--bl-text);transition:transform .25s,border-color .25s,box-shadow .25s;box-shadow:0 16px 40px rgba(0,0,0,.35)}.bl-feature:hover{transform:translateY(-6px);border-color:var(--bl-border-strong);color:var(--bl-text);box-shadow:0 22px 50px rgba(0,0,0,.45),0 0 0 1px rgba(34,197,94,.15)}.bl-feature-icon{display:inline-grid;place-items:center;width:3.2rem;height:3.2rem;border-radius:12px;background:linear-gradient(135deg,var(--bl-green),var(--bl-green-deep));font-size:1.5rem;color:#fff;margin-bottom:1rem;box-shadow:0 8px 20px rgba(34,197,94,.3)}.bl-feature h2{font-size:1.5rem;text-transform:uppercase;margin-bottom:.4rem}.bl-feature p{color:var(--bl-muted);margin-bottom:1rem}.bl-feature-more{color:var(--bl-green);font-weight:600;font-size:.92rem}.bl-feature-more i{transition:transform .2s;display:inline-block}.bl-feature:hover .bl-feature-more i,.bl-feature-more:hover i{transform:translateX(4px)}.bl-section{margin-top:5rem}.bl-section-head{text-align:center;max-width:680px;margin:0 auto 2.2rem}.bl-kicker{display:inline-block;font-size:.78rem;text-transform:uppercase;letter-spacing:.18em;color:var(--bl-gold);font-weight:600;margin-bottom:.4rem}.bl-section-title{font-size:clamp(1.8rem,3.4vw,2.6rem);text-transform:uppercase;font-weight:700;margin-bottom:.6rem}.bl-packs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1.1rem}.bl-pack{display:flex;flex-direction:column;align-items:center;gap:.8rem;padding:1.4rem 1rem 1.2rem;border-radius:var(--bl-radius);background:radial-gradient(circle at 50% 35%,rgba(245,184,61,.12),transparent 65%),var(--bl-surface);border:1px solid var(--bl-border);color:#fff;transition:transform .25s,border-color .25s}.bl-pack img{height:120px;width:auto;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(0,0,0,.5));transition:transform .3s}.bl-pack strong{font-family:var(--bl-font-title);font-size:1.35rem;letter-spacing:.03em}.bl-pack:hover{transform:translateY(-5px);border-color:rgba(245,184,61,.45);color:#fff}.bl-pack:hover img{transform:scale(1.07) rotate(-2deg)}.bl-progress{--bs-progress-bg:var(--bl-bg-2);height:.6rem}.bl-progress .progress-bar{background:linear-gradient(90deg,var(--bl-green),#86efac)}.bl-post{background:var(--bl-surface);border:1px solid var(--bl-border);border-radius:var(--bl-radius);overflow:hidden;display:flex;flex-direction:column;transition:transform .25s,border-color .25s}.bl-post:hover{transform:translateY(-4px);border-color:var(--bl-border-strong)}.bl-post-img{display:block;aspect-ratio:16 / 9;overflow:hidden}.bl-post-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.bl-post:hover .bl-post-img img{transform:scale(1.05)}.bl-post-body{padding:1.3rem;display:flex;flex-direction:column;flex:1}.bl-post-body h3{font-size:1.3rem;margin:.3rem 0 .6rem}.bl-post-body h3 a{color:#fff}.bl-post-body p{color:var(--bl-muted);flex:1}.bl-post-date{font-size:.8rem;color:var(--bl-gold);text-transform:uppercase;letter-spacing:.08em}.shop-category .list-group-item,.list-group-item-action{transition:background .15s}.card .card-img-top{background:radial-gradient(circle at 50% 40%,rgba(245,184,61,.12),transparent 65%);object-fit:contain;padding:1rem;max-height:200px}.bl-footer{background:linear-gradient(180deg,var(--bl-bg-2),#040a07);border-top:1px solid var(--bl-border);padding:3.2rem 0 1.4rem;margin-top:3rem}.bl-footer-brand{color:#fff;font-family:var(--bl-font-title);font-size:1.5rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700}.bl-footer-brand:hover{color:#fff}.bl-footer-title{font-family:var(--bl-font-title);text-transform:uppercase;letter-spacing:.12em;color:var(--bl-gold);font-size:.85rem;margin-bottom:.9rem}.bl-footer li{margin-bottom:.35rem}.bl-ip-chip{display:inline-flex;align-items:center;gap:.5rem;background:var(--bl-surface);border:1px solid var(--bl-border-strong);border-radius:10px;color:#fff;padding:.5rem 1rem;font-weight:600;cursor:pointer;transition:border-color .2s}.bl-ip-chip:hover{border-color:var(--bl-gold)}.bl-footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;border-top:1px solid var(--bl-border);margin-top:2.4rem;padding-top:1.2rem;font-size:.82rem;color:var(--bl-muted)}.bl-social{display:inline-grid;place-items:center;width:2.1rem;height:2.1rem;border-radius:50%;background:var(--c,var(--bl-surface-2));color:#fff;transition:transform .2s}.bl-social:hover{transform:translateY(-2px);color:#fff}.bl-toast{position:fixed;left:50%;bottom:1.5rem;transform:translate(-50%,150%);background:var(--bl-green);color:#04140a;font-weight:600;padding:.7rem 1.2rem;border-radius:999px;box-shadow:0 12px 30px rgba(0,0,0,.4);z-index:2000;transition:transform .35s cubic-bezier(.2,.9,.3,1.2);pointer-events:none}.bl-toast.show{transform:translate(-50%,0)}@media (max-width:991.98px){.bl-nav .navbar-collapse{padding:.5rem 0 1rem}.bl-nav .nav-link{padding:.6rem .2rem !important}.bl-nav .nav-link::after{left:0;transform:none;bottom:.25rem}.bl-nav .nav-link:hover::after,.bl-nav .nav-link.active::after{width:40px}.bl-packs{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:767.98px){.bl-topbar{font-size:.78rem}.bl-hero{min-height:auto;padding:3.5rem 0 6.5rem}.bl-hero-actions{flex-direction:column;align-items:stretch;max-width:340px;margin:0 auto}.bl-btn{justify-content:center}.bl-features{margin-top:-4rem}.bl-section{margin-top:3.5rem}.bl-packs{grid-template-columns:repeat(2,minmax(0,1fr))}.bl-pack img{height:96px}.bl-footer-bottom{justify-content:center;text-align:center}.bl-page-head{height:90px}}
.bl-hero{background:radial-gradient(1000px 500px at 50% -10%,rgba(34,197,94,.22),transparent 60%),linear-gradient(180deg,#0c2318,#07110c)}
.bl-hero-glow{position:absolute;inset:0;background:radial-gradient(600px 300px at 30% 20%,rgba(245,184,61,.10),transparent 60%),radial-gradient(700px 350px at 80% 30%,rgba(34,197,94,.14),transparent 60%);pointer-events:none}
.bl-mark{display:inline-grid;place-items:center;width:44px;height:52px;border-radius:12px 12px 14px 14px;background:linear-gradient(180deg,var(--bl-green),var(--bl-green-deep));color:#fff;box-shadow:0 6px 16px rgba(34,197,94,.4),inset 0 0 0 2px rgba(255,255,255,.12);font-family:var(--bl-font-title);font-weight:700}
.bl-mark b{font-size:1.7rem;line-height:1;text-shadow:0 2px 4px rgba(0,0,0,.4)}
.bl-mark-sm{width:34px;height:40px;border-radius:9px}.bl-mark-sm b{font-size:1.3rem}
.bl-nav-logo .bl-mark{width:58px;height:66px}.bl-nav-logo .bl-mark b{font-size:2.1rem}
.bl-hero-mark{display:inline-grid;place-items:center;width:clamp(96px,14vw,140px);height:clamp(112px,16vw,164px);border-radius:20px;background:linear-gradient(180deg,var(--bl-green),var(--bl-green-deep));color:#fff;box-shadow:0 20px 50px rgba(0,0,0,.5),0 0 40px rgba(34,197,94,.35),inset 0 0 0 3px rgba(255,255,255,.14);font-family:var(--bl-font-title);font-weight:700;animation:bl-float 6s ease-in-out infinite}
.bl-hero-mark b{font-size:clamp(3.4rem,7vw,5rem);line-height:1;text-shadow:0 4px 10px rgba(0,0,0,.5)}
.bl-pack-ico{display:inline-grid;place-items:center;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle at 50% 35%,rgba(245,184,61,.3),rgba(245,184,61,.05));color:var(--bl-gold);font-size:3rem;box-shadow:inset 0 0 0 2px rgba(245,184,61,.35)}
.bl-pack:hover .bl-pack-ico{transform:scale(1.06)}

/* === Vraies images Belarion (logo, banner, packs) === */
.bl-hero{position:relative;overflow:hidden}
.bl-hero::before{content:"";position:absolute;inset:0;background:url('../img/banner.webp') center/cover no-repeat;opacity:.30;z-index:0;filter:saturate(1.05)}
.bl-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,17,12,.50) 0%,rgba(7,17,12,.80) 58%,#07110c 100%);z-index:0}
.bl-hero-inner{position:relative;z-index:1}
.bl-hero-logo{display:block;width:clamp(120px,16vw,188px);height:auto;margin:0 auto 1.4rem;filter:drop-shadow(0 14px 30px rgba(0,0,0,.6))}
.bl-logo-img{height:34px;width:auto;display:block}
.bl-logo-sm{height:34px}
.bl-nav-logo-img{width:58px;height:auto;display:block;transition:transform .2s ease}
.bl-nav-logo-img:hover{transform:scale(1.08)}
.bl-footer-logo{height:42px;width:auto}
.bl-pack-ico{background:none!important;box-shadow:none!important;width:auto;height:auto}
.bl-pack-ico img{width:98px;height:98px;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(0,0,0,.5));transition:transform .2s ease}
.bl-pack:hover .bl-pack-ico img{transform:scale(1.08) rotate(-3deg)}

/* === Refonte façon Herodia (couleurs Belarion) === */
.bl-hero::before{opacity:.5}
.bl-hero::after{background:linear-gradient(180deg,rgba(7,17,12,.42) 0%,rgba(7,17,12,.72) 60%,#07110c 100%)}

.bl-welcome{position:relative;max-width:820px;margin:1rem auto 3.5rem;padding-top:38px}
.bl-welcome-icon{position:absolute;top:0;left:50%;transform:translateX(-50%);width:76px;height:76px;border-radius:50%;display:grid;place-items:center;font-size:2rem;color:#0b1a12;background:linear-gradient(135deg,#f5b83d,#e0952a);box-shadow:0 10px 24px rgba(245,184,61,.4),inset 0 0 0 4px rgba(255,255,255,.15);z-index:2}
.bl-welcome-card{background:linear-gradient(180deg,rgba(16,35,25,.96),rgba(9,20,14,.96));border:1px solid rgba(34,197,94,.2);border-radius:20px;padding:3rem 2.5rem 2.5rem;text-align:center;box-shadow:0 24px 60px rgba(0,0,0,.45)}
.bl-welcome-title{font-family:var(--bl-font-title,'Oswald',sans-serif);font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:clamp(1.6rem,3.5vw,2.4rem);color:#fff;margin-bottom:1rem}
.bl-welcome-title::after{content:"";display:block;width:70px;height:3px;margin:.85rem auto 0;border-radius:3px;background:linear-gradient(90deg,#22c55e,#f5b83d)}
.bl-welcome-text{color:rgba(255,255,255,.78);font-size:1.05rem;line-height:1.7;margin:0}

.bl-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:960px;margin:0 auto 1rem}
.bl-stat{background:linear-gradient(180deg,rgba(16,35,25,.9),rgba(9,20,14,.9));border:1px solid rgba(34,197,94,.18);border-radius:16px;padding:2rem 1rem;text-align:center;transition:transform .2s ease,border-color .2s ease}
.bl-stat:hover{transform:translateY(-4px);border-color:rgba(245,184,61,.5)}
.bl-stat strong{display:block;font-family:var(--bl-font-title,'Oswald',sans-serif);font-weight:700;font-size:clamp(2.2rem,5vw,3rem);color:#f5b83d;line-height:1;text-shadow:0 3px 12px rgba(245,184,61,.25)}
.bl-stat span{display:block;margin-top:.5rem;text-transform:uppercase;letter-spacing:.06em;font-size:.82rem;color:rgba(255,255,255,.6)}

.bl-cta-band{margin-top:3.5rem;padding:2.6rem 1rem;background:linear-gradient(90deg,rgba(34,197,94,.14),rgba(245,184,61,.14));border-top:1px solid rgba(245,184,61,.25);border-bottom:1px solid rgba(245,184,61,.25)}
.bl-cta-text{margin:0;font-family:var(--bl-font-title,'Oswald',sans-serif);font-weight:600;font-size:clamp(1.1rem,2.6vw,1.6rem);color:#fff;letter-spacing:.02em}
.bl-cta-text strong{color:#f5b83d}
.bl-cta-ip{background:linear-gradient(135deg,#f5b83d,#e0952a);color:#0b1a12;border:none;border-radius:10px;padding:.3em .75em;font-family:var(--bl-font-title,'Oswald',sans-serif);font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 6px 16px rgba(245,184,61,.35)}
.bl-cta-ip:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(245,184,61,.5)}
.bl-cta-bang{color:#f5b83d}

@media (max-width:767.98px){
  .bl-stats{grid-template-columns:1fr;max-width:340px}
  .bl-welcome-card{padding:2.4rem 1.4rem 1.8rem}
}

/* ===== Refonte Herodia : accueil clair + banniere lumineuse + header translucide ===== */
/* Header translucide sur la banniere (comme Herodia) */
.bl-topbar{background:rgba(7,17,12,.32) !important;border-bottom:0;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.bl-nav{background:rgba(7,17,12,.26);border-bottom:0}
.bl-nav.is-scrolled{background:rgba(7,17,12,.93);box-shadow:0 8px 24px rgba(0,0,0,.35)}
.bl-nav .nav-link{text-shadow:0 2px 8px rgba(0,0,0,.55)}
.bl-topbar,.bl-topbar a,.bl-topbar-status,.bl-topbar-status strong{text-shadow:0 1px 6px rgba(0,0,0,.65)}

/* Banniere hero lumineuse + zoomee (on voit bien l'image) */
.bl-hero{min-height:min(78vh,640px);padding:4.5rem 0 6rem}
.bl-hero::before{opacity:.95;background-size:118%;background-position:center 42%;filter:saturate(1.12) brightness(1.03)}
.bl-hero::after{background:linear-gradient(180deg,rgba(7,17,12,.30) 0%,rgba(7,17,12,.18) 45%,rgba(236,238,240,.62) 88%,#eceef0 100%)}
.bl-hero-curve path{fill:#eceef0}
.bl-hero-glow{opacity:.45}

/* Section centrale claire (comme Herodia) */
.bl-home-light{background:#eceef0;color:#1e2a24;position:relative}
.bl-home-light .bl-content{padding-top:3.5rem;padding-bottom:4rem}

/* Carte "Rejoignez-nous" blanche */
.bl-home-light .bl-welcome-card{background:#ffffff;border:1px solid rgba(0,0,0,.06);box-shadow:0 18px 45px rgba(20,40,30,.12)}
.bl-home-light .bl-welcome-title{color:#16241c}
.bl-home-light .bl-welcome-text{color:#4a5a51}
.bl-home-light .bl-announce{color:#4a5a51}

/* Stats sur fond clair */
.bl-home-light .bl-stat{background:#ffffff;border:1px solid rgba(0,0,0,.06);box-shadow:0 12px 30px rgba(20,40,30,.10)}
.bl-home-light .bl-stat span{color:#6b7a71}

/* Actualites claires */
.bl-home-light .bl-post{background:#ffffff;border:1px solid rgba(0,0,0,.06)}
.bl-home-light .bl-post-body h3 a{color:#16241c}
.bl-home-light .bl-post-body p{color:#5a6a61}
.bl-home-light .bl-section-title,.bl-home-light .bl-kicker{color:#16241c}
.bl-home-light .bl-kicker{color:#c78a18}

/* Enchainement propre section claire -> bandeau (pas de bande sombre) */
.bl-cta-band{margin-top:0}

/* ============================================================
   THEME BEIGE / CREME / SABLE - Far West clair facon Herodia
   (bloc final : prioritaire sur tout ce qui precede)
   ============================================================ */
body.bl-body{background:var(--bl-bg) !important;color:var(--bl-text)}

/* ---- Header ---- */
/* Defaut (pages internes) : barre creme solide, texte fonce, collante */
.bl-header{position:sticky;top:0;z-index:1040}
.bl-topbar{background:var(--bl-surface) !important;border-bottom:1px solid var(--bl-border);backdrop-filter:none;-webkit-backdrop-filter:none}
.bl-topbar,.bl-topbar a,.bl-topbar-status,.bl-topbar-status strong{color:var(--bl-text) !important;text-shadow:none}
.bl-topbar-cta{background:var(--bl-gold) !important;color:#2a1a06 !important;text-shadow:none}
.bl-ip-mini{border-color:var(--bl-border-strong);color:var(--bl-text) !important}
.bl-nav{position:sticky;top:0;background:rgba(253,250,243,.97) !important;border-bottom:1px solid var(--bl-border);box-shadow:0 4px 18px rgba(90,70,40,.10);backdrop-filter:none;-webkit-backdrop-filter:none}
.bl-nav .nav-link{color:var(--bl-text) !important;text-shadow:none}
.bl-nav .nav-link::after{background:linear-gradient(90deg,var(--bl-gold),#f3c877)}
.bl-nav .nav-link:hover,.bl-nav .nav-link.active{color:var(--bl-gold-2) !important}

/* Accueil (page avec .bl-hero) : header TRANSPARENT par-dessus la photo */
body:has(.bl-hero,.bl-page-head) .bl-header{position:fixed;top:0;left:0;right:0;transition:background .25s}
body:has(.bl-hero,.bl-page-head) .bl-topbar{background:transparent !important;border-bottom:0}
body:has(.bl-hero,.bl-page-head) .bl-topbar,body:has(.bl-hero,.bl-page-head) .bl-topbar a,body:has(.bl-hero,.bl-page-head) .bl-topbar-status,body:has(.bl-hero,.bl-page-head) .bl-topbar-status strong{color:#fff !important;text-shadow:0 1px 6px rgba(0,0,0,.6)}
body:has(.bl-hero,.bl-page-head) .bl-ip-mini{border-color:rgba(255,255,255,.55);color:#fff !important}
body:has(.bl-hero,.bl-page-head) .bl-nav{background:transparent !important;border-bottom:0;box-shadow:none}
body:has(.bl-hero,.bl-page-head) .bl-nav .nav-link{color:#fff !important;text-shadow:0 2px 8px rgba(0,0,0,.6)}
body:has(.bl-hero,.bl-page-head) .bl-nav .nav-link:hover,body:has(.bl-hero,.bl-page-head) .bl-nav .nav-link.active{color:#fff !important}
/* Accueil scrolle : le header redevient creme solide, texte fonce ; la topbar se replie */
body:has(.bl-hero,.bl-page-head) .bl-header:has(.bl-nav.is-scrolled){background:rgba(253,250,243,.97);box-shadow:0 6px 22px rgba(90,70,40,.15)}
body:has(.bl-hero,.bl-page-head) .bl-header:has(.bl-nav.is-scrolled) .bl-topbar{max-height:0;padding:0;overflow:hidden;opacity:0;border:0}
body:has(.bl-hero,.bl-page-head) .bl-nav.is-scrolled{background:rgba(253,250,243,.97) !important;border-bottom:1px solid var(--bl-border)}
body:has(.bl-hero,.bl-page-head) .bl-nav.is-scrolled .nav-link{color:var(--bl-text) !important;text-shadow:none}
body:has(.bl-hero,.bl-page-head) .bl-nav.is-scrolled .nav-link:hover,body:has(.bl-hero,.bl-page-head) .bl-nav.is-scrolled .nav-link.active{color:var(--bl-gold-2) !important}
.bl-topbar{transition:max-height .25s,opacity .2s,padding .25s}

/* ---- Hero : banniere nette et lumineuse, logo seul ---- */
.bl-hero{margin-top:0;padding:9rem 0 7rem;min-height:min(86vh,720px);background:#d9c7a4}
.bl-hero-glow{display:none}
.bl-hero::before{opacity:1;background:url('../img/banner.webp') center 45%/cover no-repeat;filter:none;z-index:0}
.bl-hero::after{background:linear-gradient(180deg,rgba(60,40,20,.10) 0%,rgba(70,48,22,.02) 40%,rgba(239,229,209,.55) 86%,var(--bl-bg) 100%);z-index:0}
.bl-hero-curve path{fill:var(--bl-bg)}
.bl-hero-logo{filter:drop-shadow(0 16px 34px rgba(0,0,0,.45))}

/* ---- Sections claires ---- */
.bl-home-light{background:var(--bl-bg) !important;color:var(--bl-text)}
.bl-content,.bl-content h1,.bl-content h2,.bl-content h3{color:var(--bl-text)}
h1,h2,h3,h4,h5,h6,.bl-heading,.bl-section-title{color:var(--bs-heading-color)}

/* Carte "Rejoignez-nous" + stats : blanc, texte fonce, chiffres or */
.bl-welcome-card,.bl-home-light .bl-welcome-card{background:#fff !important;border:1px solid var(--bl-border);box-shadow:0 18px 45px rgba(90,70,40,.12)}
.bl-welcome-title,.bl-home-light .bl-welcome-title{color:#2a2015 !important}
.bl-welcome-text,.bl-home-light .bl-welcome-text{color:#5c4f3a !important}
.bl-stat,.bl-home-light .bl-stat{background:#fff !important;border:1px solid var(--bl-border);box-shadow:0 12px 30px rgba(90,70,40,.10)}
.bl-stat strong{color:var(--bl-gold) !important;text-shadow:none}
.bl-stat span,.bl-home-light .bl-stat span{color:#7a6a50 !important}
.bl-welcome-icon{background:linear-gradient(135deg,#e8a52e,#c47d16);color:#fff}

/* Actualites / cartes / features : blanc creme, texte fonce */
.bl-post,.bl-home-light .bl-post{background:#fff !important;border:1px solid var(--bl-border)}
.bl-post-body h3 a,.bl-home-light .bl-post-body h3 a{color:#2a2015 !important}
.bl-post-body p,.bl-home-light .bl-post-body p{color:#5c4f3a !important}
.bl-feature{background:#fff !important;border:1px solid var(--bl-border);color:var(--bl-text);box-shadow:0 14px 34px rgba(90,70,40,.10)}
.bl-feature h2{color:#2a2015}
.bl-feature p{color:#5c4f3a}
.bl-feature-icon{background:linear-gradient(135deg,#e8a52e,#c47d16)}
.bl-feature-more{color:var(--bl-gold-2)}
.bl-pack{background:radial-gradient(circle at 50% 35%,rgba(224,149,42,.10),transparent 65%),#fff !important;border:1px solid var(--bl-border);color:var(--bl-text) !important}
.bl-pack strong{color:#2a2015}
.bl-kicker{color:var(--bl-gold-2)}
.bl-brand{color:#fff !important}

/* Bandeau CTA : degrade or/sable, texte fonce */
.bl-cta-band{margin-top:0;background:linear-gradient(90deg,#f0d9a6,#e8c37e) !important;border-top:1px solid rgba(176,108,18,.30);border-bottom:1px solid rgba(176,108,18,.30)}
.bl-cta-text{color:#3a2e1c !important}
.bl-cta-ip{background:linear-gradient(135deg,#c47d16,#a5650f);color:#fff}

/* En-tete des pages internes (boutique/vote) : sable au lieu de vert */
.bl-page-head{background:linear-gradient(120deg,#e6d9bf,var(--bl-bg) 60%);border-bottom:1px solid var(--bl-border)}

/* Cartes Bootstrap / boutique / listes : claires */
.card{--bs-card-bg:#fff;--bs-card-border-color:var(--bl-border);box-shadow:0 10px 26px rgba(90,70,40,.08)}
.card-header{color:#2a2015}
.list-group{--bs-list-group-bg:#fff}
.dropdown-menu{--bs-dropdown-bg:#fff;--bs-dropdown-link-color:var(--bl-text);--bs-dropdown-link-hover-bg:var(--bl-surface-2);--bs-dropdown-link-hover-color:#2a2015;box-shadow:0 18px 40px rgba(90,70,40,.18)}
.form-control,.form-select{background-color:#fff;border-color:var(--bl-border);color:var(--bl-text)}
.form-control:focus,.form-select:focus{background-color:#fff;border-color:var(--bl-gold)}

/* ---- Footer : brun chaud (ni noir ni vert) ---- */
.bl-footer{background:linear-gradient(180deg,#4a3a26,#3a2c1a) !important;border-top:1px solid rgba(176,108,18,.30);color:#e8dcc6}
.bl-footer .bl-muted{color:#c3b393 !important}
.bl-footer-brand{color:#fff !important}
.bl-footer-title{color:#f0c675}
.bl-link{color:#cbbb98}
.bl-link:hover{color:#fff}
.bl-footer-bottom{border-top:1px solid rgba(255,255,255,.12);color:#c3b393}
.bl-ip-chip{background:rgba(255,255,255,.08);border-color:rgba(240,198,117,.4);color:#fff}

/* Dot online garde un vert doux (fonctionnel) */
.bl-dot-on{background:#3f8f4e}

::selection{background:var(--bl-gold);color:#2a1a06}

/* Boutons & etats actifs : OR/sable au lieu de vert (plus de vert) */
.btn-primary{--bs-btn-bg:var(--bl-gold);--bs-btn-border-color:var(--bl-gold);--bs-btn-hover-bg:var(--bl-gold-2);--bs-btn-hover-border-color:var(--bl-gold-2);--bs-btn-active-bg:var(--bl-gold-2);--bs-btn-active-border-color:var(--bl-gold-2);--bs-btn-color:#2a1a06;--bs-btn-hover-color:#2a1a06}
.list-group{--bs-list-group-active-bg:var(--bl-gold);--bs-list-group-active-border-color:var(--bl-gold)}
.pagination{--bs-pagination-active-bg:var(--bl-gold);--bs-pagination-active-border-color:var(--bl-gold)}
.bl-progress .progress-bar{background:linear-gradient(90deg,var(--bl-gold),#f3c877)}
.bl-topbar-cta{background:var(--bl-gold) !important}
.bl-topbar-cta:hover{background:var(--bl-gold-2) !important}
.bl-nav-logo img{filter:drop-shadow(0 6px 14px rgba(0,0,0,.25))}

/* ============================================================
   PAGES INTERNES : banniere photo en haut (comme l'accueil)
   + BOUTIQUE beige/ombre + VOTE classement propre
   ============================================================ */
/* Banniere photo sur chaque page interne (remplace la bande sable) */
.bl-page-head{height:auto !important;min-height:340px;margin:0 !important;border:0 !important;position:relative;overflow:hidden;
  background:linear-gradient(180deg,rgba(52,34,16,.30) 0%,rgba(58,38,18,.12) 42%,rgba(239,229,209,.62) 84%,var(--bl-bg) 100%),url('../img/banner.webp') center 42%/cover no-repeat}
.bl-page-head .bl-hero-curve{position:absolute;bottom:-1px;left:0;width:100%;height:60px;z-index:2}
.bl-page-head .bl-hero-curve path{fill:var(--bl-bg)}
.bl-content{padding-top:2.5rem}

/* ---- BOUTIQUE : plus de sous-page, cartes beige avec ombre ---- */
/* Masquer la sous-navigation (Accueil / catégorie) dans la boutique */
.col-lg-3 > .list-group.mb-4{display:none !important}
/* Cartes produits : fond beige continu (transparent), image avec ombre portee */
.col-lg-9 .card{background:transparent !important;border:0 !important;box-shadow:none !important}
.col-lg-9 .card .card-img-top{background:none !important;padding:0 !important;max-height:220px;filter:drop-shadow(0 18px 22px rgba(70,45,15,.42)) drop-shadow(0 6px 10px rgba(70,45,15,.25));transition:transform .25s}
.col-lg-9 .card:hover .card-img-top{transform:translateY(-6px) scale(1.03)}
.col-lg-9 .card-title{color:#2a2015;text-shadow:0 1px 0 rgba(255,255,255,.5)}
.col-lg-9 .card-subtitle{color:#8a5210 !important;font-weight:600}
/* Cartes produits : nombre d'etoiles, prix et bouton centres sous l'image */
.col-lg-9 .card.h-100 .card-body{text-align:center}
.col-lg-9 .card.h-100 .card-body .btn{display:inline-block;margin-left:auto;margin-right:auto}
/* Boite description : panneau beige doux avec ombre (pas blanc) */
.col-lg-9 .row > .col-12 > .card{background:linear-gradient(180deg,rgba(255,250,240,.55),rgba(245,237,220,.35)) !important;border:1px solid var(--bl-border) !important;border-radius:14px;
  box-shadow:0 10px 26px rgba(120,92,48,.12),inset 0 1px 0 rgba(255,255,255,.6) !important}
.col-lg-9 .row > .col-12 > .card .card-body{color:#3a2e1c;font-weight:500}

/* ---- VOTE : retirer Recompenses, classement propre facon Herodia ---- */
.bl-content .card.mt-4{display:none !important}          /* section Recompenses masquee */
.bl-content .card .card-title{color:#2a2015}
/* Tableau classement : en-tete brun chaud, lignes claires */
.table{--bs-table-color:var(--bl-text);color:var(--bl-text)}
.table > :not(caption) > * > *{border-color:rgba(120,92,48,.14)}
.table thead.table-dark,.table thead.table-dark tr{--bs-table-bg:#4a3a26;--bs-table-color:#f2e6ce}
.table thead.table-dark th{background:#4a3a26 !important;color:#f2e6ce !important;border-color:rgba(255,255,255,.08);text-transform:uppercase;letter-spacing:.04em;font-size:.85rem;padding:.85rem 1rem}
.table tbody tr:nth-child(odd){background:rgba(120,92,48,.045)}
.table tbody td{padding:.8rem 1rem;vertical-align:middle}

/* ============================================================
   AJUSTEMENTS boutique/header (v3)
   ============================================================ */
/* Masquer le titre de categorie (ÉTOILES) en haut de la boutique */
.bl-content:has(.col-lg-9) > h1{display:none}

/* IP centree pile au-dessus du logo (centre exact de la topbar) */
.bl-topbar .container{position:relative}
.bl-ip-mini{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0}

/* Boite description crypto : fond beige clair avec ombre */
.col-lg-9 .row > .col-12 > .card{background:#e9dcc0 !important;border:1px solid var(--bl-border) !important;border-radius:14px;
  box-shadow:0 10px 26px rgba(120,92,48,.14),inset 0 1px 0 rgba(255,255,255,.5) !important}
.col-lg-9 .row > .col-12 > .card .card-body{color:#3a2e1c;font-weight:600}

/* Carte "Meilleur acheteur du mois" (facon Herodia) */
.bl-buyer-head{text-align:center;font-family:var(--bl-font-title);text-transform:uppercase;letter-spacing:.04em;color:#2a2015 !important;background:transparent !important;border-bottom:1px solid var(--bl-border) !important}
.bl-buyer-ico{color:var(--bl-gold);margin-right:.35rem}
.bl-buyer-empty{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.4rem .5rem;color:#8a7a5f;text-align:center}
.bl-buyer-empty i{font-size:2rem;color:var(--bl-gold);opacity:.85}
.bl-buyer-empty span{font-size:.9rem}

/* ============================================================
   ANIMATIONS PRO (reveal au scroll, hero ken-burns, entrees)
   ============================================================ */
.bl-reveal{opacity:0}
.bl-reveal.bl-in{animation:bl-revealin .7s cubic-bezier(.2,.7,.2,1) both}
@keyframes bl-revealin{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
/* Hero : ken-burns doux + entree du contenu */
/* Banniere FIXE (pas de mouvement) ; c'est le contenu qui s'anime */
/* banniere fixe : pas d'entree sur le hero */
@keyframes bl-fadeup{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
/* Entree douce du header + logo au chargement (comme au reload) */
.bl-header{animation:bl-navdrop .8s .05s both}
@keyframes bl-navdrop{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}
.bl-nav-logo img,.bl-brand img{animation:bl-pop .7s .25s both}
@keyframes bl-pop{0%{opacity:0;transform:scale(.7)}60%{transform:scale(1.06)}100%{opacity:1;transform:scale(1)}}
/* Transitions douces boutons */
.bl-btn,.btn{transition:transform .18s ease,box-shadow .2s ease,filter .2s ease,background .2s ease}
.bl-welcome-icon{transition:transform .3s ease}
.bl-welcome:hover .bl-welcome-icon{transform:translateX(-50%) scale(1.08) rotate(-4deg)}
/* Animations activees volontairement par l'admin (rendu stylé), meme si l'OS
   demande « reduire les animations » : elles restent douces et courtes. */