/* =====================================================================
   YUMIGO – CSS additionnel (Apparence › Personnaliser › CSS additionnel)
   Couleurs : var(--couleurN) du customizer GeneratePress.
   La police FuturaBold est déclarée par le thème enfant (functions.php).
   ===================================================================== */

/* ---------- Variables jour / nuit (nuit par défaut) ---------- */
:root {
	--yum-hero-bg: var(--couleur4);
	--yum-hero-stripe: var(--couleur10);
	--yum-hero-text: var(--couleur2);
	--yum-header-bg: var(--couleur4);
	--yum-header-text: var(--couleur2);
}
html.yum-day {
	--yum-hero-bg: var(--couleur7);
	--yum-hero-stripe: var(--couleur11);
	--yum-hero-text: var(--couleur4);
	--yum-header-bg: var(--couleur7);
	--yum-header-text: var(--couleur4);
}

/* ---------- Header GeneratePress (navigation as header, sticky) ---------- */
.main-navigation,
.main-navigation .main-nav ul ul,
#mobile-header,
.main-navigation.navigation-stick {
	background-color: var(--yum-header-bg);
	transition: background-color .4s ease-out;
}
.main-navigation .main-nav ul li:not([class*="current-menu-"]) > a,
.main-navigation .menu-toggle,
.main-navigation .menu-bar-items {
	color: var(--yum-header-text);
}
.main-navigation .main-nav ul li a {
	text-transform: uppercase;
}
/* Logo : largeur fixe 115 px (la « Largeur du logo » du customizer ne s'applique pas en navigation as header) */
.main-navigation .navigation-branding .site-logo img,
#mobile-header .site-logo img {
	width: 115px !important;
	height: auto !important;
	padding: 0 !important;
}
/* Logo : blanc la nuit, marine le jour */
html.yum-day .main-navigation .site-logo img,
html.yum-day #mobile-header .site-logo img {
	content: url("https://encoursdedev.com/yumigo/wp-content/uploads/2026/11/yumigo-logo-marine.png");
}
/* Balle rose qui rebondit sous le logo (animation de l'ancien site) */
.main-navigation .navigation-branding .site-logo,
#mobile-header .site-logo {
	position: relative;
}
.main-navigation .navigation-branding .site-logo::after,
#mobile-header .site-logo::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 105%;
	width: 8px;
	height: 8px;
	margin-left: -4px;
	border-radius: 50%;
	background: var(--couleur3);
	transform-origin: center bottom;
	animation: yumBallX 3s ease-in-out both, yumBallY 3s ease-in-out both;
	pointer-events: none;
}
/* Menu fixe (clone GP) : balle déjà posée, pas de rejeu de l'animation */
.main-navigation.navigation-clone .navigation-branding .site-logo::after { animation: none; }
@keyframes yumBallX {
	0% { left: -20%; } 12.5% { left: 5%; } 25% { left: 20%; } 37.5% { left: 35%; } 50% { left: 50%; }
	62.5% { left: 65%; } 75% { left: 80%; } 87.5% { left: 95%; } 100% { left: 105%; }
}
@keyframes yumBallY {
	0% { opacity: 0; transform: translateY(-45px) scaleY(1); }
	6.25% { opacity: 1; transform: translateY(-40px) scaleY(1); }
	12.5% { transform: translateY(0) scaleY(.6); }
	18.75% { transform: translateY(-35px) scaleY(1); }
	25% { transform: translateY(0) scaleY(.6); }
	31.25% { transform: translateY(-30px) scaleY(1); }
	37.5% { transform: translateY(0) scaleY(.6); }
	43.75% { transform: translateY(-25px) scaleY(1); }
	50% { transform: translateY(0) scaleY(.6); }
	56.25% { transform: translateY(-20px) scaleY(1); }
	62.5% { transform: translateY(0) scaleY(.6); }
	68.75% { transform: translateY(-15px) scaleY(1); }
	75% { transform: translateY(0) scaleY(.6); }
	81.25% { transform: translateY(-10px) scaleY(1); }
	87.5% { transform: translateY(0) scaleY(.6); }
	93.75% { transform: translateY(-5px) scaleY(1); }
	100% { opacity: 1; transform: translateY(0) scaleY(1); }
}

/* ---------- Accueil : pas de titre ni de marges GP ---------- */
.home .site-content .content-area { width: 100%; }
.home .inside-article, .home .site-main { padding: 0 !important; margin: 0 !important; }
.home .site-content { padding: 0 !important; }
.home .entry-header { display: none; }
.home .entry-content:not(:first-child) { margin-top: 0; }

/* ---------- Titres avec point rose ---------- */
/* Point rose en élément inline (pas inline-block) : il ne peut pas passer seul à la ligne,
   il reste collé au dernier mot du titre */
.yum-point::after {
	content: "";
	display: inline;
	margin-left: .3em;
	padding-left: .25em;
	background: radial-gradient(circle closest-side, var(--couleur3) 92%, transparent 100%) no-repeat;
	background-size: .25em .25em;
	background-position: 0 78%;
}
.yum-hero-titre.yum-point::after { padding-left: .17em; background-size: .17em .17em; }
.yum-titre-section { margin-bottom: 0; }
.yum-titre-grand { font-size: 42px; line-height: 55px; text-transform: none; }

/* ---------- Hero ---------- */
.yum-hero {
	position: relative;
	overflow: hidden;
	background-color: var(--yum-hero-bg);
	background-image: linear-gradient(150deg,
		var(--yum-hero-bg) 0, var(--yum-hero-bg) 53.3%,
		var(--yum-hero-stripe) 53.3%, var(--yum-hero-stripe) 56.6%,
		var(--yum-hero-bg) 56.6%, var(--yum-hero-bg) 57.4%,
		var(--yum-hero-stripe) 57.4%, var(--yum-hero-stripe) 67.4%,
		var(--yum-hero-bg) 67.4%, var(--yum-hero-bg) 100%);
	transition: background-color .4s ease-out;
}
.yum-hero, .yum-hero h1, .yum-hero p { color: var(--yum-hero-text); transition: color .4s ease-out; }
.yum-hero h1 { margin-bottom: 10px; }
.yum-hero-sous-titre strong em { color: var(--couleur3); }
.yum-hero > .gb-element, .yum-hero > div:not(.yum-waves) { position: relative; z-index: 1; }

/* « Découvrir » vertical + filet rose */
.yum-decouvrir {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 30px;
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.yum-decouvrir::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 0;
	bottom: 0;
	width: 2px;
	margin-left: -1px;
	background: var(--couleur3);
}
.yum-decouvrir a {
	position: relative;
	writing-mode: vertical-rl;
	transform: rotate(180deg);
	padding: 12px 0;
	background: var(--yum-hero-bg);
	color: var(--yum-hero-text) !important;
	font-family: FuturaBold, sans-serif;
	font-size: 12px;
	line-height: 15px;
	text-transform: uppercase;
	text-decoration: none;
	transition: background-color .4s ease-out, color .4s ease-out;
}
.yum-decouvrir a:hover { color: var(--couleur3) !important; }

/* Bouton Jour / Nuit */
.yum-daynight {
	position: relative;
	display: inline-flex;
	align-items: center;
	width: 155px;
	height: 43px;
	margin-top: 30px;
	padding: 0;
	border: 0;
	border-radius: 43px;
	background: var(--couleur2);
	color: var(--couleur1);
	font-family: FuturaBold, sans-serif;
	font-size: 16px;
	line-height: 1;
	cursor: pointer;
	overflow: hidden;
}
.yum-daynight::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
	border-radius: 43px;
	background: var(--couleur3);
	transition: transform .4s ease-out;
}
html.yum-day .yum-daynight::before { transform: translateX(100%); }
.yum-daynight span { position: relative; flex: 1 1 50%; text-align: center; transition: opacity .3s; }
.yum-daynight .yum-daynight-jour { opacity: 0; }
html.yum-day .yum-daynight .yum-daynight-jour { opacity: 1; }
html.yum-day .yum-daynight .yum-daynight-nuit { opacity: 0; }
.yum-daynight:hover, .yum-daynight:focus { background: var(--couleur2); color: var(--couleur1); }
.yum-daynight:focus-visible { outline: 2px solid var(--couleur3); outline-offset: 3px; }

