/* Varela : effets de la page d'accueil, chargée seulement sur l'accueil (vd_entete_sur_hero).
   Repris du CSS de page Elementor de la page 3426 (« selector » devient le conteneur de la page) :
   hero et fondu, label Origine France Garantie, cartes des collections et leurs survols,
   vignettes Opus, logos des références, lignes de contact. */

body.vd-entete-sur-hero .elementor .vd-fleche{display:inline-block;margin-left:12px}
body.vd-entete-sur-hero .elementor .vd-texte p{margin:0}
body.vd-entete-sur-hero .elementor .vd-lien .elementor-button{transition:opacity .2s}
body.vd-entete-sur-hero .elementor .vd-lien .elementor-button:hover,body.vd-entete-sur-hero .elementor .vd-lien .elementor-button:focus-visible{opacity:.65}
/* Hero : keyvisual entier (ratio 1344/1800 = 74,667 vh de large), fondu vers le noir de la photo #161412 */
body.vd-entete-sur-hero .elementor .vd-hero::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,#161412 calc(100% - 74.667vh),rgba(22,20,18,.55) calc(100% - 74.667vh + 44px),rgba(22,20,18,0) calc(100% - 74.667vh + 104px))}
body.vd-entete-sur-hero .elementor .vd-hero>*{position:relative;z-index:1}
@media (min-width:768px) and (max-width:1024px) and (orientation:portrait){
body.vd-entete-sur-hero .elementor .vd-hero{background-size:cover!important;background-position:center top!important;justify-content:flex-end!important;padding-bottom:64px!important}
body.vd-entete-sur-hero .elementor .vd-hero::after{background:linear-gradient(180deg,rgba(22,20,18,0) 35%,rgba(22,20,18,.9) 100%)}
}
@media (max-width:767px){
body.vd-entete-sur-hero .elementor .vd-hero::after{background:linear-gradient(180deg,rgba(22,20,18,.45) 0%,rgba(22,20,18,0) 22%,rgba(22,20,18,0) 45%,rgba(22,20,18,.85) 100%)}
}
/* Label Origine France Garantie : poinçon blanc en bas à gauche, sur le noir et jamais sur la photo ;
   quand le texte descend en bas (tablette portrait, mobile), il passe à droite, aligné sur le lien */
