/*
	Theme Name: Hello Elementor child
    template: hello-elementor
	Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
	Description: A plain-vanilla & lightweight theme for Elementor page builder
	Author: Elementor Team
	Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
	Version: 2.4.2
	Stable tag: 2.4.2
	Requires at least: 4.7
	Tested up to: 5.9
	Requires PHP: 5.6
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-elementor
	Tags: flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready
*/
.half-blur-right {
  position: relative;
  overflow: hidden;
}

.half-blur-right::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 60%;   /* un peu plus que la moitié pour la transition */
  height: 100%;
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(10px);
	border-radius: inherit;
  /* Masque dégradé pour une transition douce */
  -webkit-mask-image: linear-gradient(to left, rgba(0,0,0,1) 40%, rgba(0,0,0,0) 50%);
  -webkit-mask-repeat: no-repeat;

  mask-image: linear-gradient(to left, rgba(0,0,0,1) 80%, rgba(0,0,0,0) 100%);
  mask-repeat: no-repeat;
  mask-size: 100% 100%;

  background: rgba(255,255,255,0.001); /* nécessaire pour activer le filtre */
  pointer-events: none;
  z-index: 0;
}

.half-blur-right > * {
  position: relative;
  z-index: 2;
}
.half-blur-diagonal {
  position: relative;
  overflow: hidden;
}

.half-blur-diagonal::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
 border-radius: inherit;
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(5px);

  /* Masque dégradé en diagonale (du bas droite vers haut gauche) */
  -webkit-mask-image: linear-gradient(
    to top left, 
    rgba(0,0,0,1) 40%, 
    rgba(0,0,0,0) 70%
  );
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: cover;

  mask-image: linear-gradient(
    to top left, 
    rgba(0,0,0,1) 40%, 
    rgba(0,0,0,0) 70%
  );
  mask-repeat: no-repeat;
  mask-size: cover;

  background: rgba(255,255,255,0.001); /* nécessaire pour activer le filtre */
  pointer-events: none;
  z-index: 1;
}

.half-blur-diagonal > * {
  position: relative;
  z-index: 2;
}