/* Ville isométrique : nuit / jour / néons */
.yum-city img { display: block; transition: opacity .4s ease-out; }
.yum-city img + img { position: absolute; top: 0; left: 0; }
.yum-city img:nth-child(2) { opacity: 0; }
.yum-city img:nth-child(3) { animation: yumNeon 5s infinite; }
html.yum-day .yum-city img:nth-child(1) { opacity: 0; }
html.yum-day .yum-city img:nth-child(2) { opacity: 1; }
@keyframes yumNeon {
	0%, 19.999%, 22%, 62.999%, 64%, 64.999%, 70%, 100% { opacity: .99; }
	20%, 21.999%, 63%, 63.999%, 65%, 69.999% { opacity: .4; }
}

/* Vagues (canvas animé par yumigo.js) */
.yum-waves {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 0;
	display: block;
	width: 100%;
	height: 230px;
	pointer-events: none;
}

/* ---------- Expertises ---------- */
.yum-icone-box { box-shadow: 0 10px 30px rgba(41, 56, 102, .06); }
.yum-souligne { position: relative; margin-top: 10px; padding-bottom: 12px; margin-bottom: 18px; }
.yum-souligne::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 30px;
	height: 2px;
	background: var(--couleur3);
}
.yum-texte-petit { font-size: 14px; line-height: 20px; font-weight: 300; margin-bottom: 0; }

/* ---------- Cartes avec overlay directionnel (réalisations, clients) ---------- */
.yum-mousefollow { overflow: hidden; }
.yum-overlay {
	position: absolute;
	inset: 0;
	z-index: 2;
	display: flex;
	flex-direction: column;
	justify-content: center;
	transform: translateX(-100%);
	transition: transform .25s ease-out;
	pointer-events: none;
}
.yum-mousefollow:hover .yum-overlay,
.yum-mousefollow:focus-within .yum-overlay { transform: translate(0, 0); }
.yum-projet img { object-fit: cover; }
.yum-projet-overlay { padding: 30px; background: rgba(255, 8, 79, .81); }
.yum-projet-titre {
	position: relative;
	padding-bottom: 14px;
	margin-bottom: 18px;
	font-family: FuturaBold, sans-serif;
	font-size: 30px;
	line-height: 39px;
	text-transform: uppercase;
}
.yum-projet-titre::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 40px;
	height: 3px;
	background: var(--couleur2);
}
.yum-client img { filter: grayscale(1); }
.yum-client-overlay { background: rgba(213, 213, 213, .8); align-items: center; }
.yum-client-overlay p { font-size: 16px; }
.yum-coeur { font-size: 25px; line-height: 1; vertical-align: -3px; }

/* ---------- Articles (bloc YUM Posts, vue liste) ---------- */
.yum-articles .yum-posts-block__item {
	display: grid !important;
	grid-template-columns: 494px minmax(0, 1fr);
	column-gap: 56px;
	align-items: start;
	background: none !important;
	box-shadow: none !important;
}
.yum-articles .yum-posts-block__image {
	height: 185px;
	border-left: 23px solid var(--couleur3);
	background-size: cover;
	background-position: center;
}
.yum-articles .yum-posts-block__content {
	display: grid;
	grid-template-columns: 80px minmax(0, 1fr);
	column-gap: 56px;
	padding: 0 !important;
}
.yum-articles .yum-posts-block__content > * { grid-column: 2; }
.yum-articles .yum-posts-block__date {
	grid-column: 1;
	grid-row: 1 / span 3;
	padding: 25px 0 0 !important;
	background: none !important;
	white-space: pre-line;
	text-align: center;
	text-transform: uppercase;
	font-family: Poppins, sans-serif;
	font-size: 30px;
	line-height: 1.1;
	font-weight: 400;
}
.yum-articles .yum-posts-block__date::first-line { font-size: 11px; }
.yum-articles .yum-posts-block__title { margin: 0 0 10px; }
.yum-articles .yum-posts-block__title a { color: inherit; }
.yum-articles .yum-posts-block__title a:hover { color: var(--couleur3); }
.yum-articles .yum-posts-block__excerpt { line-height: 24px; margin-bottom: 12px; }
.yum-articles .yum-posts-block__button {
	display: inline-block;
	padding: 0 !important;
	background: none !important;
	font-family: FuturaBold, sans-serif;
	line-height: 24px;
}

/* ---------- Formation ---------- */
.yum-texte-grand { font-size: 32px; line-height: 42px; font-weight: 300; margin-top: 50px; }
.yum-texte-grand strong em { color: var(--couleur3); font-weight: 700; }
.yum-texte-leger { font-weight: 300; line-height: 29px; }

/* ---------- Footer ---------- */
.yum-footer { overflow: hidden; }
.yum-footer .wp-block-social-links { gap: 22px; margin-bottom: 10px; }
.yum-footer .wp-block-social-links .wp-social-link svg { width: 37px; height: 37px; }
.yum-footer-coord { line-height: 34px; }
.yum-footer-coord a, .yum-footer-legal a { color: inherit; text-decoration: none; }
.yum-footer-legal { font-size: 12px; line-height: 18px; margin-top: 10px; }

/* ---------- Tablette / mobile ---------- */
@media (max-width: 1024px) {
	.yum-articles .yum-posts-block__item { grid-template-columns: 300px minmax(0, 1fr); column-gap: 30px; }
	.yum-articles .yum-posts-block__content { grid-template-columns: 60px minmax(0, 1fr); column-gap: 20px; }
}
@media (max-width: 767px) {
	.yum-waves { display: none; }
	.yum-hero { padding-bottom: 60px; }
	.yum-hero-titre { font-size: 40px; line-height: 1.3; }
	.yum-titre-grand { font-size: 34px; line-height: 1.3; }
	.yum-texte-grand { font-size: 24px; line-height: 32px; margin-top: 20px; }
	.yum-articles .yum-posts-block__item { grid-template-columns: 1fr; row-gap: 20px; }
	.yum-overlay { transform: none; position: absolute; top: auto; }
	.yum-projet-overlay { top: auto; background: rgba(255, 8, 79, .9); }
	.yum-client-overlay { display: none; }
}
@media (prefers-reduced-motion: reduce) {
	.main-navigation .navigation-branding .site-logo::after { animation: none; left: 105%; }
	.yum-city img:nth-child(3) { animation: none; }
}

