/* CSS personnalisé Cekonay */

:root {
    --header-bg: #fef3e9;       /* fond clair */
    --menu-link: #4f5362;       /* texte clair */
}

html.cekonay-dark-mode,
body.cekonay-dark-mode {
    --header-bg: #191c21;   /* fond sombre */
    --menu-link: #a3b2f6;   /* texte sombre */
}
html.cekonay-dark-mode .et-db #et-boc .et-l :is(.et_pb_menu_0_tb_header,.et_pb_menu_1_tb_header).et_pb_menu .et_mobile_menu,
html.cekonay-dark-mode .et-db #et-boc .et-l :is(.et_pb_menu_0_tb_header,.et_pb_menu_1_tb_header).et_pb_menu .et_mobile_menu ul,
body.cekonay-dark-mode .et-db #et-boc .et-l :is(.et_pb_menu_0_tb_header,.et_pb_menu_1_tb_header).et_pb_menu .et_mobile_menu,
body.cekonay-dark-mode .et-db #et-boc .et-l :is(.et_pb_menu_0_tb_header,.et_pb_menu_1_tb_header).et_pb_menu .et_mobile_menu ul {
    background-color: #4d334c !important;
}

/* Fond du header */
.header_cekonay {
    background-color: var(--header-bg) !important;
}

/* Liens du menu ciblés */
.link_header_cekonay a {
    color: var(--menu-link) !important;
}

/*mode sombre header*/
.et-l--header > .et_builder_inner_content > .et_pb_section:is(.et_pb_section_0_tb_header,.et_pb_section_1_tb_header) {
  background-color: #fef3e9 !important;
}

.et-l--header > .et_builder_inner_content > .et_pb_section:is(.et_pb_section_0_tb_header,.et_pb_section_1_tb_header) {
  background-color: var(--header-bg, #fef3e9) !important;
}

/* Animation légère d'image de fond (alternative vidéo) */
.cekonay-bg-motion,
.et_pb_section.cekonay-bg-motion,
.et_pb_fullwidth_header.cekonay-bg-motion {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate;
}

/* Si la classe alternative est active, on masque l'overlay vidéo injecté */
.cekonay-bg-motion .video-background-container {
  display: none !important;
}

.cekonay-bg-motion::before,
.et_pb_section.cekonay-bg-motion::before,
.et_pb_fullwidth_header.cekonay-bg-motion::before {
  content: "";
  position: absolute;
  inset: -6% -8%;
  background-image: inherit;
  background-repeat: no-repeat;
  background-position: center 100px;
  background-size: cover;
  transform: translate3d(-3%, 0, 0) scale(1.12);
  transform-origin: center center;
  animation: cekonay-bg-pan-x 20s ease-in-out infinite alternate;
  will-change: transform;
  pointer-events: none;
  z-index: 0;
}

.cekonay-bg-motion.cekonay-bg-motion-reverse::before,
.et_pb_section.cekonay-bg-motion.cekonay-bg-motion-reverse::before,
.et_pb_fullwidth_header.cekonay-bg-motion.cekonay-bg-motion-reverse::before {
  animation-name: cekonay-bg-pan-x-reverse;
}

.cekonay-bg-motion > *,
.et_pb_section.cekonay-bg-motion > *,
.et_pb_fullwidth_header.cekonay-bg-motion > * {
  position: relative;
  z-index: 1;
}

@keyframes cekonay-bg-pan-x {
  0% {
    transform: translate3d(-3%, 0, 0) scale(1.12);
  }
  100% {
    transform: translate3d(3%, 0, 0) scale(1.12);
  }
}

@keyframes cekonay-bg-pan-x-reverse {
  0% {
    transform: translate3d(3%, 0, 0) scale(1.12);
  }
  100% {
    transform: translate3d(-3%, 0, 0) scale(1.12);
  }
}

@media (min-width: 771px) and (max-width: 980px) {
  .cekonay-bg-motion::before,
  .et_pb_section.cekonay-bg-motion::before,
  .et_pb_fullwidth_header.cekonay-bg-motion::before {
    inset: -3% -10%;
    animation-duration: 20s;
  }
}

@media (min-width: 1185px) and (max-width: 1525px) {
  .cekonay-bg-motion::before,
  .et_pb_section.cekonay-bg-motion::before,
  .et_pb_fullwidth_header.cekonay-bg-motion::before {
    inset: 5% 3%;
    animation-duration: 20s;
  }
}

@media (min-width: 1647px) {
  .cekonay-bg-motion::before,
  .et_pb_section.cekonay-bg-motion::before,
  .et_pb_fullwidth_header.cekonay-bg-motion::before {
    inset: 6% 15%;
    animation-duration: 20s;
  }
}

@media (max-width: 770px) {
  .cekonay-bg-motion::before,
  .et_pb_section.cekonay-bg-motion::before,
  .et_pb_fullwidth_header.cekonay-bg-motion::before {
    content: none;
    animation: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cekonay-bg-motion::before,
  .et_pb_section.cekonay-bg-motion::before,
  .et_pb_fullwidth_header.cekonay-bg-motion::before {
    animation: none;
    transform: scale(1.08);
  }
}