.elementor-kit-5{--e-global-color-primary:#E62154;--e-global-color-secondary:#12AA96;--e-global-color-text:#FFFFFF;--e-global-color-accent:#12AA96;--e-global-typography-primary-font-family:"Roboto Slab";--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;font-family:"Kanit", Sans-serif;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 a{color:var( --e-global-color-text );}.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);}@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-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */body {
  background: linear-gradient(
    120deg,
    #150D1F 0%,       /* base sombre */
    #1A1125 35%,      /* très proche, légèrement plus bleuté */
    #130A1B 65%,      /* légèrement plus profond côté violet */
    #150D1F 100%      /* retour à la base */
  );
  background-size: 300% 300%;
  animation: gradientShift 25s ease-in-out infinite;
}

@keyframes gradientShift {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* effects buttons */

.buy-now {
  border-radius: 8px;
  box-shadow: 0 0 16px rgba(255, 60, 56, 0.4);
  transition: all 0.25s ease-in-out;
}

.buy-now:hover {
  transform: scale(1.05);
  box-shadow: 0 0 24px rgba(255, 60, 56, 0.6);
}

.more-infos {
  border-radius: 8px;
  box-shadow: 0 0 16px rgba(11, 124, 120, 0.4);
  transition: all 0.25s ease-in-out;
}

.more-infos:hover {
  transform: scale(1.05);
  box-shadow: 0 0 24px rgba(11, 124, 120, 0.6);
}

.more-infos:focus {
  outline: none;
}

.sold-out {
  border-radius: 8px;
  box-shadow: 0 0 16px rgba(100, 100, 100, 0.4);
  transition: all 0.25s ease-in-out;
}

.sold-out:hover {
  transform: scale(1.05);
  box-shadow: 0 0 24px rgba(150, 150, 150, 0.6);
}

.sold-out:focus {
  outline: none;
}

.in-the-forge {
  border-radius: 8px;
    box-shadow: 0 0 24px rgba(255, 186, 135, 0.2);
  transition: all 0.25s ease-in-out;
}

.in-the-forge:hover {
  transform: scale(1.05);
  box-shadow: 0 0 20px rgba(255, 186, 135, 0.35);
}

.in-the-forge:focus {
  outline: none;
}

/* pour les box d'infos en survolant des mots */

.nano-tooltip {
  position: relative;
  cursor: help;
  font-weight: 600;
  text-decoration: underline;
}

.nano-tooltip::after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: 125%;
  left: 0;
  background-color: #000;
  color: #fff;
  padding: 6px 10px;
  border-radius: 4px;
  font-size: 12px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transform: translateY(5px);
  transition: all 0.2s ease;
  z-index: 9999;
  max-width: 80vw; /* empêche de dépasser l’écran */
  min-width: 200px;         /* ✅ ajouté */
  word-break: normal;       /* ✅ évite les coupures */
  white-space: normal; /* autorise le retour à la ligne */
  box-sizing: border-box;
}

.nano-tooltip:hover::after {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */