/*
Theme Name: Divi Child
Template: Divi
Description: Thème enfant pour Divi
Author: Any Communication
Author URI: https://any-communication.com
Version: 1.4.1
*/
@import url("../Divi/style.css");

/***

GLOBAL

***/

body {
  background: radial-gradient(
      circle at 20% 30%,
      rgba(227, 44, 44, 0.25),
      transparent 60%
    ),
    radial-gradient(
      circle at 80% 70%,
      rgba(245, 166, 35, 0.25),
      transparent 60%
    ),
    linear-gradient(135deg, #0e0e0e, #1a1a1a);
  background-attachment: fixed;
}

.et_pb_section,
.et_pb_section_0,
.et_section_regular {
  padding: 0;
}

.et_pb_text_inner ol li li {
  margin-bottom: 0.5em;
}

.row-vcenter {
  display: flex;
  align-items: center;
}

/*PERSONNALISER LE BOUTON DE RETOUR EN HAUT DE PAGE*/

/*Opacité du bouton et effets d'animation (pour tous les navigateurs)*/
.et_pb_scroll_top.et-visible {
  opacity: 1;
  -webkit-animation: fadeInBottom 1s;
  -moz-animation: fadeInBottom 1s;
  -o-animation: fadeInBottom 1s;
  animation: fadeInBottom 1s;
}

/*Positionnement et couleur du bouton*/
.et_pb_scroll_top.et-pb-icon {
  right: calc(
    50% - 25px
  ); /*distance du bouton par rapport à la droite de la fenêtre*/
  bottom: 50px; /*distance du bouton par rapport au bas de la fenêtre*/
  overflow: hidden;
  isolation: isolate;
  border-radius: 25px; /*Propriété permettant d'arrondir le bouton, supprimez la si vous voulez un bouton carré*/
  border: 2px solid rgba(255, 255, 255, 0.363);
  box-shadow: 2px 0 18px 0 rgba(0, 0, 0, 0.3);
  background: transparent !important;
}

/* Couche verre (blur + distorsion + voile), on n'utilise PAS ::before pour ne pas écraser l'icône */
.et_pb_scroll_top.et-pb-icon::after {
  content: "";
  position: absolute;
  inset: -95%;
  pointer-events: none;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  filter: url(#de-glass-distortion);
  background: rgba(255, 255, 255, 0.25);
  box-shadow: inset 2px 2px 1px rgba(255, 255, 255, 0.5),
    inset -1px -1px 1px rgba(255, 255, 255, 0.5);
  border-radius: inherit;
  z-index: 0;
}

/*Choix de l'icone et couleur de celui-ci*/
.et_pb_scroll_top:before {
  position: relative;
  z-index: 1;
  content: "\36"; /* icone provenant des icones de bases de Divi*/
  color: #fff; /*couleur de l'icône*/
}

/* Classe personnalisée : .liquid-glass */
/* 
1) Base wrapper 
- Creates a positioned container that clips overflow. 
- All visual effects will be applied within this boundary.
*/
.de-liquidGlass-wrapper,
.cky-btn-revisit-wrapper {
  position: relative;
  overflow: hidden;
}

/* 
2) Distortion + Blur Layer (Pseudo-element ::before)
- Applies a blurred distortion effect using an SVG filter. 
- Positioned to extend well beyond the wrapper to ensure full coverage, even on scroll.
- `isolation: isolate` ensures the blend effects are contained.
- `pointer-events: none` ensures the layer doesn't block clicks.
*/
.de-liquidGlass-wrapper::before,
.cky-btn-revisit-wrapper::before,
.cky-btn-revisit-wrapper:hover::before {
  content: "" !important;
  position: absolute !important;
  inset: -50% !important; /* Expands the element outward in all directions */
  pointer-events: none !important;
  isolation: isolate !important;
  -webkit-backdrop-filter: blur(3px) !important; /* Safari support */
  backdrop-filter: blur(3px) !important; /* Applies the blur effect */
  filter: url(#de-glass-distortion) !important; /* SVG filter ID for distortion effect */
}

/* 
3) Tint + Shine Layer (Pseudo-element ::after)
- Adds a semi-transparent white overlay for a frosted/tinted look.
- Inner shadows simulate light reflection and glass highlights.
- Also does not block mouse interaction.
*/
.de-liquidglass-wrapper::after,
.cky-btn-revisit-wrapper::after,
.cky-btn-revisit-wrapper:hover:: {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background: rgba(255, 255, 255, 0.25) !important; /* Soft white tint */
  box-shadow: inset 2px 2px 1px rgba(255, 255, 255, 0.5),
    /* Top-left highlight */ inset -1px -1px 1px rgba(255, 255, 255, 0.5) !important; /* Bottom-right highlight */
  display: block !important;
  border: none !important;
  padding: 0 !important;
  width: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* 
4) Content Layer
- Ensures any content (Divi modules and columns) within the wrapper
  is rendered above the visual glass effect.
- This prevents the content from being blurred or distorted.
*/
.de-liquidGlass-wrapper .et_pb_column,
.de-liquidGlass-wrapper .et_pb_column .et_pb_module {
  position: relative;
  z-index: 1;
}

/* Masquer le label/tooltip qui s'affiche au survol du bouton CookieYes */
.cky-btn-revisit-wrapper .cky-revisit-text {
  display: none !important;
}