/*
 Theme Name:   Hello Elementor Child
 Theme URI:    https://pinealux-kinesiologie.fr
 Description:  Thème enfant de Hello Elementor
 Author:       Synapkin
 Author URI:   https://pinealux-kinesiologie.fr
 Template:     hello-elementor
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  hello-elementor-child
*/

/* COLORS VARIABLES */
:root{
	--Expresso: #2A1313;     --Expresso-rgb: 42, 19, 19;
	--Chocolate: #3D0000;    --Chocolate-rgb: 61, 0, 0;
	--Mocha: #8B5143;        --Mocha-rgb: 139, 81, 67;
	--Cream: #F6E4D6;        --Cream-rgb: 246, 228, 214;
	--Gold: #D4A857;         --Gold-rgb: 212, 168, 87;
	--Ultramarine: #2629C6;  --Ultramarine-rgb: 38, 41, 198;
	--Cotton: #FCF7F3;  	 --Cotton-rgb: 252, 247, 243;
}


body{
	overflow-x: hidden !important;
}


/* Header */
nav > ul > li:last-child{
	position: relative;
}
nav > ul > li:last-child:after{
	content: '';
	position: absolute;
	display: block;
	width: 33px;
	height: 69px;
	top: -10px;
	left: 110px;
	background-image: url('https://pinealux-kinesiologie.fr/wp-content/uploads/2026/05/rays-light-icon.svg');
	background-repeat: no-repeat;
	background-size: contain;
}

.h1-highlight{
	color: var( --Mocha );
	font-size: clamp(2.875rem, 6.5vw, 6.25rem);
	font-weight: 600;
}
.h2-highlight{
	color: var( --Mocha );
}

.title-ponctuation-highlight,
.quote-ponctuation-highlight{
	color: var( --Ultramarine );
}

a[href^="tel:"],
a[href^="mailto:"]{
	color: inherit !important;
	text-decoration: none;
	font-weight: inherit;
}
a[href^="tel:"]:hover,
a[href^="mailto:"]:hover{
	color: var( --Gold );
}

.chip-list{
	list-style: none;
  	padding-left: 10px;
}
.chip-list li {
  position: relative;
  padding-left: 30px;
}
.chip-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 20px;
  height: 20px;
  background-image: url('https://pinealux-kinesiologie.fr/wp-content/uploads/2026/04/pine-chip-blue.svg');
  background-size: contain;
  background-repeat: no-repeat;
}
.chip-list.chip-list-white li::before {
	background-image: url('https://pinealux-kinesiologie.fr/wp-content/uploads/2026/04/pine-chip-white.svg');
}

/* FAQ */
.e-n-accordion details:not([open]) summary{
	border-radius: 10px;
}
.e-n-accordion details[open] summary{
	border-bottom: 0 !important;
}

/*
p a,
ul li a{
	text-decoration: underline !important;
	font-weight: 600;
}
p a:hover,
ul li a:hover{
	color: inherit !important;
	text-shadow: -2px -2px 10px rgba( var( --Gold-rgb ) , 0.5);
}
*/

.floaty-12 img{
  animation: floaty 12s ease-in-out infinite;
  will-change: transform; /* pour optimiser le rendu */
}
.floaty-11 img{
  animation: floaty 11s ease-in-out infinite;
  will-change: transform; /* pour optimiser le rendu */
}
.floaty-10 img{
  animation: floaty 10s ease-in-out infinite;
  will-change: transform; /* pour optimiser le rendu */
}
.floaty-9 img{
  animation: floaty 9s ease-in-out infinite;
  will-change: transform; /* pour optimiser le rendu */
}
.floaty-8 img{
  animation: floaty 8s ease-in-out infinite;
  will-change: transform; /* pour optimiser le rendu */
}
.floaty-7 img{
  animation: floaty 7s ease-in-out infinite;
  will-change: transform; /* pour optimiser le rendu */
}
.floaty-6 img{
  animation: floaty 6s ease-in-out infinite;
  will-change: transform; /* pour optimiser le rendu */
}
.floaty-5 img{
  animation: floaty 5s ease-in-out infinite;
  will-change: transform; /* pour optimiser le rendu */
}


@keyframes floaty{
 	0%{
    	transform: translateX(0px) translateY(0px) rotateZ(0deg) rotateX(0deg) rotateY(0deg);
	}
	25%{
		transform: translateX(5px) translateY(-3px) rotateZ(1deg) rotateX(1deg) rotateY(0deg);
	}
	50%{
		transform: translateX(0px) translateY(5px) rotateZ(-1deg) rotateX(0deg) rotateY(1deg);
		}
	75%{
		transform: translateX(-4px) translateY(-2px) rotateZ(0.5deg) rotateX(-1deg) rotateY(0deg);
	}
	100%{
		transform: translateX(0px) translateY(0px) rotateZ(0deg) rotateX(0deg) rotateY(0deg);
	}
}