/* ---------- Pictos (SVG en data URI) ---------- */
.yum-icone-siteweb { background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2056%2032%22%3E%3Cg%20fill%3D%22%23FF084F%22%3E%3Cpath%20d%3D%22M39.755%2032h-39.755v-32h39.755zM0.831%2031.169h38.092v-22.55h-38.092zM0.831%207.788h38.092v-6.957h-38.092z%22%2F%3E%3Cpath%20d%3D%22M21.178%2025.484h-12.975v-0.831h12.975zM31.584%2020.297h-23.381v-0.831h23.381zM31.584%2015.102h-23.381v-0.831h23.381z%22%2F%3E%3Cpath%20d%3D%22M4.305%205.369c-0.588%200-1.064-0.476-1.064-1.064s0.476-1.064%201.064-1.064c0.588%200%201.064%200.476%201.064%201.064v0c0%200.588-0.476%201.064-1.064%201.064v0zM4.305%204.073c-0.129%200-0.233%200.104-0.233%200.233s0.104%200.233%200.233%200.233c0.129%200%200.233-0.104%200.233-0.233v0c-0.004-0.127-0.106-0.228-0.232-0.233h-0z%22%2F%3E%3Cpath%20d%3D%22M8.852%205.369c-0.588%200-1.064-0.476-1.064-1.064s0.476-1.064%201.064-1.064c0.588%200%201.064%200.476%201.064%201.064v0c0%200.588-0.476%201.064-1.064%201.064v0zM8.852%204.073c-0.129%200-0.233%200.104-0.233%200.233s0.104%200.233%200.233%200.233c0.129%200%200.233-0.104%200.233-0.233v0c-0.004-0.127-0.106-0.228-0.232-0.233h-0z%22%2F%3E%3Cpath%20d%3D%22M13.39%205.369c-0.588%200-1.064-0.476-1.064-1.064s0.476-1.064%201.064-1.064c0.588%200%201.064%200.476%201.064%201.064v0c0%200.588-0.476%201.064-1.064%201.064v0zM13.39%204.073c-0.129%200-0.233%200.104-0.233%200.233s0.104%200.233%200.233%200.233c0.129%200%200.233-0.104%200.233-0.233v0c-0.004-0.127-0.106-0.228-0.232-0.233h-0z%22%2F%3E%3Cpath%20d%3D%22M55.547%2026.672h-12.867v-0.831h12.867zM55.547%2012.293h-12.867v-0.831h12.867z%22%2F%3E%3Cpath%20d%3D%22M54.026%2031.975h-9.833c-1.065%200-1.928-0.863-1.928-1.928v-19.682c0-1.065%200.863-1.928%201.928-1.928v0h9.833c1.065%200%201.928%200.863%201.928%201.928v0%2019.682c0%201.065-0.863%201.928-1.928%201.928v0zM44.193%209.268c-0.606%200-1.097%200.491-1.097%201.097v0%2019.682c0%200.606%200.491%201.097%201.097%201.097v0h9.833c0.606%200%201.097-0.491%201.097-1.097v-19.682c0-0.606-0.491-1.097-1.097-1.097v0z%22%2F%3E%3Cpath%20d%3D%22M49.114%2030.080c-0.647%200-1.172-0.525-1.172-1.172s0.525-1.172%201.172-1.172c0.647%200%201.172%200.525%201.172%201.172v0c0%200.647-0.525%201.172-1.172%201.172v0zM49.114%2028.567c-0.188%200-0.341%200.153-0.341%200.341s0.153%200.341%200.341%200.341c0.188%200%200.341-0.153%200.341-0.341v0c0-0.188-0.153-0.341-0.341-0.341v0z%22%2F%3E%3Cpath%20d%3D%22M45.673%2015.842h6.89v0.831h-6.89v-0.831z%22%2F%3E%3Cpath%20d%3D%22M45.673%2018.868h6.89v0.831h-6.89v-0.831z%22%2F%3E%3Cpath%20d%3D%22M45.673%2021.893h3.823v0.831h-3.823v-0.831z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E); }
.yum-icone-webapp { background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2038%2032%22%3E%3Cg%20fill%3D%22%23FF084F%22%3E%3Cpath%20d%3D%22M6.66%2032l-0.332-0.609c3.459-1.963%207.598-3.119%2012.007-3.119%200.038%200%200.077%200%200.115%200l-0.006-0v-4.219h-18.445v-24.054h37.574v24.054h-18.438v4.219h0.118c4.404%200.005%208.537%201.161%2012.115%203.183l-0.123-0.064-0.332%200.609c-3.368-1.908-7.397-3.033-11.689-3.033-0.151%200-0.301%200.001-0.45%200.004l0.022-0c-0.132-0.003-0.287-0.004-0.443-0.004-4.294%200-8.325%201.125-11.815%203.096l0.12-0.062zM0.692%2023.362h36.191v-22.67h-36.191z%22%2F%3E%3Cpath%20d%3D%22M33.888%2019.067h-30.202v-6.093h30.202zM4.378%2018.376h28.819v-4.71h-28.819z%22%2F%3E%3Cpath%20d%3D%22M15.907%2011.066h-12.22v-6.079h12.22zM4.378%2010.374h10.837v-4.696h-10.837z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E); }
.yum-icone-multimedia { background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2028%2032%22%3E%3Cg%20fill%3D%22%23FF084F%22%3E%3Cpath%20d%3D%22M24.071%2025.24c-3.159%200-7.952-1.565-12.932-4.421-5.786-3.317-10.207-7.528-11.008-10.482-0.088-0.252-0.138-0.542-0.138-0.843%200-0.448%200.111-0.87%200.308-1.239l-0.007%200.014c1.537-2.674%208.726-1.342%2016.361%203.037v0c5.795%203.322%2010.216%207.556%2011.013%2010.528%200.081%200.241%200.128%200.519%200.128%200.807%200%200.452-0.115%200.877-0.316%201.247l0.007-0.014c-0.522%200.922-1.738%201.365-3.415%201.365zM3.676%207.37c-1.477%200-2.534%200.363-2.982%201.132-0.148%200.288-0.235%200.629-0.235%200.989%200%200.26%200.045%200.509%200.128%200.741l-0.005-0.015c0.769%202.842%205.124%206.941%2010.789%2010.202%207.151%204.1%2014.353%205.59%2015.727%203.224%200.148-0.285%200.234-0.623%200.234-0.981%200-0.253-0.043-0.495-0.122-0.721l0.005%200.015c-0.764-2.86-5.124-6.988-10.794-10.249v0c-4.831-2.767-9.685-4.337-12.746-4.337z%22%2F%3E%3Cpath%20d%3D%22M13.948%2018.332c-1.286%200-2.329-1.043-2.329-2.329s1.043-2.329%202.329-2.329c1.286%200%202.329%201.043%202.329%202.329v0c0%201.286-1.043%202.329-2.329%202.329v0zM13.948%2014.139c-1.029%200-1.863%200.834-1.863%201.863s0.834%201.863%201.863%201.863c1.029%200%201.863-0.834%201.863-1.863v0c0-0.003%200-0.006%200-0.009%200-1.029-0.834-1.863-1.863-1.863%200%200-0%200-0%200v0z%22%2F%3E%3Cpath%20d%3D%22M3.727%2025.236c-1.7%200-2.888-0.466-3.415-1.36-0.19-0.355-0.301-0.777-0.301-1.225%200-0.302%200.051-0.592%200.144-0.862l-0.006%200.019c0.783-2.963%205.204-7.179%2010.99-10.482%201.479-0.874%203.234-1.747%205.053-2.499l0.286-0.105%200.177%200.429c-2.085%200.851-3.822%201.715-5.488%202.687l0.205-0.111c-5.688%203.252-10.021%207.375-10.794%2010.202-0.076%200.214-0.119%200.461-0.119%200.718%200%200.363%200.087%200.706%200.242%201.009l-0.006-0.013c0.75%201.281%203.322%201.481%206.885%200.54l0.121%200.466c-1.184%200.345-2.548%200.557-3.957%200.587l-0.017%200zM9.485%2024.090l-0.168-0.438c2.739-0.959%205.086-2.060%207.299-3.364l-0.19%200.103c5.702-3.261%2010.039-7.389%2010.794-10.249%200.074-0.209%200.117-0.45%200.117-0.701%200-0.356-0.086-0.692-0.24-0.988l0.006%200.012c-0.866-1.491-4.128-1.514-8.511-0.065l-0.149-0.438c4.659-1.547%208.064-1.449%209.061%200.27%200.189%200.352%200.299%200.77%200.299%201.213%200%200.293-0.048%200.574-0.137%200.836l0.005-0.018c-0.787%202.954-5.213%207.179-11.013%2010.51-2.047%201.221-4.421%202.341-6.906%203.228l-0.287%200.089z%22%2F%3E%3Cpath%20d%3D%22M13.948%2032c-3.079%200-5.488-7.030-5.488-16.002h0.466c0%208.423%202.301%2015.536%205.022%2015.536%202.087%200%203.983-4.132%204.719-10.282l0.466%200.056c-0.778%206.494-2.828%2010.691-5.185%2010.691zM19.343%2019.026l-0.466-0.028c0.061-0.992%200.093-2.003%200.093-3%200-8.418-2.301-15.532-5.022-15.532-2.357%200-4.477%205.413-4.929%2012.578l-0.466-0.028c0.466-7.673%202.702-13.044%205.395-13.044%203.079%200%205.488%207.025%205.488%2015.998%200%201.034-0.033%202.054-0.093%203.056z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E); }
.yum-icone-formation { background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2051%2032%22%3E%3Cg%20fill%3D%22%23FF084F%22%3E%3Cpath%20d%3D%22M13.329%2032c-0.063-0-0.122-0.019-0.171-0.052l0.001%200.001-10.061-6.886%200.11-0.143c0.635-0.817%201.019-1.858%201.019-2.988%200-0.028-0-0.055-0.001-0.083l0%200.004c0-1.941-1.005-2.998-2.067-4.117-0.994-1.050-2.160-3.653-2.160-7.521%200-3.950%203.205-10.217%2011.809-10.217%204.130%200%207.263%201.123%209.307%203.341%201.607%201.739%202.491%204.181%202.489%206.876%200%200.611-0.183%201.432-0.339%202.092-0.083%200.308-0.149%200.676-0.186%201.052l-0.002%200.029c0.012%200.224%200.826%201.373%201.358%202.133%200.521%200.733%200.969%201.357%201.084%201.644l0.034%200.080c0.132%200.309%200.280%200.660%200.093%200.977s-0.660%200.509-1.527%200.608c-0.036%200.697-0.300%201.498-0.721%202.766l-0.107%200.321c-0.153%200.460-0.229%201.139-0.312%201.867-0.188%201.654-0.404%203.531-1.670%203.531-0.921%200-1.979-0.329-2.910-0.619-0.721-0.226-1.403-0.438-1.850-0.438-0.302%200.058-1.417%201.987-2.954%205.566l-0.025%200.044c-0.054%200.077-0.141%200.127-0.240%200.131l-0.001%200zM13.353%2031.661v0zM3.586%2024.983l9.730%206.659c1.636-3.801%202.729-5.729%203.248-5.729s1.171%200.210%201.950%200.453c0.910%200.283%201.941%200.604%202.810%200.604%200.964%200%201.159-1.717%201.332-3.224%200.085-0.738%200.170-1.434%200.328-1.926l0.107-0.322c0.441-1.329%200.708-2.131%200.708-2.812v-0.153l0.153-0.017c0.804-0.080%201.278-0.234%201.412-0.458%200.100-0.170%200-0.414-0.114-0.679l-0.034-0.083c-0.102-0.243-0.584-0.921-1.049-1.576-0.887-1.252-1.427-2.036-1.427-2.330%200.039-0.429%200.111-0.822%200.215-1.202l-0.011%200.048c0.144-0.645%200.324-1.446%200.324-2.019%200-2.610-0.848-4.970-2.398-6.647-1.980-2.143-5.028-3.231-9.060-3.231-8.355%200-11.469%206.058-11.469%209.878%200%203.772%201.115%206.279%202.068%207.286%201.111%201.169%202.162%202.274%202.162%204.347%200%200.023%200.001%200.049%200.001%200.076%200%201.147-0.369%202.209-0.995%203.071l0.010-0.015z%22%2F%3E%3Cpath%20d%3D%22M6.394%2018.335c-0.565-0.002-1.032-0.424-1.104-0.970l-0.001-0.006c-0.004-0.040-0.007-0.087-0.007-0.134s0.003-0.094%200.008-0.140l-0%200.006c0-0.942-0.509-2.036-1.038-3.088-0.378-0.758-1.587-4.458-0.146-7.385%200.877-1.795%202.569-2.951%205.024-3.441v0c0.755-0.151%203.423-0.572%206.109%200.339%202.520%200.848%204.132%202.606%204.661%205.091%200.246%201.188%200.428%202.428-0.290%203.394-0.662%200.886-2.001%201.400-4.096%201.575-4.529%200.375-6.908%200.613-7.259%201.481-0.097%200.256-0.193%200.575-0.268%200.902l-0.010%200.053c-0.265%201.081-0.563%202.304-1.456%202.315-0.037%200.005-0.081%200.008-0.125%200.008h-0.001zM11.556%203.282c-0.007-0-0.016-0-0.024-0-0.826%200-1.632%200.083-2.412%200.241l0.078-0.013c-2.348%200.470-3.959%201.563-4.785%203.251-1.386%202.825-0.156%206.487%200.144%207.091%200.535%201.081%201.071%202.231%201.071%203.248v0.019c-0.003%200.030-0.005%200.065-0.005%200.100s0.002%200.070%200.005%200.104l-0-0.004c0.048%200.388%200.375%200.685%200.772%200.685%200.034%200%200.068-0.002%200.101-0.006l-0.004%200h0.022c0.633%200%200.913-1.139%201.137-2.055%200.088-0.403%200.189-0.744%200.310-1.075l-0.018%200.056c0.411-1.018%202.287-1.254%207.548-1.697%201.992-0.170%203.251-0.635%203.850-1.439%200.635-0.848%200.462-2.004%200.231-3.117-0.870-4.073-4.694-5.389-8.020-5.389z%22%2F%3E%3Cpath%20d%3D%22M11.159%2013.514c-0.345-0.335-0.560-0.804-0.560-1.322%200-0.152%200.018-0.300%200.053-0.442l-0.003%200.013c0.212-0.821%200.828-1.461%201.619-1.703l0.017-0.004%200.109%200.322c-0.695%200.208-1.228%200.755-1.410%201.445l-0.003%200.014c-0.027%200.107-0.043%200.229-0.043%200.355%200%200.423%200.177%200.805%200.462%201.075l0.001%200.001zM4.429%2013.483l-0.339-0.024c0.053-0.845%200.463-1.585%201.080-2.076l0.006-0.005c0.604-0.470%201.373-0.754%202.208-0.754%200.119%200%200.236%200.006%200.352%200.017l-0.015-0.001c0.199-0.631%200.763-1.087%201.439-1.121l0.004-0v0.339c-0.529%200.036-0.967%200.394-1.119%200.879l-0.002%200.009c-0.093%200.307-0.127%200.903%200.679%201.446l-0.187%200.282c-0.609-0.406-0.920-0.938-0.884-1.498-0.077-0.006-0.168-0.010-0.259-0.010-0.760%200-1.459%200.256-2.018%200.686l0.008-0.006c-0.548%200.438-0.909%201.092-0.952%201.831l-0%200.007zM16.677%2013.414h-0.047v-0.231l-0.034-0.100c0.489-0.168%200.834-0.624%200.834-1.161%200-0.137-0.023-0.269-0.064-0.392l0.003%200.009c-0.122-0.613-0.573-1.096-1.158-1.263l-0.012-0.003c-0.165-0.042-0.355-0.066-0.551-0.066-0.627%200-1.196%200.249-1.613%200.654l0.001-0.001-0.241-0.241c0.476-0.469%201.130-0.758%201.852-0.758%200.229%200%200.451%200.029%200.662%200.084l-0.018-0.004c0.711%200.200%201.250%200.771%201.401%201.486l0.002%200.013c0.049%200.144%200.077%200.311%200.077%200.484%200%200.686-0.441%201.268-1.055%201.480l-0.011%200.003zM3.794%209.250l-0.292-0.170c0.271-0.453%200.758-0.751%201.315-0.751s1.044%200.298%201.311%200.744l0.004%200.007-0.292%200.170c-0.210-0.352-0.590-0.585-1.023-0.585s-0.813%200.232-1.020%200.579l-0.003%200.005zM16.563%208.795v-0.339c0.623%200%201.084-0.170%201.368-0.521%200.360-0.438%200.451-1.174%200.265-2.133l0.339-0.064c0.210%201.076%200.098%201.887-0.339%202.413-0.355%200.428-0.903%200.645-1.632%200.645zM8.758%208.208l-0.265-0.210c0.382-0.466%200.935-0.780%201.561-0.848l0.010-0.001c0.037-0.155%200.059-0.333%200.059-0.516%200-0.482-0.149-0.929-0.403-1.299l0.005%200.008c-0.465-0.694-1.293-1.167-2.270-1.298l0.044-0.339c1.074%200.144%201.989%200.679%202.508%201.444%200.288%200.415%200.460%200.929%200.460%201.483%200%200.175-0.017%200.346-0.050%200.512l0.003-0.017c0.051%200%200.104%200%200.156%200.012%200.597%200.037%201.107%200.379%201.377%200.872l0.004%200.009-0.304%200.153c-0.225-0.398-0.635-0.669-1.110-0.696l-0.004-0c-0.061-0.007-0.133-0.010-0.205-0.010-0.631%200-1.196%200.287-1.569%200.738l-0.003%200.003zM7.529%207.738c-1.799-0.487-1.665-2.581-1.580-3.211l0.339%200.044c-0.075%200.562-0.200%202.423%201.332%202.837zM14.527%207.719l-0.170-0.292c1.188-0.708%201.549-2.085%200.947-3.596l0.307-0.126c0.679%201.675%200.256%203.212-1.084%204.013zM13.017%206.054l-0.312-0.136c0.109-0.246%200.173-0.534%200.173-0.836%200-0.754-0.395-1.416-0.990-1.789l-0.009-0.005%200.170-0.288c0.705%200.439%201.167%201.210%201.167%202.089%200%200.349-0.073%200.681-0.204%200.981l0.006-0.016z%22%2F%3E%3Cpath%20d%3D%22M50.684%2026.536l-4-1.671c-0.478%200.108-1.026%200.170-1.590%200.170-0.026%200-0.053-0-0.079-0l0.004%200c-2.944%200-5.520-1.697-6.122-4.018l0.329-0.085c0.563%202.180%203%203.764%205.795%203.764%200.025%200%200.055%200%200.085%200%200.552%200%201.089-0.062%201.605-0.179l-0.048%200.009%200.053-0.010%203.351%201.400-1.005-2.498%200.107-0.078c1.035-0.762%201.710-1.961%201.749-3.320l0-0.006c0-2.091-1.765-3.945-4.291-4.505l0.075-0.339c2.683%200.596%204.556%202.586%204.556%204.841-0.040%201.430-0.725%202.692-1.773%203.510l-0.010%200.008z%22%2F%3E%3Cpath%20d%3D%22M30.050%2023.334l2.021-4.203c-1.654-1.327-2.562-3.087-2.562-4.970%200-3.872%203.918-7.022%208.734-7.022s8.734%203.149%208.734%207.022-3.918%207.020-8.734%207.020c-0.023%200-0.050%200-0.077%200-0.802%200-1.583-0.088-2.334-0.256l0.071%200.013zM38.246%207.478c-4.629%200-8.395%202.998-8.395%206.682%200%201.817%200.901%203.516%202.545%204.787l0.109%200.085-1.760%203.653%205.136-2.101%200.053%200.010c0.673%200.157%201.446%200.246%202.240%200.246%200.027%200%200.053-0%200.080-0l-0.004%200c4.631%200%208.396-2.997%208.396-6.681s-3.772-6.682-8.401-6.682z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E); }
.yum-icone-yumigo { background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20152%2032%22%3E%3Cg%20fill%3D%22%23F4094D%22%3E%3Cpath%20d%3D%22M83.257%209.036h6.18v22.58h-6.18v-22.58z%22%2F%3E%3Cpath%20d%3D%22M89.486%203.157c0%201.743-1.413%203.157-3.157%203.157s-3.157-1.413-3.157-3.157c0-1.743%201.413-3.157%203.157-3.157s3.157%201.413%203.157%203.157z%22%2F%3E%3Cpath%20d%3D%22M41.754%201.169v20.543c-0.176%202.484-2.235%204.433-4.749%204.433-0.092%200-0.184-0.003-0.274-0.008l0.013%200.001c-0.078%200.005-0.17%200.007-0.262%200.007-2.514%200-4.572-1.949-4.748-4.418l-0.001-0.015v-17.035l-6.363%209.72v7.983c0%205.762%205.745%209.603%2011.307%209.603s11.307-3.841%2011.307-9.603v-21.211z%22%2F%3E%3Cpath%20d%3D%22M73.653%2012.96v18.656h6.363v-30.447h-5.595l-9.002%2013.678-9.019-13.678h-5.645v30.447h6.196v-18.171l7.95%2011.691c0.095%200.136%200.25%200.223%200.426%200.223s0.331-0.088%200.425-0.222l0.001-0.002z%22%2F%3E%3Cpath%20d%3D%22M104.868%2013.812v5.996h8.251v4.309c-1.752%201.177-3.908%201.881-6.228%201.887h-0.002c-5.461%200-9.119-3.875-9.119-9.637v-0.084c-0.008-0.141-0.012-0.307-0.012-0.473%200-4.868%203.857-8.835%208.681-9.013l0.016-0c0.115-0.005%200.249-0.008%200.385-0.008%202.636%200%205.031%201.033%206.801%202.717l-0.004-0.004%201.253%201.086%204.092-4.827-1.253-1.052c-2.803-2.474-6.508-3.985-10.566-3.985-0.196%200-0.391%200.004-0.586%200.011l0.028-0.001c-8.411%200.026-15.219%206.85-15.219%2015.265%200%200.129%200.002%200.258%200.005%200.387l-0-0.019c-0.008%200.182-0.012%200.395-0.012%200.609%200%208.302%206.73%2015.031%2015.031%2015.031%200.169%200%200.337-0.003%200.504-0.008l-0.024%200.001c4.598-0.003%208.792-1.725%2011.976-4.559l-0.018%200.016%200.551-0.484v-13.161z%22%2F%3E%3Cpath%20d%3D%22M136.802%200.701c-0.050-0.001-0.109-0.001-0.168-0.001-8.551%200-15.482%206.932-15.482%2015.482%200%200.053%200%200.106%200.001%200.159l-0-0.008v0.1c0.309%208.39%207.185%2015.074%2015.623%2015.074%208.472%200%2015.371-6.74%2015.625-15.151l0.001-0.023v-0.117c0-0.040%200.001-0.088%200.001-0.135%200-8.495-6.887-15.382-15.382-15.382-0.077%200-0.153%200.001-0.229%200.002l0.012-0zM144.985%2016.334v0.1c0.006%200.115%200.009%200.249%200.009%200.384%200%204.533-3.663%208.21-8.19%208.234h-0.002c-4.55-0.080-8.209-3.788-8.209-8.35%200-0.13%200.003-0.259%200.009-0.387l-0.001%200.018v-0.117c-0.007-0.13-0.011-0.282-0.011-0.435%200-4.52%203.634-8.19%208.139-8.25l0.006-0c4.585%200.118%208.257%203.862%208.257%208.465%200%200.118-0.002%200.236-0.007%200.353l0.001-0.017z%22%2F%3E%3Cpath%20d%3D%22M11.908%2019.641l-11.908-18.472h7.816l7.482%2012.192%207.432-12.192h7.599l-11.691%2018.472v11.975h-6.681z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E); }

