/*
Theme Name:   Hello Elementor Child
Theme URI:    <http://example.com/hello-elemenor-child/>
Description:  Hello Elementor Child Theme
Author:       Melanie Appere
Author URI:   <http://example.com>
Template:     hello-elementor
Version:      3.4.4
License:      GNU General Public License v3 or later.
License URI:  <http://www.gnu.org/licenses/gpl-2.0.html>
Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain:  hello-elementor-child
*/

/* Maintenance */

/* Masquer header et footer sur la page de maintenance */

body.page-id-2239 #headerScroll {
	display: none !important;
}

body.page-id-2239 .elementor-971 {
	display: none !important;
}


/*Fonts*/

@supports (-moz-appearance: none) {
  .votre-classe-texte {
    text-rendering: optimizeLegibility;
    font-smooth: auto;
    -moz-font-feature-settings: "kern=1";
  }
}

@font-face {
	font-family:Harabara;
	src:url('/wp-content/themes/hello-elementor-child/fonts/Harabara.woff') format(woff);
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'Century Gothic';
	src:url('/wp-content/themes/hello-elementor-child/fonts/GOTHIC.woff') format(woff);
    font-weight: normal;
    font-style: normal;
}


@font-face {
	font-family:'Century Gothic';
	src:url('/wp-content/themes/hello-elementor-child/fonts/GOTHICB.woff') format(woff);
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Nordstern';
    src: url('/wp-content/themes/hello-elementor-child/fonts/NordsternDemo-Bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

h1 {
	font-family:Harabara !important;
	letter-spacing: 6% !important;
}

h2 {
	font-family:Harabara !important;
	letter-spacing: 5% !important;
}


h3 {
	font-family:Harabara !important;
	letter-spacing: 5% !important;
}

p {
	font-family: 'Century Gothic' !important;
}

.elementor-button {
	font-family: Nordstern !important;
	letter-spacing: -5% !important;
	font-size: 18px;
  font-kerning: auto;
  font-variant-ligatures: common-ligatures;
	font-stretch: normal; /* Évite les variations automatiques */
}

.sous-titre p{
	font-family: 'Century Gothic' !important;
}

.mf-input-wrapper .mf-input-label{
	font-family: 'Century Gothic' !important;
	font-size : 16px !important;
	font-weight: normal;
}

/* Version mobile */
@media screen and (max-width: 768px) {
    .mf-input-wrapper .mf-input-label {
        font-size: 14px !important;
    }
}

.metform-btn {
	font-family: Nordstern !important;
	font-size : 18px !important;
	letter-spacing: -5% !important;}

.elementor-element-54379b03:hover,
.mf-btn--center:hover {
    box-shadow: none !important;
}

video {
  width: 100%;
  height: auto;
  display: block;
  
  /* Force le rendu standard */
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  
  /* Réinitialise les filtres potentiels */
  filter: contrast(1) brightness(1) saturate(1);
}




/* Background */

/* Desktop : Background fixe */
body {
    background-image: url("/wp-content/uploads/2026/03/background.svg");
    background-position: left;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

/* Mobile : Pas de background */
@media only screen and (max-width: 768px) {
    body {
        background-image: none;
        background-color: #ffffff; /* Couleur de fond de remplacement */
    }
}

/* EXCEPTION : Mobile sur page contact, le background s'affiche */
@media only screen and (max-width: 768px) {
    .page-id-779 {
        background-image: url("/wp-content/uploads/2026/03/background.svg") !important;
        background-position: left;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
    }
}



/* Header */
body.page-id-257 #headerScroll {
	position: fixed !important;
	top: -122px !important;
	transition: all .3s ease-in-out !important;
	transition-duration: 0.3s !important;
	transition-timing-function: ease-in-out !important;
	transition-delay: 0s !important;
	transition-behavior: normal !important;
}

body.page-id-257 #headerScroll.shown {
	top: 0 !important;
}

#headerScroll {
    z-index: 999 !important;
}


