<!DOCTYPE html><!--
Tu viens d’activer le mode "Spectateur sur le code source".
Pour continuer, tape /gamemode creative… mais ça ne marchera pas ici.
-->
<html lang="fr">
<head>
  <meta charset="UTF-8" />
  <title>Accueil - BananaCraft</title>
  <meta name="viewport" content="user-scalable=no">
  <meta property="og:image" content="favicon/favicon.png" />
  <link rel="icon" type="image/png" sizes="180x180" href="favicon/favicon.png">
  <link rel="apple-touch-icon" sizes="180x180" href="favicon/favicon.png">
  <meta name="theme-color" content="#2b7a2b">

  <!-- Open Graph : aperçu Discord, Google, réseaux sociaux -->
  <meta property="og:title" content="BananaCraft - Serveur Minecraft 1.21.1" />
  <meta name="description" content="Notre site est actuellement en construction ! Reviens bientôt pour découvrir toutes les infos sur le serveur. Adresse du serveur Minecraft : bananacraft.serveminecraft.net:25567" />
  <meta name="robots" content="max-snippet:160" />
  <meta property="og:site_name" content="BananaCraft" />
  <meta property="og:url" content="http://bananacraft.serveminecraft.net/" />
  <meta property="og:description" content="Rejoins BananaCraft ! Adresse : bananacraft.serveminecraft.net:25567" />
  <meta property="og:image" content="http://bananacraft.serveminecraft.net/favicon/favicon.png" />
  <meta name="theme-color" content="#2b7a2b">

  <!-- Favicons -->
  <link rel="icon" type="image/png" sizes="192x192" href="/favicon/favicon-192x192.png">
  <link rel="icon" type="image/png" sizes="180x180" href="/favicon/favicon-180x180.png">
  <link rel="icon" type="image/png" sizes="180x180" href="/favicon/favicon.png">
  <link rel="icon" type="image/png" sizes="48x48" href="/favicon/favicon-48x48.png">
  <link rel="icon" type="image/png" sizes="96x96" href="/favicon/favicon-96x96.png">
  <link rel="icon" type="image/png" sizes="512x512" href="/favicon/favicon-512x512.png">
  <link rel="apple-touch-icon" href="/favicon/apple-touch-icon.png">
  <link rel="shortcut icon" href="/favicon/favicon.ico">

  <!-- Police pixel style -->
  <link href="https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap" rel="stylesheet">
  <style>
  @media screen and (max-width: 600px) {
  .construction {
    font-size: 0.85em;
    padding: 15px;
  }
}
    @keyframes fadePopup {
      0% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(0.95);
      }
      100% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
      }
    }

    html.noscroll, body.noscroll {
      overflow: hidden !important;
      height: 100%;
    }

    body {
      background-color: #2b7a2b;
      color: #ffffff;
      font-family: 'Press Start 2P', cursive;
      text-align: center;
      padding-top: 100px;
    }

    .subtitle {
      font-size: 1.5em;
      color: #fff;
      margin-bottom: 30px;
    }
   .main-title {
      font-size: 2em;
      color: #fff;
      text-shadow: 2px 2px #000;
      margin-bottom: 10px;
    }

    .domain-title {
      font-size: 1.1em;
      color: #fff;
      text-shadow: 1px 1px #000;
      margin-bottom: 30px;
    }

  .construction {
  background-color: rgba(0,0,0,0.3);
  border-radius: 8px;
  display: inline-block;
  padding: 20px;
  font-size: 0.8em; /* réduit depuis 1.8em */
  box-shadow: 3px 3px #000;
  max-width: 90%;
  line-height: 1.8em;
}

    footer {
      margin-top: 60px;
      font-size: 0.5em;
      opacity: 0.8;
    }

/*  ====================
    Bannière BananaCraft
    ====================  */

/* Titres BananaCraft */
.cookie-title-main-bc {
  font-family: 'Press Start 2P', cursive;
  color: #ffffff;
  text-shadow: 2px 2px #000;
  font-size: 28px;
  margin-bottom: 6px;
  line-height: 1.2;
}

.cookie-title-sub-bc {
  font-family: 'Press Start 2P', cursive;
  color: #ffffff;
  text-shadow: 1px 1px #000;
  font-size: 16px;
  margin-bottom: 24px;
}

