.elementor-8940 .elementor-element.elementor-element-8caad7e{--display:flex;--min-height:45vh;--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:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:1;}.elementor-8940 .elementor-element.elementor-element-8caad7e:not(.elementor-motion-effects-element-type-background), .elementor-8940 .elementor-element.elementor-element-8caad7e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://actiumgmp.com/wp-content/uploads/2025/11/AdobeStock_401627728-scaled.jpeg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-8940 .elementor-element.elementor-element-8caad7e::before, .elementor-8940 .elementor-element.elementor-element-8caad7e > .elementor-background-video-container::before, .elementor-8940 .elementor-element.elementor-element-8caad7e > .e-con-inner > .elementor-background-video-container::before, .elementor-8940 .elementor-element.elementor-element-8caad7e > .elementor-background-slideshow::before, .elementor-8940 .elementor-element.elementor-element-8caad7e > .e-con-inner > .elementor-background-slideshow::before, .elementor-8940 .elementor-element.elementor-element-8caad7e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#00000073;--background-overlay:'';}.elementor-8940 .elementor-element.elementor-element-5ae088f{font-family:"Montserrat", Sans-serif;font-size:0.95rem;color:#FFFFFF;}.elementor-8940 .elementor-element.elementor-element-5ae088f a{color:#FFFFFFCC;}.elementor-8940 .elementor-element.elementor-element-5ae088f a:hover{color:#FFFFFFCC;}.elementor-8940 .elementor-element.elementor-element-31b97aa > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-8940 .elementor-element.elementor-element-31b97aa .elementor-heading-title{font-family:"Crushed", Sans-serif;font-size:3rem;color:#FFFFFF;}.elementor-8940 .elementor-element.elementor-element-c7b9e40{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:24px 24px;--row-gap:24px;--column-gap:24px;--grid-auto-flow:row;--padding-top:70px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-8940 .elementor-element.elementor-element-c7b9e40:not(.elementor-motion-effects-element-type-background), .elementor-8940 .elementor-element.elementor-element-c7b9e40 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F7F8;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-8940 .elementor-element.elementor-element-c7b9e40{--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:70px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}}@media(max-width:767px){.elementor-8940 .elementor-element.elementor-element-c7b9e40{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}}/* Start custom CSS *//* ===== FLIP CARD CONTAINER ===== */
.flip-card {
  width: 100%;
  height: 190px;
  perspective: 1000px;
  cursor: pointer;
}

@media (max-width: 767px) {
  .flip-card {
    height: 140px;
  }
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
  transform-style: preserve-3d;
}

@media (hover: hover) {
  .flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
  }
}

.flip-card.is-flipped .flip-card-inner {
  transform: rotateY(180deg);
}

/* ===== FACE AVANT & ARRIERE ===== */
.flip-card-front,
.flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 18px;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  overflow: hidden;
}

/* ===== FACE AVANT ===== */
.flip-card-front {
  background: #ffffff;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.10);
  display: flex;
  align-items: center;
}

/* Overlay degrade jaune leger */
.flip-card-front::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    120deg,
    rgba(192, 79, 21, 0.10) 0%,
    rgba(210, 100, 40, 0.04) 45%,
    rgba(255, 255, 255, 0) 100%
  );
  pointer-events: none;
  border-radius: 18px;
}

/* Zone logo — sans delimitation */
.flip-card-front .logo-area {
  width: 145px;
  min-width: 145px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

@media (max-width: 767px) {
  .flip-card-front .logo-area {
    width: 100px;
    min-width: 100px;
    padding: 14px;
  }
}

.flip-card-front .logo-area img {
  width: 90px;
  height: 90px;
  object-fit: contain;
}

@media (max-width: 767px) {
  .flip-card-front .logo-area img {
    width: 64px;
    height: 64px;
  }
}

.flip-card-front .logo-placeholder {
  width: 78px;
  height: 78px;
  border-radius: 16px;
  background: linear-gradient(135deg, #6b2808 0%, #a03c10 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 16px rgba(107, 40, 8, 0.35);
  overflow: hidden;
  font-family: 'Montserrat', sans-serif;
  font-size: 32px;
  font-weight: 700;
  color: white;
  text-transform: uppercase;
  user-select: none;
}

@media (max-width: 767px) {
  .flip-card-front .logo-placeholder {
    width: 56px;
    height: 56px;
    font-size: 24px;
  }
}

/* Separateur subtil */
.flip-card-front .separator {
  width: 1px;
  height: 60%;
  background: linear-gradient(to bottom, transparent, rgba(192, 79, 21, 0.25), transparent);
  flex-shrink: 0;
}

.flip-card-front .info {
  padding: 22px 22px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 9px;
  flex: 1;
}

@media (max-width: 767px) {
  .flip-card-front .info {
    padding: 14px 16px;
    gap: 6px;
  }
}

.flip-card-front .nom {
  font-family: 'Montserrat', serif;
  font-size: 21px;
  font-weight: 600;
  color: #2e1005;
  line-height: 1.2;
  text-transform: none !important;
}

@media (max-width: 767px) {
  .flip-card-front .nom {
    font-size: 17px;
  }
}

.flip-card-front .lieu {
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #8f3910;
  letter-spacing: 0.05em;
  display: flex;
  align-items: center;
  gap: 5px;
}

@media (max-width: 767px) {
  .flip-card-front .lieu {
    font-size: 11px;
  }
}

.flip-card-front .lieu::before {
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23a07818'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  flex-shrink: 0;
}

.flip-card-front .hint {
  font-family: 'Montserrat', sans-serif;
  position: absolute;
  bottom: 11px;
  right: 14px;
  font-size: 9px;
  color: #b04412;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  opacity: 0.45;
}

/* ===== FACE ARRIERE ===== */
.flip-card-back {
  background: linear-gradient(135deg, #6b2808 0%, #a03c10 55%, #c04f15 100%);
  transform: rotateY(180deg);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 28px 30px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
}

@media (max-width: 767px) {
  .flip-card-back {
    padding: 20px 20px;
  }
}

/* Cercles decoratifs */
.flip-card-back::before {
  content: '';
  position: absolute;
  top: -30px;
  right: -30px;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.06);
  pointer-events: none;
}

.flip-card-back::after {
  content: '';
  position: absolute;
  bottom: -20px;
  left: -20px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.04);
  pointer-events: none;
}

.flip-card-back .back-nom {
  font-family: 'Montserrat', serif;
  font-size: 16px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.95);
  letter-spacing: 0.08em;
  margin-bottom: 10px;
  text-transform: uppercase;
  position: relative;
}

@media (max-width: 767px) {
  .flip-card-back .back-nom {
    font-size: 14px;
    margin-bottom: 7px;
  }
}

.flip-card-back .divider {
  width: 30px;
  height: 1.5px;
  background: rgba(255, 255, 255, 0.45);
  margin-bottom: 12px;
  border-radius: 2px;
  position: relative;
}

@media (max-width: 767px) {
  .flip-card-back .divider {
    margin-bottom: 8px;
  }
}

.flip-card-back .description {
  font-family: 'Montserrat', sans-serif;
  font-size: 12.5px;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.88);
  line-height: 1.7;
  position: relative;
}

@media (max-width: 767px) {
  .flip-card-back .description {
    font-size: 11.5px;
    line-height: 1.6;
  }
}/* End custom CSS */