/* Amelia container */
#amelia-container{
	margin: 30px 0 50px !important;
}





/* HOME */
#pc-home-hero {
	position: relative;
  	overflow: hidden;
}
#pc-home-hero::before {
	top: 0 !important;
	left: 0 !important;
    content: '';
  	position: absolute;
	width: 100%;
	height: 100%;
	/*
  	inset: -25%;
  	background: radial-gradient(ellipse 52% 39% at 50% 50%, rgba(252, 247, 243, 0.05) 0%, rgba(139, 81, 67, 0.10) 100%);
	*/
	background-image: url('/wp-content/uploads/2026/04/home-hero-background2.png');
	background-size: 100% auto;
  	background-repeat: no-repeat;
  	background-position: top center;
  	/*
	background-size: cover;
  	background-repeat: no-repeat;
	*/
  	z-index: 0;
}

/*
#pc-home-reasons::before {
	top: 0 !important;
	left: 0 !important;
    content: '';
  	position: absolute;
	width: 100%;
	height: 750px;
	background-image: url('/wp-content/uploads/2026/04/hero-background.png');
  	background-size: cover;
  	background-repeat: no-repeat;
	transform: scaleY(-1);
  	z-index: 0;
}
#pc-home-reasons::after{
	top: 0 !important;
	left: 0 !important;
    content: '';
  	position: absolute;
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom, rgba( var( --Cotton-rgb ) , 0) 0%, rgba( var( --Cotton-rgb ) , 0) 20%, rgba( var( --Cotton-rgb ) , 1) 50%);
	z-index: 0;
}
*/

#pc-home-reasons > div{
	z-index: 1;
}



svg.logo {
    width: 100%;
    max-width: 530px;
    height: auto;
}

.home-office-infos{
	position: relative;
}
.home-office-infos::after{
	content: '';
	position: absolute;
	z-index: 0;
	top: 25px;
	left: -25px;
	display: block;
	width: 100%;
	height: 100%;
	border: solid 3px var( --Gold );
	border-radius: 20px 20px 20px 0;
}
.home-office-schedules .home-office-day{
	font-family: "Asap Condensed";
	font-weight: 600;
	font-size: 1.625rem;
	color: var(--Expresso);
}
.home-office-schedules .home-office-hour{
	font-family: "DM Sans";
	font-weight: 600;
	font-size: 1.375rem;
	color: var(--Chocolate);
}



/* A PROPOS */
.bloc-quote .quote-35px{
	font-size: clamp(1rem, 2.125vw, 2.1875rem);
	line-height: 1.25;
}
.bloc-quote .quote-38px{
	font-size: clamp(1rem, 2.25vw, 2.375rem);
	line-height: 1.25;
}
.bloc-quote .quote-58px{
	font-size: clamp(1.75rem, 2.25vw, 3.625rem);
	line-height: 1.25;
}
.bloc-quote .quote-100px{
	font-size: clamp(2.5rem, 6.5vw, 6.25rem);
	line-height: 1.25;
}
.bloc-quote .quote-120px{
	font-size: clamp(2.75rem, 6.5vw, 7.5rem);
	line-height: 1.25;
}


/* QUAND CONSULTER ? */
.troubles-list span{
	padding: 3px 5px;
	border-radius: 5px;
	font-size: 0.875rem;
	display: inline-block;
	margin: 0 5px 10px 0;
	background: rgba( var( --Cotton-rgb ) , 0.15);
}



