.elementor-kit-97{--e-global-color-primary:#0B9CD9;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-b569dd4:#CCCCCC;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-f99da56-font-family:"squealer";--e-global-typography-f99da56-font-weight:600;--e-global-typography-f99da56-letter-spacing:2.2px;--e-global-typography-f99da56-word-spacing:0px;--e-global-typography-a14fa54-font-family:"Roboto";--e-global-typography-a14fa54-font-weight:400;--e-global-typography-c0db784-font-size:80px;--e-global-typography-c0db784-font-weight:bold;--e-global-typography-c0db784-text-transform:uppercase;--e-global-typography-c0db784-letter-spacing:1px;--e-global-typography-a21f6e2-font-family:"Roboto";--e-global-typography-a21f6e2-font-size:25px;--e-global-typography-a21f6e2-font-weight:400;--e-global-typography-a21f6e2-line-height:30px;--e-global-typography-a21f6e2-letter-spacing:0px;--e-global-typography-a21f6e2-word-spacing:2px;--e-global-typography-237edf9-font-family:"Fjalla One";--e-global-typography-237edf9-font-size:24px;--e-global-typography-237edf9-font-weight:400;--e-global-typography-237edf9-line-height:30px;--e-global-typography-237edf9-letter-spacing:0px;--e-global-typography-237edf9-word-spacing:3px;--e-global-typography-ebc21c9-font-family:"squealer";--e-global-typography-ebc21c9-font-weight:600;--e-global-typography-ebc21c9-letter-spacing:2.2px;--e-global-typography-ebc21c9-word-spacing:0px;color:#EDD4AA;font-family:"Roboto", Sans-serif;font-size:17px;font-weight:400;line-height:1.6px;}.elementor-kit-97 e-page-transition{background-color:#FFBC7D;}.elementor-kit-97 a{color:#EDD4AA;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;gap:0px;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-97{--e-global-typography-c0db784-font-size:35px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//*************************************************
 * 1. TEXTE DU MENU (desktop + mobile)
 *************************************************/

/* Style de base des liens du menu (widget Menu WordPress dans Elementor) */
.elementor-widget-wp-widget-nav_menu li a {
    color: #ffffff; /* texte blanc */
    text-shadow: 0 0 6px #ff6a00, 0 0 12px #ff6a00; /* glow orange métal */
    font-weight: 700;
    letter-spacing: 0.5px;
    transition: 0.2s ease-in-out;
    text-transform: uppercase;
}

/* Effet au survol sur les liens du menu */
.elementor-widget-wp-widget-nav_menu li a:hover {
    color: #ff6a00 !important; /* orange feu */
    text-shadow: 0 0 10px #ff6a00, 0 0 20px #ff9a00; /* glow plus fort */
}

/*************************************************
 * 2. ICÔNE BURGER (mobile / tablette)
 *************************************************/

/* On applique ces styles seulement en mode mobile/tablette */
@media (max-width: 1024px) {

  /* Cible large : tout ce qui peut être l'icône du burger
     dans le widget Menu WordPress (bouton, svg, icône, span, etc.) */
  .elementor-widget-wp-widget-nav_menu button,
  .elementor-widget-wp-widget-nav_menu button *,
  .elementor-widget-wp-widget-nav_menu .menu-toggle,
  .elementor-widget-wp-widget-nav_menu .elementor-menu-toggle,
  .elementor-widget-wp-widget-nav_menu .elementor-menu-toggle *,
  .elementor-widget-wp-widget-nav_menu i,
  .elementor-widget-wp-widget-nav_menu svg,
  .elementor-widget-wp-widget-nav_menu span[class*="menu"],
  .elementor-widget-wp-widget-nav_menu span[class*="toggle"] {
      color: #ffffff !important;      /* couleur des 3 barres (si font/icône) */
      fill: #ffffff !important;       /* couleur si c'est un SVG */
      stroke: #ffffff !important;     /* au cas où ce soit un trait SVG */
      text-shadow: 0 0 6px #ff6a00, 0 0 12px #ff6a00; /* glow métal */
      font-size: 28px;
      transition: 0.2s ease-in-out;
  }

  /* Effet au survol du burger (sur tablette / pointeur) */
  .elementor-widget-wp-widget-nav_menu button:hover,
  .elementor-widget-wp-widget-nav_menu button:hover *,
  .elementor-widget-wp-widget-nav_menu .menu-toggle:hover,
  .elementor-widget-wp-widget-nav_menu .elementor-menu-toggle:hover,
  .elementor-widget-wp-widget-nav_menu .elementor-menu-toggle:hover *,
  .elementor-widget-wp-widget-nav_menu i:hover,
  .elementor-widget-wp-widget-nav_menu svg:hover,
  .elementor-widget-wp-widget-nav_menu span[class*="menu"]:hover,
  .elementor-widget-wp-widget-nav_menu span[class*="toggle"]:hover {
      color: #ff6a00 !important;
      fill: #ff6a00 !important;
      stroke: #ff6a00 !important;
      text-shadow: 0 0 10px #ff6a00, 0 0 20px #ff9a00;
  }
}
/* FMF – box clic mobile : plus larges et lisibles */
@media (max-width: 768px){

  .fmf-box,
  .fmf-popup{
    max-width: 90vw;
    min-width: 260px;
    padding: 14px 16px;
    font-size: 15px;
    line-height: 1.35;
  }

}
/* ===== FMF – Carrousel cartes (style) ===== */
.fmf-card-carousel .swiper{
  padding: 14px 0 30px;
}

.fmf-card-carousel .swiper-slide{
  display:flex;
  justify-content:center;
}

.fmf-card-carousel img{
  border-radius: 18px;
  border: 1px solid rgba(255,106,0,.35);
  box-shadow: 0 10px 30px rgba(0,0,0,.55);
  transition: transform .18s ease, filter .18s ease;
}

@media (min-width: 769px){
  .fmf-card-carousel img:hover{
    transform: translateY(-4px) scale(1.03);
    filter: drop-shadow(0 0 14px rgba(255,106,0,.35));
  }
}

/* Flèches */
.fmf-card-carousel .elementor-swiper-button{
  width: 44px;
  height: 44px;
  border-radius: 999px;
  background: rgba(0,0,0,.65);
  border: 1px solid rgba(255,106,0,.55);
  backdrop-filter: blur(6px);
}

.fmf-card-carousel .elementor-swiper-button i{
  color: #f5f5f5;
  text-shadow: 0 0 12px rgba(255,106,0,.35);
}

/* Points */
.fmf-card-carousel .swiper-pagination-bullet{
  background: rgba(255,255,255,.35);
  opacity: 1;
}
.fmf-card-carousel .swiper-pagination-bullet-active{
  background: #ff6a00;
}
/* FMF – Carousel : ne coupe pas les cartes (affiche l'image entière) */
.fmf-card-carousel .swiper-slide img{
  width: 100%;
  height: auto !important;
  object-fit: contain !important;
}
.fmf-card-carousel .swiper-slide{
  height: auto !important;
}

.fmf-card-carousel .elementor-image-carousel-wrapper,
.fmf-card-carousel .swiper-wrapper{
  align-items: center;
}
/* limite la hauteur des cartes pour une taille cohérente */
.fmf-card-carousel .swiper-slide img{
  max-height: 360px;
}
@media (max-width:768px){
  .fmf-card-carousel .swiper-slide img{
    max-height: 420px;
  }
}/* ===== FMF – FIX CROP CARRE Elementor (force affichage complet) ===== */
.fmf-card-carousel .swiper-slide,
.fmf-card-carousel .swiper-slide-inner,
.fmf-card-carousel .elementor-carousel-image,
.fmf-card-carousel .elementor-image-carousel-wrapper{
  height: auto !important;
}

.fmf-card-carousel .elementor-carousel-image{
  padding-top: 0 !important;     /* supprime le ratio carré */
  aspect-ratio: auto !important; /* au cas où */
  background: none !important;
}

.fmf-card-carousel .elementor-carousel-image img{
  position: static !important;   /* annule le position absolute utilisé pour crop */
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'squealer';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('http://metalfestgame.com/wp-content/uploads/2025/12/Squealer.woff2') format('woff2'),
		url('http://metalfestgame.com/wp-content/uploads/2025/12/Squealer.woff') format('woff'),
		url('http://metalfestgame.com/wp-content/uploads/2025/12/Squealer.ttf') format('truetype');
}
/* End Custom Fonts CSS */