/* Enjoyeuse : invitations a installer l'application (vignettes et modale) */

/* Vignettes */
.enj-apptile .elementor-element-enjcimg,.enj-apptile .elementor-element-enjvaimg{position:relative;overflow:hidden;background:#000}
.enj-apptile .elementor-element-enjcimg a,.enj-apptile .elementor-element-enjvaimg a{display:block;position:relative}
.enj-apptile--article .elementor-element-enjcimg img{object-position:30% 50%}
.enj-apptile__picto{position:absolute;top:16px;left:16px;z-index:2;width:36px;height:36px;background:center/contain no-repeat;pointer-events:none}
.enj-apptile--actu .enj-apptile__picto{top:10px;left:10px;width:30px;height:30px}
.enj-apptile__pilule{position:absolute;left:50%;top:50%;z-index:2;transform:translate(-50%,-50%);white-space:nowrap;font-family:"futura-100",sans-serif;font-weight:400;font-size:15px;line-height:18px;color:#FFFFFF;border:1px solid #FFFFFF;border-radius:40px;padding:7px 17px 8px;background-color:rgba(255,255,255,.1);background-image:linear-gradient(#FFFFFF,#FFFFFF);background-repeat:no-repeat;background-position:left center;background-size:0% 100%;background-origin:border-box;background-clip:border-box;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:color .25s ease-in-out,background-size .5s cubic-bezier(.54,.3,.02,1.01)}
.enj-apptile:hover .enj-apptile__pilule{color:#000000}
.enj-apptile:hover .enj-apptile__pilule{background-size:100% 100%}
.enj-apptile a{cursor:pointer}
@media (max-width:1024px){
.enj-apptile__picto{top:10px;left:10px;width:30px;height:30px}
.enj-apptile__pilule{font-size:13px;line-height:15.6px;padding:5px 11px 6px}
}
html.enj-en-app .enj-apptile--install{visibility:hidden}
.enj-apptile--news .elementor-element-enjcimg img{object-position:22% 50%}
.enj-apptile--news .elementor-element-enjvaimg img{object-position:15% 50%}

/* Modale */
.enj-appmod{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:0 20px;background:rgba(246,246,243,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .25s ease}
.enj-appmod[hidden]{display:none}
.enj-appmod.is-on{opacity:1}
.enj-appmod__carte{width:100%;max-width:380px;box-sizing:border-box;background:#FFFFFF;border:1px solid #E8E8E8;border-radius:20px;padding:44px 40px 36px;text-align:center;transform:scale(.94);transition:transform .3s cubic-bezier(.2,.9,.3,1.1)}
.enj-appmod.is-on .enj-appmod__carte{transform:none}
.enj-appmod__photos{position:relative;width:214px;height:112px;margin:0 auto 22px}
.enj-appmod__photo{position:absolute;top:4px;width:104px;height:104px;border-radius:16px;background:#E8E8E4 center/cover no-repeat}
.enj-appmod__photo--g{left:0;transform:rotate(-8deg)}
.enj-appmod__photo--d{right:0;top:0;transform:rotate(8deg)}
.enj-appmod__badge{position:absolute;left:50%;top:60px;width:50px;height:50px;margin-left:-25px;box-sizing:border-box;background:#000000;border:4px solid #FFFFFF;border-radius:17px;transform:rotate(-10deg);display:flex;align-items:center;justify-content:center}
.enj-appmod__badge span{display:block;width:24px;height:24px;background:center/contain no-repeat;transform:rotate(10deg)}
.enj-appmod__titre{font-family:"futura-100",sans-serif;font-weight:400;font-size:24px;line-height:1.15;color:#000000;margin:0 0 10px}
.enj-appmod__texte{font-family:"Inter",sans-serif;font-weight:400;font-size:13px;line-height:1.55;color:#000000;margin:0 0 26px}
.enj-appmod__boutons{display:flex;gap:10px}
.enj-appmod__boutons>*{flex:1 1 0;min-width:0}
.enj-appmod .enj-appmod__btn,.enj-appmod .enj-appmod__btn:hover,.enj-appmod .enj-appmod__btn:focus{display:flex;align-items:center;justify-content:center;width:100%;box-sizing:border-box;position:relative;overflow:hidden;isolation:isolate;margin:0;font-family:"futura-100",sans-serif;font-weight:400;font-size:15px;line-height:18px;letter-spacing:0;text-transform:none;text-decoration:none;border-radius:40px;border:1px solid #000000;padding:9px 8px 10px;box-shadow:none;outline:none;cursor:pointer;transition:color .25s ease-in-out}
.enj-appmod .enj-appmod__btn::after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;z-index:-1;transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.54,.3,.02,1.01)}
.enj-appmod .enj-appmod__btn--tard{background:#FFFFFF;color:#000000}
.enj-appmod .enj-appmod__btn--tard::after{background:#000000}
.enj-appmod .enj-appmod__btn--app{background:#000000;color:#FFFFFF}
.enj-appmod .enj-appmod__btn--app::after{background:#FFFFFF}
.enj-appmod .enj-appmod__btn--tard:hover,.enj-appmod .enj-appmod__btn--tard:focus-visible{color:#FFFFFF}
.enj-appmod .enj-appmod__btn--app:hover,.enj-appmod .enj-appmod__btn--app:focus-visible{color:#000000}
.enj-appmod .enj-appmod__btn:hover::after,.enj-appmod .enj-appmod__btn:focus-visible::after{transform:scaleX(1)}
@media (max-width:767px){
.enj-appmod__carte{padding:40px 30px 30px}
.enj-appmod__titre{font-size:22px}
.enj-appmod .enj-appmod__btn,.enj-appmod .enj-appmod__btn:hover,.enj-appmod .enj-appmod__btn:focus{font-size:14px}
}
@media (prefers-reduced-motion:reduce){.enj-appmod,.enj-appmod__carte{transition:none}}