/* Méthode Hyperton'X */
.elan-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    padding: 20px 0;
  }

  /* Conteneur perspective pour chaque carte */
  .elan-card-wrap {
    perspective: 900px;
    width: 250px;
    height: 250px;
    flex-shrink: 0;
  }

  /* Élément qui tourne */
  .elan-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    transition: transform 0.65s cubic-bezier(0.4, 0, 0.2, 1);
  }

  /* Déclenchement au survol */
  .elan-card-wrap:hover .elan-card-inner {
    transform: rotateY(180deg);
  }

  /* Faces commune */
  .elan-front,
  .elan-back {
    position: absolute;
    inset: 0;
    border-radius: 14px;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
  }

  /* Face arrière : pivotée de 180° au départ */
  .elan-back {
	justify-content: start;
    transform: rotateY(180deg);
    padding: 20px;
    text-align: center;
    gap: 8px;
  }

  /* Lettre */
  .elan-letter {
	position: absolute;
	left: 0;
    font-size: 18.75rem;
    font-weight: 500;
    line-height: 1;
    font-family: "Asap Condensed";
  }

  /* Icône (utilise FontAwesome ou remplacez par votre icône SVG) */
  .elan-icon {
	position: absolute;
    right: 40px;
  }

  /* Mot-clé face arrière */
  .elan-word {
    font-size: 5rem;
    font-weight: 700;
  }

  /* Description face arrière */
  .elan-desc {
    font-size: 1rem;
    line-height: 1.25;
    margin: 0;
  }

  /* ---- Couleurs par carte ---- */

  /* E — Expresso */
  .elan-card-wrap:nth-child(1) .elan-front { background: var(--Expresso); }
  .elan-card-wrap:nth-child(1) .elan-front .elan-letter { color: #FEFCFB33; }
  .elan-card-wrap:nth-child(1) .elan-back  { background: var(--Expresso); }
  .elan-card-wrap:nth-child(1) .elan-back  .elan-word  { color: #FEFCFB; }
  .elan-card-wrap:nth-child(1) .elan-back  .elan-desc  { color: #FEFCFB; }

  /* L — Chocolate */
  .elan-card-wrap:nth-child(2) .elan-front { background: var(--Chocolate); }
  .elan-card-wrap:nth-child(2) .elan-front .elan-letter { color: #FEFCFB33; }
  .elan-card-wrap:nth-child(2) .elan-back  { background: var(--Chocolate); }
  .elan-card-wrap:nth-child(2) .elan-back  .elan-word  { color: #FEFCFB; }
  .elan-card-wrap:nth-child(2) .elan-back  .elan-desc  { color: #FEFCFB; }

  /* A — Mocha */
  .elan-card-wrap:nth-child(3) .elan-front { background: var(--Mocha); }
  .elan-card-wrap:nth-child(3) .elan-front .elan-letter { color: #FEFCFB33; }
  .elan-card-wrap:nth-child(3) .elan-back  { background: var(--Mocha); }
  .elan-card-wrap:nth-child(3) .elan-back  .elan-word  { color: #FEFCFB; }
  .elan-card-wrap:nth-child(3) .elan-back  .elan-desc  { color: #FEFCFB; }

  /* N — Chocolate */
  .elan-card-wrap:nth-child(4) .elan-front { background: var(--Chocolate); }
  .elan-card-wrap:nth-child(4) .elan-front .elan-letter { color: #FEFCFB33; }
  .elan-card-wrap:nth-child(4) .elan-back  { background: var(--Chocolate); }
  .elan-card-wrap:nth-child(4) .elan-back  .elan-word  { color: #FEFCFB; }
  .elan-card-wrap:nth-child(4) .elan-back  .elan-desc  { color: #FEFCFB; }



/* * * * * */
/* Contact */
/* * * * * */
.mt-contact-details a{
	color: background-color: var(--e-global-color-47b2c40);
}

.mt-flex-fields p{
	display: flex;
	justify-content: space-between;
    align-items: top;
	margin-bottom: 0;
}
.mt-flex-fields p label{
    width: 48%;
}
.mt-flex-fields p label input{
	margin-bottom: 15px !important;
}
form input[type="text"], form input[type="email"], form input[type="tel"]{
	height: 30px !important;
}
form textarea{
    height: 120px !important;
}

.mt-captcha{
	margin-top: 50px !important;
}
.mt-captcha br{
	display: none;
}
.mt-captcha input{
	margin-top: 10px;
}

.mt-brevo-acceptance{
	margin: 40px 0 10px;
}
.mt-brevo-acceptance input[type="checkbox"]{
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px 0 0 !important;
}
.mt-brevo-acceptance label span{
	display: inline-block !important;
	vertical-align: middle;
	margin: 0 !important;
	font-weight: bold;
}

/* feedback */
form .wpcf7-spinner{
    margin: 0 0 0 10px;
    background-color: var(--Gold);
}
form .wpcf7-not-valid-tip{
    font-size: 0.75rem !important;
	color: #dc3232 !important;
}
form .mt-flex-fields .wpcf7-not-valid-tip{
	margin-top: -10px !important;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 .wpcf7 form.unaccepted .wpcf7-response-output{
    background-color: #dc3232;
	color: #FFFFFF !important;
	border: none !important;
	font-size: 0.875rem;
}
.wpcf7 form.sent .wpcf7-response-output{
    color: #FFFFFF !important;
    background-color: #019875;
	border: none !important;
}
#shpn-contact form .wpcf7-response-output{
    color: #FFFFFF !important;
    margin: 1rem 0;
    border: none !important;
    font-size: 0.875rem;
    font-weight: bold;
    border-radius: 3px;
    padding: 0.75rem;
}


@media screen and (max-width: 1024px) {
	/* Header */
	nav > ul > li:last-child:after{
		top: 5px;
		height: 48px;
	}
}
	


@media screen and (max-width: 767px) {
	
	h1 br,
	.rwd-no-line-break br,
	.troubles-list br{
		display: none !important;
	}
	
	
	/* Home */
	svg.logo {
		max-width: none;
	}
	
	.home-office-infos::after{
		top: 15px;
		left: -15px;
	}

}



@media (max-width: 500px) {
    /* Page Hyperton'X */
	.elan-card-wrap{
		width: calc(50% - 10px);
	}
}