/* =====================================================================
   YUMIGO – Page Agence
   ===================================================================== */

/* ---------- YOU / ME / GO! ---------- */
.yum-geant {
	margin: 0;
	color: var(--couleur3);
	font-family: Poppins, sans-serif;
	font-size: 140px;
	line-height: 210px;
	font-weight: 700;
	font-style: italic;
	text-transform: none;
}
.yum-geant-1 { text-indent: -20px; }
.yum-geant-2 { text-indent: 40px; }
.yum-colonne-texte { max-width: 330px; margin-bottom: 0; }
.yum-contactez {
	margin: 20px 0 0;
	color: var(--couleur9);
	font-size: 33px;
	line-height: 1.2;
}

/* ---------- Nos expertises : bloc marine sur bande rose ---------- */
.yum-agence-expertises { position: relative; isolation: isolate; }
.yum-agence-expertises::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	max-width: 1650px;
	background: var(--couleur1);
	z-index: -1;
}
.yum-agence-expertises::after {
	content: "";
	position: absolute;
	top: 160px;
	left: 0;
	right: 0;
	height: 620px;
	background: var(--couleur3);
	z-index: -2;
}

/* Cercle : anneau rose qui se dessine à l'entrée dans l'écran (classe yum-inview posée par yumigo.js) */
@property --yum-angle { syntax: "<angle>"; inherits: false; initial-value: 0deg; }
.yum-cercle::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 50%;
	background: conic-gradient(var(--couleur3) var(--yum-angle), var(--couleur2) 0);
	-webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 6px), #000 calc(100% - 6px));
	mask: radial-gradient(farthest-side, transparent calc(100% - 6px), #000 calc(100% - 6px));
}
.yum-cercle.yum-inview::before { animation: yumCercle 1s linear forwards; }
/* Fin d'animation : l'anneau devient un aplat rose (plus de dégradé conique),
   donc plus de jointure blanche d'1px en haut du cercle, même sur écran Retina */
