/* =============================================================================
 * MAPIRANDO — mapirando-cookie-popup
 * =============================================================================
 *
 * Ces règles étaient imprimées en <style> au milieu du HTML par le PHP. Les
 * sortir ici ne change rien à l'écran : mêmes règles, même ordre. Ce qu'on y
 * gagne, c'est le cache navigateur (elles repartaient dans chaque page) et un
 * fichier PHP qui ne contient plus que de la logique.
 *
 * ATTENTION À L'ORDRE DE CHARGEMENT : un <style> posé dans le corps de page
 * gagne la cascade sur tout ce qui vient de l'en-tête. Cette feuille doit donc
 * être mise en file APRÈS le thème Blocksy — voir la file en priorité 999 dans
 * mapirando-community.php. La charger normalement laisserait le thème reprendre
 * la main sur les marges et les positions.
 * -------------------------------------------------------------------------- */

/* --- Bandeau cookies (pied de page, toutes pages)
       (venait de includes/utils/utilities.php, lignes 303-335) ------------------------------------- */
        #mapi-cookie-banner {
            position: fixed;
            bottom: 20px;
            left: 20px;
            z-index: 99999;
            background: var(--mapi-surface, #141619);
            border-radius: 16px;
            box-shadow: 0 10px 40px rgba(0,0,0,0.15);
            width: calc(100% - 40px);
            max-width: 420px;
            padding: 25px;
            display: none;
            flex-direction: column;
            gap: 15px;
            font-family: 'Nunito', sans-serif;
            border: 1px solid var(--mapi-border, rgba(255,255,255,0.1));
        }

        .mapi-cookie-header { display: flex; align-items: center; gap: 12px; }
        .mapi-cookie-icon { font-size: 28px; background: var(--mapi-surface-raised, #1c1f24); width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; border-radius: 50%; }
        .mapi-cookie-title { margin: 0; font-size: 1.1rem; font-weight: 800; color: var(--mapi-text-primary, #f4f3f0); line-height: 1.2; }
        .mapi-cookie-text { font-size: 0.9rem; color: #6b7683; line-height: 1.5; margin: 0; }
        .mapi-cookie-actions { display: flex; flex-direction: column; gap: 8px; margin-top: 5px; }
        .mapi-cookie-btn-accept { background: #16a34a; color: white; border: none; padding: 14px; border-radius: 10px; font-weight: 800; font-size: 0.95rem; cursor: pointer; transition: 0.2s; }
        .mapi-cookie-btn-accept:hover { background: #15803d; transform: translateY(-2px); }
        .mapi-cookie-btn-refuse { background: transparent; color: #9aa3ad; border: none; padding: 10px; font-weight: 700; font-size: 0.85rem; cursor: pointer; text-decoration: underline; transition: 0.2s; }
        .mapi-cookie-btn-refuse:hover { color: #55606a; }

        @media (max-width: 768px) {
            #mapi-cookie-banner { bottom: 50%; left: 50%; transform: translate(-50%, 50%); width: 90%; }
        }