/* ============================================================ B.P.M — Logo CSS Patch (logo.css) Remplace le badge texte "BPM" par le vrai logo image. Ajouter dans le de chaque page : (ou "css/logo.css" pour index.html) ============================================================ */ /* ── NAVBAR LOGO ─────────────────────────────────────────────── */ .logo-badge { width: 52px !important; height: 52px !important; border-radius: 50% !important; border: 2px solid var(--or) !important; background: #fff !important; overflow: hidden !important; padding: 0 !important; box-shadow: 0 2px 10px rgba(198,40,40,0.25) !important; transition: transform 0.25s, box-shadow 0.25s !important; } .logo:hover .logo-badge { transform: scale(1.07) !important; box-shadow: 0 4px 18px rgba(198,40,40,0.35) !important; } /* Cacher le texte BPM — remplacé par l'image */ .logo-badge-text { display: none !important; } /* Image logo dans le badge */ .logo-badge::after { content: '' !important; display: block !important; width: 100% !important; height: 100% !important; background-image: url('../images/logo.png') !important; background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; } /* Pour index.html (chemin différent) */ .logo-badge.logo-root::after { background-image: url('images/logo.png') !important; } /* ── HERO LOGO (section hero de index.html) ─────────────────── */ .hero-logo-big { background: none !important; width: 200px !important; height: 200px !important; border-radius: 50% !important; overflow: hidden !important; } .hero-logo-big::before { content: '' !important; display: block !important; width: 100% !important; height: 100% !important; background-image: url('../images/logo.png') !important; background-size: cover !important; background-position: center !important; } /* Cacher texte hero (remplacé par image) */ .logo-big-text, .logo-big-line, .logo-big-sub { display: none !important; } /* Pour index.html hero */ .hero-logo-big.hero-logo-root::before { background-image: url('images/logo.png') !important; } /* ── FOOTER LOGO ─────────────────────────────────────────────── */ .footer-logo .logo-badge { width: 48px !important; height: 48px !important; } /* ── ADMIN LOGO ──────────────────────────────────────────────── */ .sidebar-logo .logo-badge, .sidebar-brand .logo-badge { width: 44px !important; height: 44px !important; } /* ── MISSION BADGE (apropos.html) ───────────────────────────── */ .mission-badge { background: none !important; width: 150px !important; height: 150px !important; border-radius: 50% !important; overflow: hidden !important; border: 3px solid var(--or) !important; box-shadow: 0 0 0 12px rgba(198,40,40,0.1), 0 0 0 24px rgba(198,40,40,0.05) !important; padding: 0 !important; animation: none !important; } .mission-badge::before { content: '' !important; display: block !important; width: 100% !important; height: 100% !important; background-image: url('../images/logo.png') !important; background-size: cover !important; background-position: center !important; } .mission-badge-text, .mission-badge-year { display: none !important; } /* ── LANDING PAGE HERO AMÉLIORÉ ─────────────────────────────── */ /* * Sur index.html, le hero-logo-big est dans .hero-ring-inner * On injecte le vrai logo dans le ring */ .hero-ring-inner { background: rgba(255,255,255,0.05) !important; } /* ── RESPONSIVE ─────────────────────────────────────────────── */ @media (max-width: 768px) { .logo-badge { width: 44px !important; height: 44px !important; } .hero-logo-big { width: 150px !important; height: 150px !important; } } @media (max-width: 480px) { .logo-badge { width: 40px !important; height: 40px !important; } .hero-logo-big { width: 120px !important; height: 120px !important; } }