/* Overlay général */
#cookie-overlay {
  display: none;
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0, 0, 0, 0.85);
  z-index: 10000;
  font-family: 'Press Start 2P', cursive;
  overflow: hidden;
}

/* Popup principale BananaCraft */
#cookie-banner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10001;
  opacity: 0;
  background: rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(12px);
  color: #ffffff;
  text-align: center;
  font-family: 'Press Start 2P', cursive;
  font-size: 0.9em;
  border: 3px solid #2b7a2b;
  border-radius: 15px;
  box-shadow: 3px 3px #000;
  padding: 30px 25px;
  width: 90%;
  max-width: 600px;
  max-height: 90vh;
  overflow-y: auto;
  display: none;
}

/* Responsive bannière */
@media (max-width: 600px) {
  #cookie-banner {
    top: 50%;
    transform: translate(-50%, -50%);
    width: 92%;
    font-size: 0.8em;
    padding: 20px 16px;
    max-height: 85vh;
  }
}

/* Lien "Paramètres des cookies" */
.cookie-settings-link-bc {
  font-size: 0.8em;
  text-decoration: underline !important;
  color: #45d945;
  margin-top: 14px;
  display: inline-block;
  cursor: pointer;
}

.cookie-settings-link-bc:hover {
  color: #45d945;
}

/* ===============================
   Fenêtre personnaliser vos choix
   =============================== */

#cookie-modal-bananacraft {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-height: 90vh;
  width: 90%;
  max-width: 600px;
  background: rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(12px);
  overflow-y: auto;
  padding: 26px 22px;
  color: #fff;
  border: 3px solid #2b7a2b;
  border-radius: 15px;
  box-shadow: 0 0 20px #000;

  /* même proportions que la bannière */
  font-family: 'Press Start 2P', cursive;
  font-size: 0.9em;
  
  display: none;
  z-index: 10002;
  text-align: left;
}

/* Responsive modale */
@media (max-width: 600px) {
  #cookie-modal-bananacraft {
    padding: 18px 14px;
    font-size: 0.75em;
    max-height: 85vh;
  }

  .cookie-modal-row {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* Fix de la croix sur mobile */
@media (max-width: 720px) {
  #cookie-modal-close-bc {
    top: 10px !important;
    right: 10px !important;
    transform: translateY(0);
  }

  .cookie-modal-title-bc {
    padding-right: 40px;
    text-align: center; 
  }
}

.cookie-modal-title-bc {
  font-size: 1.5em;
  color: #45d945;
  margin-bottom: 18px;
  text-align: center;
}

/* Scrollbar de la fenêtre cookies BananaCraft */
#cookie-modal-bananacraft::-webkit-scrollbar {
  width: 13px;
  background: transparent;
}

#cookie-modal-bananacraft::-webkit-scrollbar-track {
  background: #e4ffe4;
  border-radius: 18px;
  margin: 8px 0;
}

#cookie-modal-bananacraft::-webkit-scrollbar-thumb {
  background: #45d945;
  border-radius: 18px;
  box-shadow: none;
  border: 3px solid #e4ffe4;
}

/* Firefox & co */
#cookie-modal-bananacraft {
  scrollbar-width: thin;
  scrollbar-color: #45d945 #e4ffe4;
}

/* Scrollbar bannière */
#cookie-banner::-webkit-scrollbar {
  width: 13px;
  background: transparent;
}

#cookie-banner::-webkit-scrollbar-track {
  background: #e4ffe4;
  border-radius: 18px;
  margin: 8px 0;
}

#cookie-banner::-webkit-scrollbar-thumb {
  background: #45d945;
  border-radius: 18px;
  border: 3px solid #e4ffe4;
}

#cookie-banner {
  scrollbar-width: thin;
  scrollbar-color: #45d945 #e4ffe4;
}

/* Croix fermeture */
#cookie-modal-close-bc {
  position: absolute;
  top: 12px;
  right: 18px;
  color: #45d945 !important;
  font-family: 'Press Start 2P', cursive;
  font-size: 26px;
  cursor: pointer;
  opacity: 1 !important;
}

