.elementor-582 .elementor-element.elementor-element-4045895{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:-43px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-582 .elementor-element.elementor-element-41ac880 img{width:100%;}.elementor-582 .elementor-element.elementor-element-6f0d04af:not(.elementor-motion-effects-element-type-background), .elementor-582 .elementor-element.elementor-element-6f0d04af > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://metalfestgame.com/wp-content/uploads/2025/12/un-guitariste-de-heavy-metal-dechiquetant-sur-scene-entoure-de-fumee-et-de-pieces-pyrotechniques-scaled.jpg");background-position:center center;}.elementor-582 .elementor-element.elementor-element-6f0d04af > .elementor-background-overlay{background-color:#000000;opacity:0.6;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-582 .elementor-element.elementor-element-6f0d04af, .elementor-582 .elementor-element.elementor-element-6f0d04af > .elementor-background-overlay{border-radius:0px 0px 0px 0px;}.elementor-582 .elementor-element.elementor-element-6f0d04af{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-12px;margin-bottom:-12px;padding:0px 0px 0px 0px;}.elementor-582 .elementor-element.elementor-element-6f0d04af > .elementor-shape-top .elementor-shape-fill{fill:#000000;}.elementor-582 .elementor-element.elementor-element-6f0d04af > .elementor-shape-top svg{height:55px;}.elementor-582 .elementor-element.elementor-element-6f0d04af > .elementor-shape-bottom .elementor-shape-fill{fill:#000000;}.elementor-582 .elementor-element.elementor-element-6f0d04af > .elementor-shape-bottom svg{height:53px;}.elementor-582 .elementor-element.elementor-element-244d4ada > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:20px;}.elementor-582 .elementor-element.elementor-element-244d4ada > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:-26px -26px -26px -26px;}.elementor-582 .elementor-element.elementor-element-244d4ada{z-index:0;}.elementor-582 .elementor-element.elementor-element-2ad58b9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-582 .elementor-element.elementor-element-2ad58b9.elementor-element{--align-self:center;}.elementor-582 .elementor-element.elementor-element-66b896a{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:25px;--padding-bottom:37px;--padding-left:20px;--padding-right:20px;}.elementor-582 .elementor-element.elementor-element-66b896a.e-con{--align-self:center;}.elementor-582 .elementor-element.elementor-element-414d349{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-582 .elementor-element.elementor-element-414d349.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-582 .elementor-element.elementor-element-20db6d4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-582 .elementor-element.elementor-element-20db6d4 .elementor-heading-title{font-size:80px;font-weight:bold;text-transform:uppercase;letter-spacing:1px;color:#ffffff;}.elementor-582 .elementor-element.elementor-element-502b0a9b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-582 .elementor-element.elementor-element-502b0a9b.elementor-element{--align-self:center;}.elementor-582 .elementor-element.elementor-element-502b0a9b .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:78px;font-weight:300;text-transform:uppercase;letter-spacing:1px;color:#EDEDED;}.elementor-582 .elementor-element.elementor-element-139eeda{margin:18px 18px calc(var(--kit-widget-spacing, 0px) + 18px) 18px;text-align:center;}.elementor-582 .elementor-element.elementor-element-139eeda .elementor-heading-title{font-size:15px;font-weight:400;line-height:1.6em;color:#ffffff;}.elementor-582 .elementor-element.elementor-element-7f21fda{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-582 .elementor-element.elementor-element-7f21fda.e-con{--align-self:center;}.elementor-582 .elementor-element.elementor-element-e1086c1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-582 .elementor-element.elementor-element-7d46a36{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-582 .elementor-element.elementor-element-5261b25{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:6px;--margin-bottom:6px;--margin-left:6px;--margin-right:6px;}.elementor-582 .elementor-element.elementor-element-9ce21e5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-582 .elementor-element.elementor-element-432ad54{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-582 .elementor-element.elementor-element-86f0dc9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-582 .elementor-element.elementor-element-86f0dc9:not(.elementor-motion-effects-element-type-background), .elementor-582 .elementor-element.elementor-element-86f0dc9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://metalfestgame.com/wp-content/uploads/2025/12/fond-horloge.png");background-position:center right;background-repeat:no-repeat;background-size:cover;}.elementor-582 .elementor-element.elementor-element-6c1b490{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-582 .elementor-element.elementor-element-75ccf13{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-582 .elementor-element.elementor-element-c138655{text-align:center;}.elementor-582 .elementor-element.elementor-element-c138655 .elementor-heading-title{font-family:var( --e-global-typography-f99da56-font-family ), Sans-serif;font-weight:var( --e-global-typography-f99da56-font-weight );letter-spacing:var( --e-global-typography-f99da56-letter-spacing );word-spacing:var( --e-global-typography-f99da56-word-spacing );text-shadow:0px 0px 10px #000000;color:#F5F5F5;}.elementor-582 .elementor-element.elementor-element-f598a9c{text-align:center;font-family:var( --e-global-typography-237edf9-font-family ), Sans-serif;font-size:var( --e-global-typography-237edf9-font-size );font-weight:var( --e-global-typography-237edf9-font-weight );line-height:var( --e-global-typography-237edf9-line-height );letter-spacing:var( --e-global-typography-237edf9-letter-spacing );word-spacing:var( --e-global-typography-237edf9-word-spacing );text-shadow:0px 0px 10px #000000;color:#F2F2EE;}.elementor-582 .elementor-element.elementor-element-f598a9c p{margin-block-end:35px;}.elementor-582 .elementor-element.elementor-element-d9284df{--display:flex;}.elementor-582 .elementor-element.elementor-element-227fa87{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-582 .elementor-element.elementor-element-227fa87.elementor-element{--align-self:center;}.elementor-582 .elementor-element.elementor-element-227fa87 .elementor-swiper-button.elementor-swiper-button-prev, .elementor-582 .elementor-element.elementor-element-227fa87 .elementor-swiper-button.elementor-swiper-button-next{font-size:0px;}.elementor-582 .elementor-element.elementor-element-227fa87 .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:5px;--swiper-pagination-bullet-vertical-gap:5px;width:5px;height:5px;}.elementor-582 .elementor-element.elementor-element-227fa87 .swiper-wrapper{display:flex;align-items:center;}.elementor-582 .elementor-element.elementor-element-227fa87 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-style:none;border-radius:-239px -239px -239px -239px;}.elementor-582 .elementor-element.elementor-element-069ea5d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-582 .elementor-element.elementor-element-dc3061b{text-align:center;}.elementor-582 .elementor-element.elementor-element-dc3061b .elementor-heading-title{font-family:"squealer", Sans-serif;font-weight:600;letter-spacing:2.2px;word-spacing:0px;color:#F5F5F5;}.elementor-582 .elementor-element.elementor-element-b451302{text-align:center;font-family:var( --e-global-typography-237edf9-font-family ), Sans-serif;font-size:var( --e-global-typography-237edf9-font-size );font-weight:var( --e-global-typography-237edf9-font-weight );line-height:var( --e-global-typography-237edf9-line-height );letter-spacing:var( --e-global-typography-237edf9-letter-spacing );word-spacing:var( --e-global-typography-237edf9-word-spacing );color:#F5F5F5;}.elementor-582 .elementor-element.elementor-element-46cbb87{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-582 .elementor-element.elementor-element-8d30e16{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-582 .elementor-element.elementor-element-a44b7e9{--display:flex;}body.elementor-page-582:not(.elementor-motion-effects-element-type-background), body.elementor-page-582 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}@media(max-width:1024px){.elementor-582 .elementor-element.elementor-element-c138655 .elementor-heading-title{letter-spacing:var( --e-global-typography-f99da56-letter-spacing );word-spacing:var( --e-global-typography-f99da56-word-spacing );}.elementor-582 .elementor-element.elementor-element-f598a9c{font-size:var( --e-global-typography-237edf9-font-size );line-height:var( --e-global-typography-237edf9-line-height );letter-spacing:var( --e-global-typography-237edf9-letter-spacing );word-spacing:var( --e-global-typography-237edf9-word-spacing );}.elementor-582 .elementor-element.elementor-element-b451302{font-size:var( --e-global-typography-237edf9-font-size );line-height:var( --e-global-typography-237edf9-line-height );letter-spacing:var( --e-global-typography-237edf9-letter-spacing );word-spacing:var( --e-global-typography-237edf9-word-spacing );}}@media(min-width:768px){.elementor-582 .elementor-element.elementor-element-7d46a36{--width:25%;}.elementor-582 .elementor-element.elementor-element-5261b25{--width:25%;}.elementor-582 .elementor-element.elementor-element-9ce21e5{--width:25%;}.elementor-582 .elementor-element.elementor-element-432ad54{--width:25%;}.elementor-582 .elementor-element.elementor-element-6c1b490{--width:50%;}.elementor-582 .elementor-element.elementor-element-75ccf13{--width:50%;}}@media(min-width:1025px){.elementor-582 .elementor-element.elementor-element-86f0dc9:not(.elementor-motion-effects-element-type-background), .elementor-582 .elementor-element.elementor-element-86f0dc9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}@media(max-width:767px){.elementor-582 .elementor-element.elementor-element-4045895{--width:1600px;--margin-top:6px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-582 .elementor-element.elementor-element-41ac880{margin:-11px 0px calc(var(--kit-widget-spacing, 0px) + -4px) 0px;padding:-17px 0px 0px 0px;text-align:center;}.elementor-582 .elementor-element.elementor-element-41ac880.elementor-element{--align-self:center;}.elementor-582 .elementor-element.elementor-element-41ac880 img{width:100%;max-width:100%;height:192px;object-fit:contain;object-position:center center;}.elementor-582 .elementor-element.elementor-element-6f0d04af > .elementor-shape-top svg{height:27px;}.elementor-582 .elementor-element.elementor-element-6f0d04af{margin-top:-6px;margin-bottom:-11px;padding:132px 0px 30px 0px;}.elementor-582 .elementor-element.elementor-element-244d4ada{width:100%;}.elementor-582 .elementor-element.elementor-element-20db6d4 .elementor-heading-title{font-size:35px;}.elementor-582 .elementor-element.elementor-element-502b0a9b .elementor-heading-title{font-size:35px;}.elementor-582 .elementor-element.elementor-element-c138655 .elementor-heading-title{letter-spacing:var( --e-global-typography-f99da56-letter-spacing );word-spacing:var( --e-global-typography-f99da56-word-spacing );}.elementor-582 .elementor-element.elementor-element-f598a9c{font-size:var( --e-global-typography-237edf9-font-size );line-height:var( --e-global-typography-237edf9-line-height );letter-spacing:var( --e-global-typography-237edf9-letter-spacing );word-spacing:var( --e-global-typography-237edf9-word-spacing );}.elementor-582 .elementor-element.elementor-element-b451302{font-size:var( --e-global-typography-237edf9-font-size );line-height:var( --e-global-typography-237edf9-line-height );letter-spacing:var( --e-global-typography-237edf9-letter-spacing );word-spacing:var( --e-global-typography-237edf9-word-spacing );}}/* Start custom CSS for container, class: .elementor-element-7f21fda */<a class="fmf-png-btn" href="https://metalfestgame.com/index.php/en-cours-de-construction">
  <img class="base" src="https://metalfestgame.com/wp-content/uploads/2025/12/Bouton-preco-skull.png" alt="Bouton">
  <img class="hover" src="https://metalfestgame.com/wp-content/uploads/2025/12/Bouton-preco-skull-hover.png" alt="">
</a>

<style>
  .fmf-png-btn{
    position: relative;
    display: inline-block;
    line-height: 0;
    cursor: pointer;
    max-width: 300px;
    -webkit-tap-highlight-color: transparent;
  }

  .fmf-png-btn img{
    display:block;
    width:100%;
    height:auto;
  }

  .fmf-png-btn .hover{
    position:absolute;
    inset:0;
    opacity:0;
    transition:opacity .2s ease;
    pointer-events:none;
  }

  /* Desktop */
  .fmf-png-btn:hover .hover{
    opacity:1;
  }

  /* Mobile (class ajoutée en JS) */
  .fmf-png-btn.is-active .hover{
    opacity:1;
  }
</style>

<script>
(function(){
  const isTouch = 'ontouchstart' in window || navigator.maxTouchPoints > 0;

  if(!isTouch) return;

  document.querySelectorAll('.fmf-png-btn').forEach(btn => {
    let armed = false;

    btn.addEventListener('click', function(e){
      if(!armed){
        e.preventDefault();               // 1er tap : pas de navigation
        btn.classList.add('is-active');   // affiche le hover
        armed = true;

        // Sécurité : retire l'effet après 1,5s
        setTimeout(() => {
          btn.classList.remove('is-active');
          armed = false;
        }, 1500);
      }
      // 2e tap = navigation normale
    });
  });
})();
</script>/* End custom CSS */
/* Start custom CSS *//* =========================
   FMF ICONS (PROPRE)
   - Desktop: glow radial + tooltip hover
   - Mobile: glow fiable via drop-shadow
   ========================= */

/* Wrapper */
.fmf-icon{
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  vertical-align: middle;
  isolation: isolate;
}

/* Image */
.fmf-icon img{
  display: block;
  height: auto;
}

/* ---- DESKTOP (>=769px) ---- */
@media (min-width: 769px){

  /* Glow radial derrière */
  .fmf-icon::before{
    content:"";
    position:absolute;
    inset:-16px;
    border-radius:18px;
    background: radial-gradient(circle, rgba(255,106,0,.55) 0%, rgba(255,106,0,0) 65%);
    filter: blur(10px);
    opacity: .9;
    z-index: -1;
    pointer-events:none;
    transition: opacity .25s ease, transform .25s ease;
  }

  /* Hover léger */
  .fmf-icon:hover::before{ opacity: 1; transform: scale(1.05); }
  .fmf-icon:hover img{
    transform: translateY(-2px) scale(1.06);
    transition: transform .2s ease;
    filter: drop-shadow(0 0 10px rgba(255,106,0,.65));
  }

  /* Tooltip (desktop only) */
  .fmf-icon::after{
    content: "";
    position: absolute;
    left: 50%;
    bottom: calc(100% + 14px);
    transform: translateX(-50%) translateY(6px);
    background: rgba(0,0,0,.92);
    color: #fff;
    padding: 10px 12px;
    border-radius: 12px;
    font-size: 14px;
    line-height: 1.25;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    z-index: 10;
    border: 1px solid rgba(255,106,0,.55);
    box-shadow: 0 0 18px rgba(255,106,0,.25);
    transition: opacity .2s ease, transform .2s ease;
  }
  .fmf-icon:hover::after{ opacity: 1; transform: translateX(-50%) translateY(0); }

  /* Textes tooltips */
  .fmf-icon.tip-joueurs::after{ content:"👥 2 à 6 joueurs — idéal apéro / chaos"; }
  .fmf-icon.tip-duree::after{ content:"⏱️ 30 à 45 min — rapide, nerveux"; }
  .fmf-icon.tip-cartes::after{ content:"🎴 Jeu de cartes — stratégie + coups bas"; }
  .fmf-icon.tip-metal::after{ content:"🤘 100% metal — festival, humour, sabotage"; }
}

/* ---- MOBILE (<=768px) ---- */
@media (max-width: 768px){

  /* Pas de radial (évite les bugs) */
  .fmf-icon::before,
  .fmf-icon::after{ display:none; content:none; }

  /* Glow fiable */
  .fmf-icon img{
    filter:
      drop-shadow(0 0 10px rgba(255,106,0,.70))
      drop-shadow(0 0 18px rgba(255,106,0,.45))
      drop-shadow(0 0 28px rgba(255,106,0,.25));
  }

  /* Centrage si parent pas clean */
  .fmf-icon{ margin-left:auto; margin-right:auto; }
}
/* ===== FMF POPUP MOBILE (clic) ===== */
.fmf-popup{
  position: absolute;
  left: 50%;
  bottom: calc(100% + 14px);
  transform: translateX(-50%);
  background: rgba(0,0,0,.95);
  color: #fff;
  padding: 12px 14px;
  border-radius: 14px;
  font-size: 14px;
  line-height: 1.3;
  border: 1px solid rgba(255,106,0,.6);
  box-shadow: 0 0 20px rgba(255,106,0,.35);
  z-index: 9999;
  white-space: nowrap;
}

@media (max-width:768px){
  .fmf-popup{
    white-space: normal;
    max-width: 240px;
    text-align: center;
  }
}

/* Important : éviter que Elementor coupe la bulle */
.fmf-icon,
.fmf-icon *{
  overflow: visible !important;
}/* End custom CSS */