@keyframes yumCercle {
	0% { --yum-angle: 0deg; background: conic-gradient(var(--couleur3) var(--yum-angle), var(--couleur2) 0); }
	99% { --yum-angle: 360deg; background: conic-gradient(var(--couleur3) var(--yum-angle), var(--couleur2) 0); }
	100% { --yum-angle: 360deg; background: var(--couleur3); }
}
.yum-cercle img { position: relative; }

/* Traits de vitesse de part et d'autre du cercle */
.yum-cercle::after {
	content: "";
	position: absolute;
	top: 28px;
	left: -130px;
	width: 128px;
	height: 80px;
	background: url("https://encoursdedev.com/yumigo/wp-content/uploads/2026/11/yumigo-traits.svg") no-repeat center / contain;
	transform: rotate(180deg);
	pointer-events: none;
}
.yum-exp-inverse .yum-cercle::after { top: 15px; left: auto; right: -130px; transform: none; }

/* Carrés sombres inclinés derrière les textes */
.yum-exp-contenu::before {
	content: "";
	position: absolute;
	top: 0;
	width: 100px;
	height: 100px;
	background: #0d2247;
	z-index: -1;
}
.yum-exp-ligne:nth-child(1) .yum-exp-contenu::before { width: 100px; height: 100px; top: 14px; right: -24px; transform: rotate(20deg); }
.yum-exp-ligne:nth-child(2) .yum-exp-contenu::before { width: 105px; height: 105px; top: 18px; left: -79px; transform: rotate(-25deg); }
.yum-exp-ligne:nth-child(3) .yum-exp-contenu::before { width: 75px; height: 75px; top: 23px; right: 62px; transform: rotate(5deg); }
.yum-exp-ligne:nth-child(4) .yum-exp-contenu::before { width: 80px; height: 80px; top: 76px; left: -6px; transform: rotate(20deg); }