#cookie-modal-close-bc svg {
  display: block;
}


/* Texte modale */
.cookie-modal-intro-bc {
  font-size: 0.9em;
  color: #fff;
  line-height: 1.6;
  margin-bottom: 22px;
}

.cookie-modal-row {
  border-top: 1px solid #333;
  padding: 16px 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.cookie-modal-row:first-of-type {
  border-top: none;
}

.cookie-modal-row h3 {
  margin: 0 0 6px;
  font-size: 1em;
  color: #45d945;
}

.cookie-modal-row p {
  margin: 0;
  font-size: 0.8em;
  color: #fff;
  max-width: 480px;
}

/* ==================================
   Switch BananaCraft (rectangulaire)
   ================================== */

.cookie-switch {
  position: relative;
  display: inline-block;
  width: 52px;
  height: 26px;
  flex-shrink: 0;
}

.cookie-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* Fond rectangulaire */
.cookie-slider {
  position: absolute;
  inset: 0;
  background-color: #444;
  border-radius: 0px!important;
  border: 0px solid #000;
  box-sizing: border-box;
  cursor: pointer;
  transition: background-color .2s linear;
  line-height: 0;
}

/* Carré blanc */
.cookie-slider:before {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  top: 50%;
  left: 4px;
  transform: translateY(-50%);
  background: #fff;
  border-radius: 0px!important;
  box-sizing: border-box;
  transition: background-color .2s linear;
  line-height: 0;
}

/* ON = vert BananaCraft */
.cookie-switch input:checked + .cookie-slider {
  background-color: #45d945;
}

.cookie-switch input:checked + .cookie-slider:before {
  transform: translate(24px, -50%);
}

/* Désactivé */
.cookie-switch.disabled {
  opacity: 0.6;
  cursor: not-allowed !important;
}

.cookie-switch.disabled .cookie-slider {
  cursor: not-allowed !important;
}

.cookie-switch.disabled input {
  pointer-events: none;
}

/* ===================
   Footer de la modale
   =================== */

.cookie-modal-footer-bc {
  margin-top: 24px;
  padding-top: 18px;
  border-top: 1px solid #333;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 28px;
}

.cookie-ml-link-bc {
  color: #ffffff !important;
  font-size: 0.85em;
  text-decoration: none !important;
  background: none !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
}

.cookie-ml-link-bc:hover {
  text-decoration: underline !important;
}

.cookie-modal-actions-bc {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: flex-end;
}

/* Boutons BananaCraft */

/* Refuser */
.cookie-btn-bc {
  background: #d93e3e !important;
  color: #fff !important;
  font-family: 'Press Start 2P', cursive;
  font-weight: bold !important;
  border: 2px solid #a11e1e !important;
  padding: 12px 24px !important;
  border-radius: 10px !important;
  font-size: 0.9em !important;
  cursor: pointer !important;
  min-width: 180px !important;
  text-align: center !important;
}

/* Accepter */
.cookie-btn-bc-accept {
  background: #45d945 !important;
  color: #fff !important;
  font-family: 'Press Start 2P', cursive;
  font-weight: bold !important;
  border: 2px solid #299229 !important;
  padding: 12px 24px !important;
  border-radius: 10px !important;
  font-size: 0.9em !important;
  cursor: pointer !important;
  min-width: 180px !important;
  text-align: center !important;
}

/* Bouton appliquer (neutre vert foncé) */
.cookie-btn-bc-apply {
  background: #444 !important;
  color: #fff !important;
  font-family: 'Press Start 2P', cursive;
  font-weight: bold !important;
  border: none !important;
  padding: 12px 24px !important;
  border-radius: 10px !important;
  font-size: 0.9em !important;
  cursor: pointer !important;
  min-width: 180px !important; 
  text-align: center !important;
}

@keyframes fadePopup {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.95);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}


