.elementor-kit-7{--e-global-color-primary:#5918FF;--e-global-color-secondary:#292727;--e-global-color-text:#F7F6F6;--e-global-color-accent:#5918FF;--e-global-typography-primary-font-family:"NEVANTA";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"NEVANTA";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"NEVANTA";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"NEVANTA";--e-global-typography-accent-font-weight:500;background-color:var( --e-global-color-secondary );}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 a{color:var( --e-global-color-text );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* CARD */
.project-card {
  position: relative;
  overflow: hidden;
  border-radius: 50px 0px 50px 50px;
  width: 100%;
  height: 0;
  padding-bottom: 175%;       /* ratio portrait (change la valeur si besoin) */
  background: #0a0a0a;
}

/* ——— IMAGE ——— */
/* 1) le widget Image et son container doivent remplir la carte */
.project-card .elementor-widget-image,
.project-card .elementor-widget-image .elementor-widget-container {
  position: absolute;
  top:0; left:0; right:0; bottom:0;
  width:100%;
  height:100%;
}

/* 2) l’<img> lui-même : force le cover partout */
.project-card img {
  position: absolute;
  top:0; left:0;
  width:100%;
  height:100%;
  max-width: none !important;   /* neutralise max-width:100% des thèmes */
  object-fit: cover;            /* >>> clé pour remplir sans déformer */
  -o-object-fit: cover;
  display:block;
  z-index: 1;                   /* sous la vidéo, au-dessus du fond */
}

/* ——— VIDÉO ——— */
/* le widget vidéo doit aussi occuper tout l'espace */
.project-card .elementor-widget-video,
.project-card .elementor-widget-video .elementor-widget-container,
.project-card .elementor-widget-video .elementor-wrapper,
.project-card .elementor-widget-video iframe,
.project-card .elementor-widget-video video {
  position: absolute;
  top:0; left:0; right:0; bottom:0;
  width:100%;
  height:100%;
}

/* vidéo invisible par défaut (elle joue en fond) */
.project-card .elementor-widget-video {
  z-index: 2;
  opacity: 0;
  transition: opacity .25s ease;
  pointer-events: none;         /* clics restent sur la carte/lien */
}

/* au survol (desktop) on révèle la vidéo */
@media (hover:hover) and (pointer:fine) {
  .project-card:hover .elementor-widget-video {
    opacity: 1;
  }
}

/* ——— OVERLAY TEXTE ——— */
.project-card .overlay {
  position: absolute;
  bottom: 0; left: 0; right: 0;
  padding: 0 0 35px 30px;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,.5);
  z-index: 3;                   /* au-dessus de tout */
}
/* CARD */
.project-card-bis {
  position: relative;
  overflow: hidden;
  border-radius: 50px 0px 50px 50px;
  width: 100%;
  height: 0;
  padding-bottom: 84.5%;       /* ratio portrait (change la valeur si besoin) */
  background: #0a0a0a;
}

/* ——— IMAGE ——— */
/* 1) le widget Image et son container doivent remplir la carte */
.project-card-bis .elementor-widget-image,
.project-card-bis .elementor-widget-image .elementor-widget-container {
  position: absolute;
  top:0; left:0; right:0; bottom:0;
  width:100%;
  height:100%;
}

/* 2) l’<img> lui-même : force le cover partout */
.project-card-bis img {
  position: absolute;
  top:0; left:0;
  width:100%;
  height:100%;
  max-width: none !important;   /* neutralise max-width:100% des thèmes */
  object-fit: cover;            /* >>> clé pour remplir sans déformer */
  -o-object-fit: cover;
  display:block;
  z-index: 1;                   /* sous la vidéo, au-dessus du fond */
}

/* ——— VIDÉO ——— */
/* le widget vidéo doit aussi occuper tout l'espace */
.project-card-bis .elementor-widget-video,
.project-card-bis .elementor-widget-video .elementor-widget-container,
.project-card-bis .elementor-widget-video .elementor-wrapper,
.project-card-bis .elementor-widget-video iframe,
.project-card-bis .elementor-widget-video video {
  position: absolute;
  top:0; left:0; right:0; bottom:0;
  width:100%;
  height:100%;
}

/* vidéo invisible par défaut (elle joue en fond) */
.project-card-bis .elementor-widget-video {
  z-index: 2;
  opacity: 0;
  transition: opacity .25s ease;
  pointer-events: none;         /* clics restent sur la carte/lien */
}

/* au survol (desktop) on révèle la vidéo */
@media (hover:hover) and (pointer:fine) {
  .project-card-bis:hover .elementor-widget-video {
    opacity: 1;
  }
}

/* ——— OVERLAY TEXTE ——— */
.project-card-bis .overlay {
  position: absolute;
  bottom: 0; left: 0; right: 0;
  padding: 0 0 35px 30px;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,.5);
  z-index: 3;                   /* au-dessus de tout */
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'NEVANTA';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('http://arthurvideos.fr/wp-content/uploads/2025/08/NevantaBold-yYra5.woff') format('woff');
}
@font-face {
	font-family: 'NEVANTA';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('http://arthurvideos.fr/wp-content/uploads/2025/08/NevantaLight-nAomM.woff') format('woff');
}
/* End Custom Fonts CSS */