/* Titres soulignés en pointillés roses */
.yum-exp-titre {
	position: relative;
	margin: 0 0 20px;
	font-size: 36px;
	line-height: 55px;
	font-weight: 700;
}
.yum-exp-titre::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -14px;
	width: 160px;
	height: 10px;
	background-image: linear-gradient(to right, var(--couleur3) 50%, transparent 0);
	background-size: 17px 4px;
	background-repeat: repeat-x;
}
.yum-exp-inverse .yum-exp-titre::after { left: auto; right: 0; }
.yum-exp-texte { font-size: 16px; line-height: 24px; }

.yum-accroche {
	margin: 130px 0 0;
	font-size: 34px;
	line-height: 51px;
	font-weight: 700;
	font-style: italic;
}

/* Ancres (Découvrir) : ne pas passer sous le menu fixe */
.yum-animonscroll[id] { scroll-margin-top: 100px; }

/* ---------- Tablette / mobile ---------- */
@media (max-width: 1260px) {
	.yum-geant { font-size: 110px; line-height: 1.4; }
	.yum-colonne-texte { max-width: none; }
}
@media (max-width: 767px) {
	.yum-geant { font-size: 80px; text-indent: 0; }
	.yum-accroche { margin-top: 80px; font-size: 26px; line-height: 36px; }
	.yum-agence-expertises::after { top: 80px; height: 400px; }
	.yum-cercle::after, .yum-exp-contenu::before { display: none; }
	.yum-exp-titre::after, .yum-exp-inverse .yum-exp-titre::after { left: 0; right: 0; margin: auto; }
	.yum-contactez { font-size: 26px; }
	.yum-exp-inverse .yum-cercle { order: -1; }
	.yum-exp-titre { font-size: 28px; line-height: 40px; }
	.yum-exp-texte br { display: none; }
}
@media (prefers-reduced-motion: reduce) {
	.yum-cercle::before { background: var(--couleur3); }
	.yum-cercle.yum-inview::before { animation: none; }
}

/* =====================================================================
   YUMIGO – Page Contact
   (habillage de base des champs : Yum Forms Styling ; ici la mise en page
   propre à l'ancien site : labels dans les cartes, liseré bas, zone de dépôt)
   ===================================================================== */

/* ---------- Titres et textes ---------- */
.yum-titre-rose {
	margin: 0;
	font-family: Poppins, sans-serif;
	font-size: 32px;
	line-height: 48px;
	font-weight: 700;
	font-style: italic;
	text-transform: none;
}
.yum-animonscroll:has(.yum-titre-rose) { color: var(--couleur1); }
.yum-personne-nom { margin: 0 0 20px; font-size: 24px; line-height: 35px; font-weight: 500; }
.yum-personne-tel { margin: 0; }
.yum-personne-tel a { color: inherit; text-decoration: none; }
.yum-personne-tel a:hover { color: var(--couleur3); }
.yum-titre-fichiers {
	margin: 0;
	font-family: Poppins, sans-serif;
	font-size: 28px;
	line-height: 42px;
	font-weight: 400;
	text-transform: none;
}
.yum-fichiers-intro { margin: 20px 0 10px; font-size: 14px; }
.yum-fichiers-intro strong { color: var(--couleur3); }