.button-download {
  display: inline-block;
  background: #4caf50;
  color: #fff;
  padding: 12px 20px;
  margin: 15px 0 0 0;
  border-radius: 8px;
  text-decoration: none;
  border: 2px solid #333;
  font-size: 1em;
  font-family: 'Press Start 2P', cursive;
  font-weight: bold;
  box-shadow: 0 0 12px #1117;
  transition: background 0.15s, box-shadow 0.15s, color 0.10s;
  position: relative;
  letter-spacing: 0.5px;
}
.button-download:hover {
  background: #57e85c;
  color: #222;
  box-shadow: 0 0 24px #57e85c99, 0 0 5px #222;
  border-color: #388e3c;
  text-shadow: 0 0 4px #fff7;
}
.button-download:active {
  background: #388e3c;
  color: #fff;
}
</style>
</head>
<body>
<!-- Bannière cookie BananaCraft (popup centrée) -->
<div id="cookie-overlay">
  <!-- Bannière principale -->
  <div id="cookie-banner">
    <div class="cookie-title-main-bc">BananaCraft</div>
    <div class="cookie-title-sub-bc">bananacraft.serveminecraft.net</div>

    <div style="font-size: 1.1em; margin-bottom: 10px; color: #ffffff;">
      <strong>Ce site utilise des cookies</strong>
    </div>
    <div style="font-size: 0.9em; color: #ffffff;">
      Nous utilisons les cookies pour t'offrir la meilleure expérience possible.<br><br>
      <strong>Merci de faire un choix :</strong>
    </div>

    <!-- Boutons Accepter / Refuser -->
    <div style="margin-top: 25px; display: flex; justify-content: center; gap: 20px; flex-wrap: wrap;">
      <button onclick="acceptCookies()" class="cookie-btn-bc-accept">Autoriser les cookies</button>
      <button onclick="refuseCookies()" class="cookie-btn-bc">Tout refuser</button>
    </div>

    <!-- Lien paramètres -->
    <div style="margin-top: 15px;">
      <span class="cookie-settings-link-bc" onclick="openCookieSettingsBanana()">
        Paramètres des cookies
      </span>
    </div>
  </div>

  <!-- Fenêtre personnaliser vos choix -->
  <div id="cookie-modal-bananacraft">
    <div id="cookie-modal-close-bc" onclick="closeCookieSettingsBanana()">
      <svg width="28" height="28" viewBox="0 0 24 24" fill="none">
        <path d="M6 6L18 18M6 18L18 6" stroke="#45d945" stroke-width="3" stroke-linecap="round"/>
      </svg>
    </div>

    <div style="text-align:center;">
      <div class="cookie-title-main-bc">BananaCraft</div>
      <div class="cookie-title-sub-bc">bananacraft.serveminecraft.net</div>
    </div>

    <!-- Rappel -->
    <div style="text-align:center; margin-bottom: 22px; line-height: 1.6;">
      <div style="font-size: 1em; margin-bottom: 8px;"><strong>Ce site utilise des cookies</strong></div>
      <div style="font-size: 0.85em;">
        Nous utilisons les cookies pour t'offrir la meilleure expérience possible.
      </div>
    </div>

    <!-- Boutons tout accepter / tout refuser -->
    <div style="display: flex; justify-content: center; gap: 16px; margin-bottom: 40px; flex-wrap: wrap;">
      <button class="cookie-btn-bc-accept" onclick="modalAcceptAllBanana()">Tout accepter</button>
      <button class="cookie-btn-bc" onclick="modalRefuseAllBanana()">Tout refuser</button>
    </div>

    <div class="cookie-modal-title-bc">Personnaliser vos choix :</div>
    <div class="cookie-modal-intro-bc">
      Tu peux ici choisir quels types de cookies tu autorises sur bananacraft.serveminecraft.net.
    </div>

    <!-- Cookies fonctionnels -->
    <div class="cookie-modal-row">
      <div>
        <h3>Cookies fonctionnels (obligatoires)</h3>
        <p>Nécessaires au bon fonctionnement du site (sécurité, préférences techniques).</p>
      </div>
      <label class="cookie-switch disabled">
        <input type="checkbox" checked disabled>
        <span class="cookie-slider"></span>
      </label>
    </div>

    <!-- Analyse du trafic (GA4) -->
    <div class="cookie-modal-row">
      <div>
        <h3>Analyse du trafic</h3>
        <p>Mesure la fréquentation du site (Google Analytics).</p>
      </div>
      <label class="cookie-switch">
        <input type="checkbox" id="cookie-toggle-analytics">
        <span class="cookie-slider"></span>
      </label>
    </div>

    <!-- Statistiques serveur (Matomo) -->
    <div class="cookie-modal-row">
      <div>
        <h3>Statistiques serveur</h3>
        <p>Statistiques internes hébergées chez nous (Matomo).</p>
      </div>
      <label class="cookie-switch">
        <input type="checkbox" id="cookie-toggle-matomo">
        <span class="cookie-slider"></span>
      </label>
    </div>

    <!-- Analyse navigation (Clarity) -->
    <div class="cookie-modal-row">
      <div>
        <h3>Analyse de navigation</h3>
        <p>Analyse anonyme des interactions sur le site (Microsoft Clarity).</p>
      </div>
      <label class="cookie-switch">
        <input type="checkbox" id="cookie-toggle-clarity">
        <span class="cookie-slider"></span>
      </label>
    </div>

    <div class="cookie-modal-footer-bc">
      <a href="/mentions-legales/" target="_blank" rel="noopener noreferrer" class="cookie-ml-link-bc">
        En savoir plus sur les cookies
      </a>

      <div class="cookie-modal-actions-bc">
        <button class="cookie-btn-bc-apply" onclick="applyCookieChoicesBanana()">Appliquer les modifications</button>
      </div>
    </div>
  </div>
