/*
Theme Name: Dixionline Theme
Theme URI: https://dixionline.com
Author: Dixionline
Theme URI: https://dixionline.com
Template: hello-elementor
Version: 1.0
*/

/*
    Add your custom styles here
*/


/*------------------GLOBAL------------------*/

/*bouton*/
.elementor-button-icon,
.elementor-button-icon path {
	    fill: #E1936B!important;
}

/*ANIMATION HERO BANNER*/
:root{ --bleu:#3d7a8d; --sauge:#9db08a; --terracotta:#e1936b; --brume:#a7c4cc; }

.ambiance{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;
  background: radial-gradient(120% 90% at 50% 8%, #fbf6ec 0%, #f3ead7 42%, #e9dad0 100%), linear-gradient(180deg,#faf4e8,#efe4d0);
}

/* halos qui respirent (statiques en position, aucune interaction souris) */
.light{position:absolute;inset:-8%}
.aura{position:absolute;border-radius:50%;filter:blur(70px);mix-blend-mode:multiply;will-change:transform,opacity}
.a1{width:60vw;height:60vw;max-width:760px;max-height:760px;top:-8%;right:-6%;
    background:radial-gradient(circle,rgba(61,122,141,.55),transparent 68%);animation:breathe1 22s ease-in-out infinite}
.a2{width:52vw;height:52vw;max-width:680px;max-height:680px;bottom:-14%;left:-10%;
    background:radial-gradient(circle,rgba(157,176,138,.5),transparent 66%);animation:breathe2 27s ease-in-out infinite}
.a3{width:34vw;height:34vw;max-width:440px;max-height:440px;top:34%;left:34%;
    background:radial-gradient(circle,rgba(225,147,107,.45),transparent 64%);animation:breathe3 19s ease-in-out infinite}
.a4{width:26vw;height:26vw;max-width:340px;max-height:340px;top:8%;left:12%;
    background:radial-gradient(circle,rgba(167,196,204,.5),transparent 66%);animation:breathe1 25s ease-in-out infinite reverse}

@keyframes breathe1{0%,100%{transform:translate(0,0) scale(1);opacity:.85}50%{transform:translate(3%,4%) scale(1.12);opacity:1}}
@keyframes breathe2{0%,100%{transform:translate(0,0) scale(1.05);opacity:.9}50%{transform:translate(-4%,-3%) scale(.94);opacity:.7}}
@keyframes breathe3{0%,100%{transform:translate(0,0) scale(1);opacity:.7}50%{transform:translate(5%,-5%) scale(1.15);opacity:.95}}

/* grain tactile */
.grain{position:absolute;inset:0;opacity:.5;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");}

/* bulles qui montent */
.bubbles{position:absolute;inset:0;overflow:hidden}
.bubble{position:absolute;bottom:-40px;border-radius:50%;opacity:0;animation:rise linear infinite;will-change:transform,opacity}
@keyframes rise{0%{transform:translateY(0) scale(.6);opacity:0}12%{opacity:.7}88%{opacity:.55}100%{transform:translateY(-96vh) scale(1);opacity:0}}

/* respect de la sensibilité au mouvement */
@media(prefers-reduced-motion:reduce){
  .aura,.bubble{animation:none!important}
  .bubbles{display:none}
}

.orb-terra{position:absolute;left:80%;top:20%;width:14px;height:14px;border-radius:50%;
  background:#e1936b;box-shadow:0 0 20px 5px rgba(225,147,107,.55);
  animation:orbfloat 7s ease-in-out infinite;z-index:1}
@keyframes orbfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}

@media(prefers-reduced-motion:reduce){ .orb-terra{animation:none} }

/*SECTION GLOW FOND DEGRADE*/
.glows{position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none;border-radius:inherit;}

.glow{position:absolute;border-radius:50%;filter:blur(70px);mix-blend-mode:screen}
.sg1{width:420px;height:420px;top:-120px;left:-60px;
  background:radial-gradient(circle,rgba(167,196,204,.6),transparent 70%);animation:dr1 20s ease-in-out infinite}
.sg2{width:360px;height:360px;bottom:-140px;right:-40px;
  background:radial-gradient(circle,rgba(225,147,107,.45),transparent 70%);animation:dr3 24s ease-in-out infinite}
.sg3{width:300px;height:300px;top:30%;right:22%;
  background:radial-gradient(circle,rgba(157,176,138,.5),transparent 70%);animation:dr2 28s ease-in-out infinite}
@keyframes dr1{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(2%,4%) scale(1.12)}}
@keyframes dr2{0%,100%{transform:translate(0,0) scale(1.05)}50%{transform:translate(4%,-3%) scale(.92)}}
@keyframes dr3{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-4%,-4%) scale(1.14)}}

@media(prefers-reduced-motion:reduce){.glow{animation:none!important}}


.shadowBubble svg{
	filter: drop-shadow(0 30px 40px rgba(43, 90, 104, .45));
}
.shadowBubble path{
	clip-path: url(/wp-content/uploads/2026/07/blob.svg);
}

.shadowBubble2 .elementor-widget-image{
	filter: drop-shadow(0 30px 40px rgba(43, 90, 104, .45));
}