/* ---------- Formulaire de contact (GF 1) ---------- */
.yum-form-contact .gform_wrapper ul.gform_fields li.gfield { margin-top: 0; padding-right: 0; }
.yum-form-contact .gform_wrapper .gfield { margin-bottom: 22px; }
.yum-form-contact .gform_wrapper .labelin { position: relative; }
.yum-form-contact .gform_wrapper .labelin .gfield_label {
	position: absolute;
	top: 22px;
	left: 0;
	z-index: 1;
	margin: 0;
	padding-left: 25px;
	color: var(--couleur1);
	font-size: 14px;
	line-height: 21px;
	font-weight: 700;
	pointer-events: none;
}
.yum-form-contact .gform_wrapper .gfield_required {
	position: relative;
	top: -3px;
	margin-left: 2px;
	color: var(--couleur3);
	font-size: 12px;
}
.yum-form-contact .gform_wrapper .labelin input,
.yum-form-contact .gform_wrapper .labelin textarea {
	width: 100% !important;
	padding-top: 45px !important;
}
.yum-form-contact .gform_wrapper .labelin textarea { height: 240px; }
.yum-form-contact .gform_wrapper .ginput_container input,
.yum-form-contact .gform_wrapper .ginput_container textarea { display: block; margin: 0 !important; }

/* Liseré marine sous chaque champ, qui passe au rose au survol */
.yum-form-contact .gform_wrapper .ginput_container:not(.ginput_recaptcha) {
	position: relative;
	margin-top: 0 !important;
	border-bottom: 5px solid var(--couleur1);
}
.yum-form-contact .gform_wrapper .ginput_container:not(.ginput_recaptcha)::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -5px;
	width: 0;
	height: 5px;
	background: var(--couleur3);
	transition: width .25s ease;
}
.yum-form-contact .gform_wrapper .ginput_container:not(.ginput_recaptcha):hover::after,
.yum-form-contact .gform_wrapper .ginput_container:not(.ginput_recaptcha):focus-within::after { width: 100%; }
.yum-form-contact .gform_wrapper .gfield_description { padding-top: 6px; font-size: 14px; }

/* ---------- Champs sans label (dépôt de fichiers, captcha) ---------- */
.gform_wrapper .nolabel > .gfield_label,
.gform_wrapper .nolabel > legend { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }

/* ---------- Bouton d'envoi (les deux formulaires) ---------- */
.yum-form-contact .gform_wrapper .gform_footer,
.yum-form-fichiers .gform_wrapper .gform_footer { margin: 25px 0 0; padding: 0; text-align: right; }
.yum-form-contact .gform_wrapper .gform_footer .gform_button,
.yum-form-fichiers .gform_wrapper .gform_footer .gform_button {
	margin: 0;
	padding: 28px 105px 30px;
	border: 0;
	border-radius: 0;
	background: var(--couleur3);
	color: var(--couleur2);
	font-family: FuturaBold, sans-serif;
	font-size: 18px;
	line-height: 24px;
	text-transform: uppercase;
	cursor: pointer;
	transition: background-color .4s ease-out, color .4s ease-out;
}
.yum-form-contact .gform_wrapper .gform_footer .gform_button:hover,
.yum-form-contact .gform_wrapper .gform_footer .gform_button:focus { background: var(--couleur1); color: var(--couleur2); }
.yum-form-fichiers .gform_wrapper .gform_footer .gform_button:hover,
.yum-form-fichiers .gform_wrapper .gform_footer .gform_button:focus { background: var(--couleur2); color: var(--couleur3); }

/* ---------- Dépôt de fichiers (GF 2, fond marine) ---------- */
.yum-form-fichiers .gform_wrapper,
.yum-form-fichiers .gform_wrapper .gfield_label,
.yum-form-fichiers .gform_wrapper .gfield_description,
.yum-form-fichiers .gform_wrapper .gform_drop_instructions,
.yum-form-fichiers .gform_wrapper .validation_message { color: var(--couleur2); }
.yum-form-fichiers .gform_wrapper .gform_drop_area {
	padding: 85px 65px;
	border: 4px dashed var(--couleur2);
	border-radius: 0;
	background: transparent;
	text-align: center;
}
.yum-form-fichiers .gform_wrapper .gform_drop_instructions { display: block; font-size: 14px; }
.yum-form-fichiers .gform_wrapper .gform_button_select_files {
	display: inline-block;
	width: auto;
	margin: 17px;
	padding: 22px 56px;
	border: 3px solid var(--couleur3) !important;
	border-radius: 0;
	background: transparent;
	color: var(--couleur2);
	font-family: FuturaBold, sans-serif;
	font-size: 18px;
	line-height: 24px;
	text-transform: uppercase;
	cursor: pointer;
	transition: background-color .3s ease-out;
}
.yum-form-fichiers .gform_wrapper .gform_button_select_files:hover,
.yum-form-fichiers .gform_wrapper .gform_button_select_files:focus { background: var(--couleur3); }
.yum-form-fichiers .gform_wrapper .ginput_recaptcha { margin-top: 45px; }

@media (max-width: 767px) {
	.yum-titre-rose { font-size: 26px; line-height: 36px; }
	.yum-titre-fichiers { font-size: 22px; line-height: 32px; }
	.yum-form-contact .gform_wrapper .gform_footer,
	.yum-form-fichiers .gform_wrapper .gform_footer { text-align: center; }
	.yum-form-contact .gform_wrapper .gform_footer .gform_button,
	.yum-form-fichiers .gform_wrapper .gform_footer .gform_button { width: 100%; padding-left: 20px; padding-right: 20px; }
	.yum-form-fichiers .gform_wrapper .gform_drop_area { padding: 50px 15px; }
}

/* =====================================================================
   YUMIGO – Page Réalisations
   ===================================================================== */
.yum-titre-projet {
	margin: 0;
	font-family: Poppins, sans-serif;
	font-size: 48px;
	line-height: 72px;
	font-weight: 700;
	font-style: italic;
	text-transform: none;
}
@media (max-width: 767px) {
	.yum-titre-projet { font-size: 30px; line-height: 42px; }
}

/* =====================================================================
   YUMIGO – Fiche Réalisation (GP Element « Réalisation – fiche », shortcodes [yum_realisation])
   ===================================================================== */
.yum-real-surtitre {
	margin: 20px 0 0;
	color: var(--couleur1);
	font-family: FuturaBold, sans-serif;
	font-size: 60px;
	line-height: 78px;
}

/* Image encadrée : aplat marine à 50 % décalé + « Made with love by Yumigo » */
.yum-real-cadre {
	position: relative;
	display: inline-block;
	padding: 73px 0 73px 80px;
	isolation: isolate;
}
.yum-real-cadre::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 590px;
	max-width: 80%;
	height: 100%;
	background: var(--couleur1);
	opacity: .5;
	z-index: -1;
}
.yum-real-cadre::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	width: 138px;
	height: 54px;
	background: url("https://encoursdedev.com/yumigo/wp-content/uploads/2026/11/yumigo-made-with-love.png") no-repeat center / contain;
}
.yum-real-image img {
	display: block;
	width: 740px;
	max-width: 100%;
	height: auto;
	aspect-ratio: 740 / 368;
	object-fit: cover;
	background: var(--couleur1);
}

/* Bouton « Voir le site » (même rendu que les boutons YUM roses) */
.yum-real-lien {
	display: inline-block;
	padding: 29px 100px;
	background: var(--couleur3);
	color: var(--couleur2);
	font-family: FuturaBold, sans-serif;
	font-size: 18px;
	line-height: 24px;
	text-transform: uppercase;
	text-decoration: none;
	transition: background-color .3s ease-out, color .3s ease-out;
}
.yum-real-lien:hover,
.yum-real-lien:focus { background: var(--couleur1); color: var(--couleur2); }