</div>
<!-- Contenu principal -->
<div class="construction">
  <div class="main-title">
  <a href="/" style="color: inherit; text-decoration: none;">BananaCraft</a>
  </div>
  <div class="domain-title">
  <a href="http://bananacraft.serveminecraft.net" style="color: inherit; text-decoration: none;">
    bananacraft.serveminecraft.net
  </a>
  </div>
  Notre site est actuellement en construction !<br>
  Reviens bientôt pour découvrir toutes les infos sur le serveur.<br><br>
  Adresse du serveur Minecraft :<br>
  <strong onclick="copyFallback()" style="cursor: pointer; color: white;">
  bananacraft.serveminecraft.net:25567
</strong>
<input id="hidden-ip" type="text" value="bananacraft.serveminecraft.net:25567" style="position: absolute; left: -9999px;"><br><br>
  <!-- Lien de téléchargement juste en dessous de l'adresse -->
  <a href="/files/BananaCraft-1.21.1-Modpack-NeoForge.zip" download style="display:inline-block; margin-top: 10px; font-size:1em; background:#11cc11; color:#fff; border-radius:7px; padding:7px 16px; text-decoration:none; font-family:inherit; font-weight:bold;">
    Télécharger le modpack (1.21.1)
  <!--
Toujours là ? T’es plus tenace qu’un joueur qui cherche de la Netherite !
Tiens, un code d’activation Minecraft Java & Bedrock : 33V9F-PMQJR-D2HCP-MTPKX-WYKFZ 
Attention, effets secondaires : absolument aucun..
-->
  </a>
</div>

<footer>
  Copyright © 2025-2026 BananaCraft - Tous droits réservés.<br>
  Ce serveur n’est ni affilié, ni soutenu par Mojang ou Microsoft.
</footer>

<script>
  function copyFallback() {
    const hiddenInput = document.getElementById("hidden-ip");
    hiddenInput.select();
    hiddenInput.setSelectionRange(0, 99999); // Pour les mobiles
    document.execCommand("copy");

    alert("Adresse copiée dans le presse-papiers !");
  }
  </script>