body.vd-entete-sur-hero .elementor .vd-hero>.vd-hero__label{position:absolute;left:56px;bottom:64px;margin:0;line-height:0}
@media (max-width:1024px){body.vd-entete-sur-hero .elementor .vd-hero>.vd-hero__label{left:40px}}
@media (min-width:768px) and (max-width:1024px) and (orientation:portrait){body.vd-entete-sur-hero .elementor .vd-hero>.vd-hero__label{left:auto;right:40px;bottom:64px}}
@media (max-width:767px){body.vd-entete-sur-hero .elementor .vd-hero>.vd-hero__label{left:auto;right:24px;bottom:40px}}
/* Cartes des collections : photo (widget Image) tendue sous le voile Elementor (::before), texte au-dessus */
body.vd-entete-sur-hero .elementor .vd-carte{position:relative;isolation:isolate;overflow:hidden;--overlay-transition:.9s}
body.vd-entete-sur-hero .elementor .vd-carte::before{z-index:1}
body.vd-entete-sur-hero .elementor .vd-carte>.vd-carte__media{position:absolute;inset:0;z-index:0;width:100%;height:100%;margin:0}
body.vd-entete-sur-hero .elementor .vd-carte__media .elementor-widget-container{height:100%}
body.vd-entete-sur-hero .elementor .vd-carte__media img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.001);transition:transform 1.6s cubic-bezier(.19,1,.22,1),filter .9s cubic-bezier(.19,1,.22,1)}
body.vd-entete-sur-hero .elementor .vd-carte>.elementor-widget:not(.vd-carte__media){position:relative;z-index:2}
/* Petites cartes : le nom devient un lien souligné (filet tiré de gauche à droite, flèche qui glisse) */
body.vd-entete-sur-hero .elementor .vd-carte--petite .elementor-heading-title{display:inline-block;padding-bottom:6px;background:linear-gradient(currentColor,currentColor) left bottom/0 1px no-repeat;transition:background-size .8s cubic-bezier(.19,1,.22,1)}
body.vd-entete-sur-hero .elementor .vd-carte--petite .elementor-heading-title::after{content:"\2192";content:"\2192"/"";display:inline-block;margin-left:12px;opacity:0;transform:translateX(-12px);transition:opacity .4s,transform .8s cubic-bezier(.19,1,.22,1)}
body.vd-entete-sur-hero .elementor .vd-carte .vd-lien-faux .vd-fleche{transition:transform .8s cubic-bezier(.19,1,.22,1)}
/* Vignettes Opus : même langage, zoom contenu dans le cadre et nom souligné */
body.vd-entete-sur-hero .elementor .vd-modele .elementor-widget-image .elementor-widget-container{overflow:hidden}
body.vd-entete-sur-hero .elementor .vd-modele img{display:block;transition:transform 1.6s cubic-bezier(.19,1,.22,1)}
body.vd-entete-sur-hero .elementor .vd-modele h3.elementor-heading-title{display:inline-block;padding-bottom:4px;background:linear-gradient(currentColor,currentColor) left bottom/0 1px no-repeat;transition:background-size .8s cubic-bezier(.19,1,.22,1)}
@media (hover:hover) and (pointer:fine){
body.vd-entete-sur-hero .elementor .vd-carte.e-con:is(:hover,:focus-visible){--overlay-opacity:.85}
body.vd-entete-sur-hero .elementor .vd-carte:is(:hover,:focus-visible) .vd-carte__media img{transform:scale(1.06)}
body.vd-entete-sur-hero .elementor .vd-collections:has(.vd-carte:hover) .vd-carte:not(:hover) .vd-carte__media img{filter:brightness(.72) saturate(.85)}
body.vd-entete-sur-hero .elementor .vd-carte--petite:is(:hover,:focus-visible) .elementor-heading-title{background-size:100% 1px}
body.vd-entete-sur-hero .elementor .vd-carte--petite:is(:hover,:focus-visible) .elementor-heading-title::after{opacity:1;transform:none}
body.vd-entete-sur-hero .elementor .vd-carte:is(:hover,:focus-visible) .vd-lien-faux .vd-fleche{transform:translateX(8px)}
body.vd-entete-sur-hero .elementor .vd-modele:is(:hover,:focus-visible) img{transform:scale(1.045)}
body.vd-entete-sur-hero .elementor .vd-modele:is(:hover,:focus-visible) h3.elementor-heading-title{background-size:100% 1px}
}
/* Logos centrés dans des cases de 72 px ; sur les écrans étroits, un logo trop large rétrécit dans sa case */
body.vd-entete-sur-hero .elementor .vd-logos{align-items:center}
body.vd-entete-sur-hero .elementor .vd-logos>.elementor-element{min-width:0;min-height:72px;padding:0 10px;display:flex;align-items:center;justify-content:center}
body.vd-entete-sur-hero .elementor .vd-logos .elementor-widget-container{max-width:100%}
body.vd-entete-sur-hero .elementor .vd-logos img{max-width:100%;height:auto}
/* Lignes de contact : flèche calée à droite (hors flux, ne passe jamais sous le texte), elle avance au survol */
body.vd-entete-sur-hero .elementor .vd-ligne{position:relative}
body.vd-entete-sur-hero .elementor .vd-ligne>.vd-ligne__fleche{position:absolute;right:0;top:50%;transform:translateY(-50%);margin:0}
body.vd-entete-sur-hero .elementor .vd-ligne .vd-ligne__fleche .elementor-heading-title{display:inline-block;transition:transform .25s}
body.vd-entete-sur-hero .elementor .vd-ligne:hover .vd-ligne__fleche .elementor-heading-title{transform:translateX(6px)}
@media (prefers-reduced-motion:reduce){body.vd-entete-sur-hero .elementor *,body.vd-entete-sur-hero .elementor *::before,body.vd-entete-sur-hero .elementor *::after{transition:none!important}body.vd-entete-sur-hero .elementor .vd-carte__media img,body.vd-entete-sur-hero .elementor .vd-modele img{transform:none!important}}