/* Retour aux réalisations */
.yum-real-retour {
	display: inline-flex;
	align-items: center;
	gap: 30px;
	color: var(--couleur1);
	font-weight: 700;
	text-decoration: none;
}
.yum-real-retour-fleche {
	position: relative;
	width: 72px;
	height: 72px;
	flex: 0 0 72px;
	background: var(--couleur1);
	transition: background-color .3s ease-out;
}
.yum-real-retour-fleche::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 12px;
	height: 12px;
	border-left: 3px solid var(--couleur2);
	border-bottom: 3px solid var(--couleur2);
	transform: translate(-30%, -50%) rotate(45deg);
}
.yum-real-retour-texte { opacity: .5; transition: opacity .3s ease-out; }
.yum-real-retour:hover .yum-real-retour-fleche { background: var(--couleur3); }
.yum-real-retour:hover .yum-real-retour-texte { opacity: 1; }

/* Bloc infos : numéro géant, type, titre, étiquettes, intro */
.yum-real-numero {
	position: absolute;
	top: 0;
	right: 0;
	color: var(--couleur1);
	font-size: 142px;
	line-height: 112px;
	font-weight: 700;
	opacity: .17;
	pointer-events: none;
}
.yum-real-types { margin: 0; padding: 0; list-style: none; }
.yum-real-types li { color: var(--couleur3); text-transform: uppercase; }
.yum-real-types li + li { margin-top: 5px; }
.yum-real-titre {
	position: relative;
	margin: 18px 0 0;
	padding-top: 15px;
	color: var(--couleur1);
	font-family: Poppins, sans-serif;
	font-size: 36px;
	line-height: 55px;
	font-weight: 700;
}
.yum-real-titre::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 45px;
	height: 3px;
	background: var(--couleur1);
}
.yum-real-tags {
	max-width: 247px;
	margin: 20px 0 0;
	padding: 0;
	list-style: none;
	font-size: 16px;
	line-height: 24px;
	font-weight: 300;
	font-style: italic;
}
.yum-real-tags li { display: inline; }
.yum-real-tags li:not(:last-child)::after { content: ", "; }
.yum-real-intro { margin-top: 33px; }
.yum-real-intro p:last-child,
.yum-real-texte p:last-child { margin-bottom: 0; }

@media (max-width: 1080px) {
	.yum-real-titre { padding-right: 160px; }
}
@media (max-width: 767px) {
	.yum-real-surtitre { font-size: 40px; line-height: 52px; }
	.yum-real-cadre { padding: 37px 0 58px 37px; }
	.yum-real-numero { font-size: 82px; line-height: 82px; }
	.yum-real-titre { padding-right: 90px; font-size: 28px; line-height: 40px; }
	.yum-real-lien { padding: 25px 40px; }
}

/* =====================================================================
   YUMIGO – Mode nuit sur tout le site (bouton .yum-daynight → classe yum-night / yum-day sur <html>)
   Principe : dans .site-content, les couleurs du customizer sont redéfinies en version sombre
   (marine → texte clair, blanc → surface marine, gris clairs → marines, gris → gris bleuté).
   • Hero, boutons YUM et bouton « Voir le site » gardent la palette jour.
   • Sections à fond marine : classe « yum-fond-marine » sur l'élément GB (restent marine, texte blanc).
   • Le header a déjà ses variables jour/nuit, le footer rose ne change pas.
   ===================================================================== */
html.yum-night body { background-color: #161F4D; }
html.yum-night .site-content {
	--couleur1: #E8EBF7;  /* marine (titres, textes forts) → blanc bleuté */
	--couleur2: #1D2759;  /* blanc (cartes, surfaces)      → marine profond */
	--couleur4: #F3F5FB;
	--couleur5: #1F2A5F;  /* gris clair (fonds de section)  → marine */
	--couleur6: #B6BCD4;  /* texte courant                  → gris bleuté clair */
	--couleur7: #1F2A5F;
	--couleur8: #161F4D;  /* fond de page */
	--couleur9: #4F5B94;  /* filets, textes filigranes */
	--couleur10: #26326B;
	--couleur11: #2D3971;
	background-color: var(--couleur8);
	color: var(--couleur6);
}
/* Les couleurs des blocs core (has-couleur-N-color) sont calculées sur :root : on les recalcule dans chaque zone */
html.yum-night .site-content,
html.yum-night .site-content :is(.yum-hero, [class*="ygb-"], .yum-real-lien, .yum-fond-marine, .yum-agence-expertises) {
	--wp--preset--color--couleur-1: var(--couleur1);
	--wp--preset--color--couleur-2: var(--couleur2);
	--wp--preset--color--couleur-4: var(--couleur4);
	--wp--preset--color--couleur-5: var(--couleur5);
	--wp--preset--color--couleur-6: var(--couleur6);
	--wp--preset--color--couleur-7: var(--couleur7);
	--wp--preset--color--couleur-8: var(--couleur8);
	--wp--preset--color--couleur-9: var(--couleur9);
	--wp--preset--color--couleur-10: var(--couleur10);
	--wp--preset--color--couleur-11: var(--couleur11);
}
/* Zones qui gardent la palette jour */
html.yum-night .site-content :is(.yum-hero, [class*="ygb-"], .yum-real-lien) {
	--couleur1: #293866; --couleur2: #ffffff; --couleur4: #1C275F; --couleur5: #F6F6F6; --couleur6: #686868;
	--couleur7: #F1F2F3; --couleur8: #FCFCFC; --couleur9: #D1D1D1; --couleur10: #233068; --couleur11: #EAEAEA;
}
/* Sections marine : un ton au-dessus du fond de page, texte blanc */
html.yum-night .site-content :is(.yum-fond-marine, .yum-agence-expertises) {
	--couleur1: #26336F;
	--couleur2: #ffffff;
}
/* Fondu au changement de mode */
.site-content,
.site-content :is(.yum-fond-marine, .yum-posts-block__item, .yum-icone-box) {
	transition: background-color .4s ease-out, color .4s ease-out;
}

/* Logos clients : silhouettes claires */
html.yum-night .yum-client img { filter: brightness(0) invert(1); opacity: .75; transition: opacity .3s; }
html.yum-night .yum-client:hover img { opacity: 1; }

/* Blocs YUM Posts (couleurs en style inline dans le bloc → !important) */
html.yum-night .yum-posts-block__item { background-color: #1D2759 !important; box-shadow: 0 10px 30px rgba(0, 0, 0, .25); }
html.yum-night .yum-articles .yum-posts-block__item { background-color: transparent !important; box-shadow: none !important; }
html.yum-night .yum-posts-block__title { color: #E8EBF7; }
html.yum-night .yum-posts-block__date { color: #9CA3C2; }
html.yum-night .yum-posts-block__image { background-color: #26326B; }
html.yum-night .yum-posts-block__category { background-color: #2E3B78 !important; color: #E8EBF7 !important; }

/* Gravity Forms */
html.yum-night .site-content .gform_wrapper :is(input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]), textarea, select) {
	background-color: #1D2759;
	color: #E8EBF7;
}
html.yum-night .site-content .gform_wrapper ::placeholder { color: #8F97B8; }
html.yum-night .site-content .gform_drop_area { background-color: rgba(255, 255, 255, .04); }

/* Fiche réalisation : cadre et bouton retour en marine */
html.yum-night .yum-real-cadre::before { background: #26336F; opacity: 1; }
html.yum-night .yum-real-retour-fleche { background: #26336F; }
html.yum-night .yum-real-retour-fleche::before { border-color: #ffffff; }
html.yum-night .yum-real-retour:hover .yum-real-retour-fleche { background: var(--couleur3); }