<!-- Script Cookies + Trackers -->
<script>
  const COOKIE_KEY_MAIN_BC     = 'cookiesAccepted_bananacraft';   // "yes" ou "no"
  const COOKIE_KEY_SETTINGS_BC = 'cookieSettings_bananacraft';    // JSON des préférences

  let gaLoaded_bc      = false;
  let matomoLoaded_bc  = false;
  let clarityLoaded_bc = false;

  document.addEventListener('DOMContentLoaded', () => {
    let consent  = null;
    let settings = loadBananaSettings();

    try {
      consent = localStorage.getItem(COOKIE_KEY_MAIN_BC);
    } catch (e) {
      consent = null;
    }

    if (consent !== 'yes' && consent !== 'no') {
      // Première visite : bannière BananaCraft
      showBananaBanner();
    } else {
      // Déjà un choix
      if (!settings) {
        // Initialise selon le consentement global
        settings = {
          analytics: (consent === 'yes'),
          matomo:    (consent === 'yes'),
          clarity:   (consent === 'yes')
        };
        saveBananaSettings(settings);
      }
      if (consent === 'yes') {
        loadTrackersFromSettings_bc(settings);
      }
    }
  });

  function loadBananaSettings() {
    try {
      const raw = localStorage.getItem(COOKIE_KEY_SETTINGS_BC);
      if (!raw) return null;
      return JSON.parse(raw);
    } catch (e) {
      return null;
    }
  }

  function saveBananaSettings(settings) {
    try {
      localStorage.setItem(COOKIE_KEY_SETTINGS_BC, JSON.stringify(settings));
    } catch (e) {}
  }

  function showBananaBanner() {
    const overlay = document.getElementById('cookie-overlay');
    const banner  = document.getElementById('cookie-banner');
    const modal   = document.getElementById('cookie-modal-bananacraft');

    if (modal)  modal.style.display  = 'none';
    if (overlay) overlay.style.display = 'block';
    if (banner) {
      banner.style.display   = 'block';
      banner.style.animation = 'fadePopup 0.5s ease-out forwards';
      banner.style.opacity   = 1;
    }
    document.documentElement.classList.add('noscroll');
    document.body.classList.add('noscroll');
  }

  function hideAllCookieUIBanana() {
    const overlay = document.getElementById('cookie-overlay');
    const banner  = document.getElementById('cookie-banner');
    const modal   = document.getElementById('cookie-modal-bananacraft');

    if (banner) banner.style.display = 'none';
    if (modal)  modal.style.display  = 'none';
    if (overlay) overlay.style.display = 'none';
    document.documentElement.classList.remove('noscroll');
    document.body.classList.remove('noscroll');
  }

  /* ==== Boutons bannière ==== */

  function acceptCookies() {
    const settings = {
      analytics: true,
      matomo:    true,
      clarity:   true
    };
    saveBananaSettings(settings);
    try { localStorage.setItem(COOKIE_KEY_MAIN_BC, 'yes'); } catch (e) {}
    hideAllCookieUIBanana();
    loadTrackersFromSettings_bc(settings);
  }

  function refuseCookies() {
    const settings = {
      analytics: false,
      matomo:    false,
      clarity:   false
    };
    saveBananaSettings(settings);
    try { localStorage.setItem(COOKIE_KEY_MAIN_BC, 'no'); } catch (e) {}
    hideAllCookieUIBanana();
    // On ne charge rien
  }

  /* ==== Fenêtre personnaliser ==== */

  function openCookieSettingsBanana() {
    const overlay = document.getElementById('cookie-overlay');
    const banner  = document.getElementById('cookie-banner');
    const modal   = document.getElementById('cookie-modal-bananacraft');

    const settings = loadBananaSettings() || {
      analytics: false,
      matomo:    false,
      clarity:   false
    };

    if (overlay) overlay.style.display = 'block';
    if (banner)  banner.style.display  = 'none';
    if (modal)   modal.style.display   = 'block';

    const tAnalytics = document.getElementById('cookie-toggle-analytics');
    const tMatomo    = document.getElementById('cookie-toggle-matomo');
    const tClarity   = document.getElementById('cookie-toggle-clarity');

    if (tAnalytics) tAnalytics.checked = !!settings.analytics;
    if (tMatomo)    tMatomo.checked    = !!settings.matomo;
    if (tClarity)   tClarity.checked   = !!settings.clarity;

    document.documentElement.classList.add('noscroll');
    document.body.classList.add('noscroll');
  }

  function closeCookieSettingsBanana() {
    const overlay = document.getElementById('cookie-overlay');
    const banner  = document.getElementById('cookie-banner');
    const modal   = document.getElementById('cookie-modal-bananacraft');

    if (modal) modal.style.display = 'none';

    let consent = null;
    try {
      consent = localStorage.getItem(COOKIE_KEY_MAIN_BC);
    } catch (e) {
      consent = null;
    }

    if (consent !== 'yes' && consent !== 'no') {
      // Pas encore choisi : on revient à la bannière
      if (banner)  banner.style.display  = 'block';
      if (overlay) overlay.style.display = 'block';
      document.body.classList.add('noscroll');
    } else {
      // Déjà un choix : on ferme tout
      if (banner)  banner.style.display  = 'none';
      if (overlay) overlay.style.display = 'none';
      document.documentElement.classList.remove('noscroll');
      document.body.classList.remove('noscroll');
    }
  }

  /* ==== Boutons dans la modale ==== */

  function modalAcceptAllBanana() {
    const settings = {
      analytics: true,
      matomo:    true,
      clarity:   true
    };
    saveBananaSettings(settings);
    try { localStorage.setItem(COOKIE_KEY_MAIN_BC, 'yes'); } catch (e) {}
    hideAllCookieUIBanana();
    loadTrackersFromSettings_bc(settings);
  }

  function modalRefuseAllBanana() {
    const settings = {
      analytics: false,
      matomo:    false,
      clarity:   false
    };
    saveBananaSettings(settings);
    try { localStorage.setItem(COOKIE_KEY_MAIN_BC, 'no'); } catch (e) {}
    hideAllCookieUIBanana();
  }

  function applyCookieChoicesBanana() {
    const tAnalytics = document.getElementById('cookie-toggle-analytics');
    const tMatomo    = document.getElementById('cookie-toggle-matomo');
    const tClarity   = document.getElementById('cookie-toggle-clarity');

    const settings = {
      analytics: !!(tAnalytics && tAnalytics.checked),
      matomo:    !!(tMatomo && tMatomo.checked),
      clarity:   !!(tClarity && tClarity.checked)
    };

    saveBananaSettings(settings);

    const anyOn = settings.analytics || settings.matomo || settings.clarity;
    try { localStorage.setItem(COOKIE_KEY_MAIN_BC, anyOn ? 'yes' : 'no'); } catch (e) {}

    hideAllCookieUIBanana();
    if (anyOn) {
      loadTrackersFromSettings_bc(settings);
    }
  }

  /* ==== Chargement conditionnel des trackers ==== */

  function loadTrackersFromSettings_bc(settings) {
    if (!settings) return;

    if (settings.analytics) {
      loadGA_bc();
    }
    if (settings.matomo) {
      loadMatomo_bc();
    }
    if (settings.clarity) {
      loadClarity_bc();
    }
  }

  function loadGA_bc() {
    if (gaLoaded_bc) return;
    gaLoaded_bc = true;

    window.dataLayer = window.dataLayer || [];
    function gtag(){ dataLayer.push(arguments); }
    window.gtag = gtag;

    const gaScript = document.createElement('script');
    gaScript.async = true;
    gaScript.src = "https://www.googletagmanager.com/gtag/js?id=G-Y0D0GRQWSD";
    gaScript.onload = function() {
      gtag('js', new Date());
      gtag('config', 'G-Y0D0GRQWSD');
    };
    document.head.appendChild(gaScript);
  }

  function loadMatomo_bc() {
    if (matomoLoaded_bc) return;
    matomoLoaded_bc = true;

    var _paq = window._paq = window._paq || [];
    _paq.push(['setDoNotTrack', false]);
    _paq.push(['trackPageView']);
    _paq.push(['enableLinkTracking']);
    (function() {
      var u = "//stats.serveminecraft.net/";
      _paq.push(['setTrackerUrl', u + 'm']);
      _paq.push(['setSiteId', '2']); // ID site BananaCraft
      var d = document,
          g = d.createElement('script'),
          s = d.getElementsByTagName('script')[0];
      g.async = true;
      g.src = u + 'matomo';
      s.parentNode.insertBefore(g, s);
    })();
  }

  function loadClarity_bc() {
  if (clarityLoaded_bc) return;
  clarityLoaded_bc = true;

  (function(c,l,a,r,i,t,y){
      c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
      t=l.createElement(r); t.async=1; t.src="https://www.clarity.ms/tag/"+i;
      y=l.getElementsByTagName(r)[0]; y.parentNode.insertBefore(t,y);
  })(window, document, "clarity", "script", "tk3ce73h84");
}
</script>
</body>
</html>