/* Menu */

.header-menu {
	font-family:Nordstern !important;
	font-size: 18px !important;
	letter-spacing: -5% !important;
	transform: translate3d(0, 0, 0);
	backface-visibility: hidden;
}

@media screen and (min-width: 1024px) {
	.header-menu li:last-child {
		background-color: #000000;
	}

	.header-menu ul li:last-child a {
		color: #ffffff !important;
		padding-left: 10px !important;
	  	padding-right: 10px !important;
	  	padding-top: 8px !important;
	  	padding-bottom: 9px !important;
	}
}

/* Accueil */

.heroe{
	background-position:fixed !important;
}


/*Inclinaison blocs Mint Accueil*/

.top-inclin-mint{
  background-color: #DCE9D9;
  clip-path: polygon(0 100%, 100% 0, 100% 100%, 0 100%);
  height: 100px;
}

.bottom-inclin-mint{
  background-color: #DCE9D9;
  clip-path: polygon(0 0, 100% 0, 100% 0, 0 100%);  
  height: 100px;
}

/* --- Mobile (inclinaison réduite) --- */
@media screen and (max-width: 768px) {
  .top-inclin-mint {
    /* On remonte le point de départ (de 100% vers 80%) pour adoucir la pente */
    clip-path: polygon(0 100%, 100% 50%, 100% 100%, 0 100%);
	height: 50px;
  }

  .bottom-inclin-mint {
    /* On descend le point d'arrivée (de 0% vers 20%) pour adoucir la pente */
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 50%) !important;
	height: 50px;
  }
}



/*Inclinaison blocs Terracotta Accueil*/

.top-inclin-terracotta{
  background-color: #B44A28;
  clip-path: polygon(0 100%, 100% 0, 100% 100%, 0 100%);
  height: 100px;
}

.bottom-inclin-terracotta{
  background-color: #B44A28;
  clip-path: polygon(0 0, 100% 0, 100% 0, 0 100%);  
  height: 100px;
}

/* --- Mobile (inclinaison réduite) --- */
@media screen and (max-width: 768px) {
  .top-inclin-terracotta {
    /* On remonte le point de départ (de 100% vers 80%) pour adoucir la pente */
    clip-path: polygon(0 100%, 100% 50%, 100% 100%, 0 100%);
	height: 50px;

  }

  .bottom-inclin-terracotta {
    /* On descend le point d'arrivée (de 0% vers 20%) pour adoucir la pente */
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 50%) !important;
	height: 50px;
  }
}

/* Animation en cascade */
/* État initial : invisible */
body:not(.elementor-editor-active) .cascade > div {
	opacity: 0;
	transform: scale(0.95);
}

/* Classe activée par JS */
.cascade.visible > div {
  animation: fadeInScale 1s ease-out forwards;
}

/* Animation progressive */
@keyframes fadeInScale {
  0% {
    opacity: 0;
    transform: scale(0.95);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

/* Délais en cascade */
.cascade.visible > div:nth-child(1) { animation-delay: 0.4s; }
.cascade.visible > div:nth-child(2) { animation-delay: 0.8s; }
.cascade.visible > div:nth-child(3) { animation-delay: 1.2s; }
.cascade.visible > div:nth-child(4) { animation-delay: 1.6s; }



/* Accueil prestations */

.prestations-carre {
	aspect-ratio: 1 / 1 !important;
	background-position: calc(100% - 15px) 15px !important;
  	background-repeat: no-repeat;
}


/* Accueil realisations */
.realisations-container {
	aspect-ratio: 1 / 1 !important;
}

.realisations-titre, .realisations-texte {
  transform: translateY(20px);
  opacity: 0;
  transition: all 0.3s ease !important;
}

/* Affiche au survol */
.realisations-container:hover .realisations-titre,
.realisations-container:hover .realisations-texte {
  transform: translateY(0);
  opacity: 1;
}

.swiper-slide{
	aspect-ratio: 1 / 1 !important;
}