/*
Theme Name: Emotta
Theme URI: https://emotta.fr
Author: Emotta
Author URI: https://emotta.fr
Description: Thème vitrine ultra-moderne pour la vente de forfaits sites internet. Design Noir, Violet et Bleu.
Version: 1.10.7
Requires at least: 6.0
Tested up to: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: emotta
Tags: custom-background, custom-logo, custom-menu, featured-images, full-site-editing, one-column, portfolio, block-styles, wide-blocks
*/

/* Styles de base chargés via Tailwind (build). Métadonnées du thème pour la plateforme. */

/* --- Variables en-tête --- */
:root {
	--emotta-header-h: 4.5rem;
	--emotta-header-offset: calc(var(--emotta-header-h) + max(0.35rem, env(safe-area-inset-top, 0px)));
}

/*
 * Coupe le scroll horizontal (marquee, halos, etc.).
 * Ne pas mettre overflow-x: clip ni max-width sur body : certains moteurs rétrécissent
 * tout le bloc pages (contenu coincé à gauche + vide à droite).
 */
html {
	overflow-x: hidden;
	width: 100%;
}

html.emotta-drawer-open {
	overflow: hidden;
}

/* ========== En-tête (refonte) ========== */
.emotta-header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 100;
	padding-top: max(0.35rem, env(safe-area-inset-top, 0px));
	border-bottom: 1px solid rgba(255,255,255,0.06);
	background: rgba(10,10,15,0.78);
	-webkit-backdrop-filter: blur(16px);
	backdrop-filter: blur(16px);
}
@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
	.emotta-header {
		background: rgba(10,10,15,0.62);
	}
}
.emotta-header__bar {
	border-bottom: 1px solid transparent;
	background: linear-gradient(180deg, rgba(124,58,237,0.06) 0%, transparent 100%);
}
.emotta-header__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	max-width: 80rem;
	margin-left: auto;
	margin-right: auto;
	height: var(--emotta-header-h);
	padding-left: 1rem;
	padding-right: 1rem;
}
@media (min-width: 640px) {
	.emotta-header__inner { padding-left: 1.5rem; padding-right: 1.5rem; }
}
@media (min-width: 1024px) {
	.emotta-header__inner { padding-left: 2rem; padding-right: 2rem; }
}
.emotta-header__brand-link {
	display: flex;
	align-items: center;
	text-decoration: none;
	color: #fff;
}
.emotta-wordmark {
	display: inline-block;
	font-size: 1.25rem;
	font-weight: 700;
	letter-spacing: -0.02em;
	background: linear-gradient(105deg, #a78bfa 0%, #60a5fa 50%, #34d399 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}
.emotta-header__center {
	display: none;
	flex: 1;
	justify-content: center;
}
@media (min-width: 768px) {
	.emotta-header__center {
		display: flex;
	}
}
.emotta-header__nav {
	display: flex;
	justify-content: center;
}
.emotta-header__menu {
	display: flex;
	align-items: center;
	gap: 0.15rem;
	list-style: none;
	margin: 0;
	padding: 0.2rem;
	border-radius: 9999px;
	border: 1px solid rgba(255,255,255,0.08);
	background: rgba(255,255,255,0.03);
	box-shadow: 0 0 0 1px rgba(0,0,0,0.2) inset;
}
.emotta-header__menu > li {
	margin: 0;
	padding: 0;
}
.emotta-header__menu > li > a {
	display: block;
	padding: 0.45rem 1rem;
	font-size: 0.8125rem;
	font-weight: 500;
	color: #d1d5db;
	text-decoration: none;
	border-radius: 9999px;
	transition: color 0.2s, background 0.2s;
}
.emotta-header__menu > li > a:hover,
.emotta-header__menu > li.current-menu-item > a,
.emotta-header__menu > li > a.emotta-header__link--current {
	color: #fff;
	background: rgba(124,58,237,0.2);
}
.emotta-header__actions {
	display: flex;
	align-items: center;
	gap: 0.75rem;
}
.emotta-header__cta--primary {
	display: none;
	font-size: 0.8125rem;
	padding: 0.5rem 1.1rem;
}
@media (min-width: 768px) {
	.emotta-header__cta--primary {
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}
}
.emotta-mobile-toggle {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.75rem;
	height: 2.75rem;
	padding: 0;
	border: 1px solid rgba(255,255,255,0.1);
	border-radius: 0.75rem;
	background: rgba(255,255,255,0.04);
	color: #fff;
	cursor: pointer;
	transition: border-color 0.2s, background 0.2s;
}
.emotta-mobile-toggle:hover {
	border-color: rgba(167,139,250,0.35);
	background: rgba(124,58,237,0.12);
}
@media (min-width: 768px) {
	.emotta-mobile-toggle { display: none; }
}
.emotta-mobile-toggle__lines {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 5px;
	width: 1.125rem;
	height: 1.125rem;
}
.emotta-mobile-toggle__line {
	display: block;
	height: 2px;
	width: 100%;
	background: currentColor;
	border-radius: 1px;
	transition: transform 0.25s ease, opacity 0.2s;
	transform-origin: center;
}
.emotta-mobile-toggle.is-active .emotta-mobile-toggle__line:nth-child(1) {
	transform: translateY(7px) rotate(45deg);
}
.emotta-mobile-toggle.is-active .emotta-mobile-toggle__line:nth-child(2) {
	opacity: 0;
	transform: scaleX(0);
}
.emotta-mobile-toggle.is-active .emotta-mobile-toggle__line:nth-child(3) {
	transform: translateY(-7px) rotate(-45deg);
}

/* Tiroir mobile */
.emotta-mobile-drawer {
	position: fixed;
	inset: 0;
	z-index: 90;
	pointer-events: none;
	visibility: hidden;
	transition: visibility 0.3s;
}
.emotta-mobile-drawer.is-open {
	pointer-events: auto;
	visibility: visible;
}
.emotta-mobile-drawer__backdrop {
	position: absolute;
	inset: 0;
	top: var(--emotta-header-offset);
	border: 0;
	padding: 0;
	margin: 0;
	background: rgba(0,0,0,0.55);
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	opacity: 0;
	transition: opacity 0.3s ease;
	cursor: pointer;
}
.emotta-mobile-drawer.is-open .emotta-mobile-drawer__backdrop {
	opacity: 1;
}
.emotta-mobile-drawer__panel {
	position: absolute;
	top: var(--emotta-header-offset);
	right: 0;
	width: min(20rem, 92vw);
	height: calc(100dvh - var(--emotta-header-offset));
	max-height: calc(100vh - var(--emotta-header-offset));
	background: linear-gradient(165deg, #15151f 0%, #0f0f14 100%);
	border-left: 1px solid rgba(255,255,255,0.08);
	box-shadow: -24px 0 48px rgba(0,0,0,0.45);
	padding: 1.25rem;
	display: flex;
	flex-direction: column;
	gap: 1rem;
	transform: translateX(100%);
	transition: transform 0.32s cubic-bezier(0.22, 1, 0.36, 1);
}
.emotta-mobile-drawer.is-open .emotta-mobile-drawer__panel {
	transform: translateX(0);
}
.emotta-mobile-drawer__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 0.75rem;
	border-bottom: 1px solid rgba(255,255,255,0.06);
}
.emotta-mobile-drawer__label {
	font-size: 0.7rem;
	font-weight: 600;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: #6b7280;
}
.emotta-mobile-drawer__close {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.25rem;
	height: 2.25rem;
	border: none;
	border-radius: 0.5rem;
	background: rgba(255,255,255,0.06);
	color: #d1d5db;
	cursor: pointer;
	transition: background 0.2s, color 0.2s;
}
.emotta-mobile-drawer__close:hover {
	background: rgba(255,255,255,0.1);
	color: #fff;
}
.emotta-mobile-drawer__nav {
	flex: 1;
	overflow-y: auto;
}
.emotta-mobile-drawer__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
}
.emotta-mobile-drawer__list > li > a,
.emotta-mobile-drawer__link {
	display: block;
	padding: 0.85rem 1rem;
	font-size: 1rem;
	font-weight: 500;
	color: #e5e7eb;
	text-decoration: none;
	border-radius: 0.65rem;
	transition: background 0.2s, color 0.2s;
}
.emotta-mobile-drawer__list > li > a:hover,
.emotta-mobile-drawer__link:hover {
	background: rgba(124,58,237,0.15);
	color: #c4b5fd;
}
.emotta-mobile-drawer__link--current {
	background: rgba(124,58,237,0.2);
	color: #c4b5fd;
}
.emotta-mobile-drawer__cta {
	margin-top: auto;
	text-align: center;
	justify-content: center;
}

.emotta-main {
	padding-top: var(--emotta-header-offset);
}

/* Logo image header */
#masthead .emotta-header-logo .custom-logo {
	display: block;
	max-height: 2.25rem;
	width: auto;
	height: auto;
	max-width: 170px;
}

/* Page d'accueil hub (contenu éditeur) */
.emotta-front-hub__content a {
	color: #a78bfa;
	text-decoration: underline;
	text-underline-offset: 2px;
}
.emotta-front-hub__content a:hover {
	color: #c4b5fd;
}
.emotta-front-hub__content ul,
.emotta-front-hub__content ol {
	margin: 1rem 0;
	padding-left: 1.5rem;
}
.emotta-front-hub__content p {
	margin: 0 0 1rem;
}

/* Logo pied de page */
#colophon .emotta-footer-logo__img {
	display: block;
	max-height: 2.5rem;
	width: auto;
	height: auto;
	max-width: 140px;
}
#colophon .emotta-footer-logo:hover .emotta-footer-logo__img {
	opacity: 0.9;
}

/* ========== Pied de page (refonte) ========== */
.emotta-footer {
	position: relative;
	margin-top: auto;
	background: #0c0c12;
	color: #d1d5db;
}
.emotta-footer__accent {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(124,58,237,0.5), rgba(52,211,153,0.45), transparent);
	opacity: 0.85;
	pointer-events: none;
}
.emotta-footer__shell {
	max-width: 80rem;
	margin-left: auto;
	margin-right: auto;
	padding-left: 1rem;
	padding-right: 1rem;
}
@media (min-width: 640px) {
	.emotta-footer__shell { padding-left: 1.5rem; padding-right: 1.5rem; }
}
@media (min-width: 1024px) {
	.emotta-footer__shell { padding-left: 2rem; padding-right: 2rem; }
}
.emotta-footer__top {
	padding: clamp(3.25rem, 8vw, 5rem) 0 clamp(2.75rem, 6vw, 4rem);
	margin-top: 0.5rem;
	border-bottom: 1px solid rgba(255,255,255,0.06);
	background: radial-gradient(ellipse 80% 120% at 50% -20%, rgba(124,58,237,0.12), transparent 55%);
}
.emotta-footer__pitch {
	text-align: center;
	max-width: 36rem;
	margin: 0 auto;
}
.emotta-footer__pitch-kicker {
	margin: 0;
	font-size: 0.7rem;
	font-weight: 600;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: #6b7280;
}
.emotta-footer__pitch-text {
	margin: 1rem 0 0;
	font-size: 1.125rem;
	line-height: 1.65;
	color: #e5e7eb;
}
@media (min-width: 640px) {
	.emotta-footer__pitch-text { font-size: 1.25rem; }
}
.emotta-footer__pitch-btn {
	display: inline-flex;
	margin-top: 1.75rem;
	padding: 0.6rem 1.35rem;
	font-size: 0.875rem;
	font-weight: 600;
	color: #0a0a0f;
	text-decoration: none;
	border-radius: 9999px;
	background: linear-gradient(105deg, #a78bfa, #60a5fa);
	transition: transform 0.2s, box-shadow 0.2s;
}
.emotta-footer__pitch-btn:hover {
	transform: translateY(-1px);
	box-shadow: 0 12px 28px -8px rgba(124,58,237,0.45);
	color: #0a0a0f;
}
.emotta-footer__main {
	padding: clamp(3.25rem, 7vw, 4.5rem) 0 clamp(2.75rem, 6vw, 3.5rem);
}
.emotta-footer__grid {
	display: grid;
	gap: 2.5rem;
}
@media (min-width: 768px) {
	.emotta-footer__grid {
		grid-template-columns: 1.2fr 0.9fr 0.9fr 1fr;
		gap: 2rem;
		align-items: start;
	}
}
.emotta-footer__heading {
	margin: 0;
	font-size: 0.7rem;
	font-weight: 600;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: #6b7280;
}
.emotta-footer__tagline {
	margin: 0.75rem 0 0;
	font-size: 0.875rem;
	line-height: 1.6;
	color: #9ca3af;
	max-width: 20rem;
}
.emotta-footer__wordmark {
	font-size: 1.35rem;
	font-weight: 700;
	text-decoration: none;
}
.emotta-footer__links {
	list-style: none;
	margin: 1rem 0 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}
.emotta-footer__links a {
	color: #d1d5db;
	text-decoration: none;
	font-size: 0.9rem;
	transition: color 0.2s;
}
.emotta-footer__links a:hover {
	color: #a78bfa;
}
.emotta-footer__contact-lead {
	margin: 1rem 0 0;
	font-size: 0.875rem;
	color: #9ca3af;
	line-height: 1.5;
}
.emotta-footer__contact-row {
	margin: 0.5rem 0 0;
}
.emotta-footer__contact-link {
	color: #a78bfa;
	text-decoration: none;
	font-size: 0.9rem;
	word-break: break-word;
}
.emotta-footer__contact-link:hover {
	color: #c4b5fd;
	text-decoration: underline;
}
.emotta-footer__social {
	display: flex;
	gap: 0.65rem;
	margin-top: 1.25rem;
}
.emotta-footer__social-link {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 0.65rem;
	border: 1px solid rgba(255,255,255,0.1);
	color: #9ca3af;
	background: rgba(255,255,255,0.03);
	transition: color 0.2s, border-color 0.2s, background 0.2s;
}
.emotta-footer__social-link:hover {
	color: #a78bfa;
	border-color: rgba(167,139,250,0.35);
	background: rgba(124,58,237,0.1);
}
.emotta-footer__col--card {
	display: flex;
	align-items: stretch;
}
.emotta-footer__card {
	width: 100%;
	padding: 1.35rem;
	border-radius: 1rem;
	border: 1px solid rgba(255,255,255,0.1);
	background: linear-gradient(145deg, rgba(124,58,237,0.1), rgba(255,255,255,0.02));
	box-shadow: 0 0 0 1px rgba(124,58,237,0.08) inset;
}
.emotta-footer__card-title {
	margin: 0;
	font-size: 1rem;
	font-weight: 700;
	color: #fff;
}
.emotta-footer__card-text {
	margin: 0.5rem 0 0;
	font-size: 0.8125rem;
	line-height: 1.55;
	color: #9ca3af;
}
.emotta-footer__card-btn {
	display: inline-flex;
	margin-top: 1rem;
	font-size: 0.8125rem;
	font-weight: 600;
	color: #a78bfa;
	text-decoration: none;
	transition: color 0.2s;
}
.emotta-footer__card-btn:hover {
	color: #fff;
}
.emotta-footer__legal {
	border-top: 1px solid rgba(255,255,255,0.06);
	padding: 1.25rem 0 2rem;
	background: rgba(0,0,0,0.25);
}
.emotta-footer__legal-inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.75rem;
	text-align: center;
}
@media (min-width: 640px) {
	.emotta-footer__legal-inner {
		flex-direction: row;
		justify-content: space-between;
		text-align: left;
	}
}
.emotta-footer__copy {
	margin: 0;
	font-size: 0.8125rem;
	color: #6b7280;
}
.emotta-footer__legal-link {
	font-size: 0.8125rem;
	color: #6b7280;
	text-decoration: none;
}
.emotta-footer__legal-link:hover {
	color: #9ca3af;
}

/* Vagues en bas de la première bande (hero) → transition vers Mes réalisations */
#content > section:first-of-type {
	position: relative;
	padding-bottom: 8rem;
}
.emotta-hero-waves {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	height: 120px;
	pointer-events: none;
	line-height: 0;
	z-index: 10;
}
.emotta-hero-waves__svg {
	width: 100%;
	height: 100%;
	display: block;
}
.emotta-hero-waves__path {
	fill: #0a0a0f;
}

/* Section À propos */
#a-propos {
	border-top: 1px solid rgba(255,255,255,0.05);
	background-color: #12121a;
	padding: 5rem 1rem;
}
@media (min-width: 640px) { #a-propos { padding-left: 1.5rem; padding-right: 1.5rem; } }
@media (min-width: 1024px) { #a-propos { padding-left: 2rem; padding-right: 2rem; } }
#a-propos .mx-auto.max-w-4xl { max-width: 56rem; margin-left: auto; margin-right: auto; }
#a-propos .flex { display: flex; }
#a-propos .flex-col { flex-direction: column; }
#a-propos .flex-row { flex-direction: row; }
#a-propos .items-center { align-items: center; }
#a-propos .items-start { align-items: flex-start; }
#a-propos .gap-12 { gap: 3rem; }
#a-propos .flex-shrink-0 { flex-shrink: 0; }
#a-propos .flex-1 { flex: 1 1 0%; min-width: 0; }
@media (min-width: 768px) {
	#a-propos .md\:flex-row { flex-direction: row; }
	#a-propos .md\:items-start { align-items: flex-start; }
}
#a-propos img.rounded-2xl { border-radius: 1rem; box-shadow: 0 20px 25px -5px rgba(0,0,0,0.2), 0 8px 10px -6px rgba(0,0,0,0.15); max-width: 100%; height: auto; }
#a-propos h2 { font-size: 1.5rem; font-weight: 700; color: #fff; margin: 0; }
@media (min-width: 640px) { #a-propos h2 { font-size: 1.875rem; } }
#a-propos .mt-4 { margin-top: 1rem; }
#a-propos .space-y-4 > * + * { margin-top: 1rem; }
#a-propos .text-gray-400 { color: #9ca3af; line-height: 1.625; }

/* Révélation au scroll */
.emotta-reveal,
[data-emotta-reveal] {
	opacity: 0;
	transform: translateY(24px);
	transition: opacity 0.6s ease, transform 0.6s ease;
}
.emotta-reveal.is-visible,
[data-emotta-reveal].is-visible {
	opacity: 1;
	transform: translateY(0);
}

/* Hub premium */
.home-hub {
	position: relative;
	overflow: hidden;
}
.home-hub__eyebrow {
	display: inline-block;
	border: 1px solid rgba(255,255,255,0.12);
	background: rgba(255,255,255,0.04);
	border-radius: 9999px;
	padding: 0.35rem 0.8rem;
	font-size: 0.7rem;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: #d1d5db;
}
.home-hub__title-gradient {
	display: inline-block;
	background: linear-gradient(90deg, #a78bfa 0%, #60a5fa 45%, #34d399 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}
.home-hub__btn-logiciels {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 0.5rem;
	border: 1px solid #10b981;
	background: rgba(16,185,129,0.12);
	color: #34d399;
	padding: 0.75rem 1.5rem;
	font-weight: 500;
	text-decoration: none;
	transition: all .3s ease;
}
.home-hub__btn-logiciels:hover {
	background: #10b981;
	color: #fff;
	box-shadow: 0 10px 25px -5px rgba(16,185,129,.4);
}
.home-hub__bg-orb {
	position: absolute;
	border-radius: 9999px;
	filter: blur(64px);
	pointer-events: none;
}
.home-hub__bg-orb--violet {
	left: -3.5rem;
	top: 5rem;
	width: 20rem;
	height: 20rem;
	background: rgba(124,58,237,0.24);
	animation: glow-pulse 4s ease-in-out infinite;
}
.home-hub__bg-orb--green {
	right: -2rem;
	bottom: 3rem;
	width: 20rem;
	height: 20rem;
	background: rgba(16,185,129,0.2);
	animation: glow-pulse 5s ease-in-out infinite;
}
.home-hub__bg-grid {
	position: absolute;
	inset: 0;
	opacity: .3;
	pointer-events: none;
	background-image:
		radial-gradient(circle at 25% 20%, rgba(124,58,237,.25), transparent 32%),
		radial-gradient(circle at 76% 75%, rgba(16,185,129,.22), transparent 30%),
		linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
	background-size: auto, auto, 64px 64px, 64px 64px;
}
.home-hub-marquee {
	position: relative;
	overflow-x: hidden;
	overflow-y: hidden;
	width: 100%;
	max-width: 100%;
}
@keyframes emotta-hub-marquee {
	0% { transform: translate3d(0, 0, 0); }
	100% { transform: translate3d(calc(-50% - var(--home-hub-marquee-gap) / 2), 0, 0); }
}
.home-hub-marquee__flip {
	width: 100%;
	max-width: 100%;
	overflow-x: hidden;
	overflow-y: hidden;
	transform: scaleX(-1);
}
.home-hub-marquee__flip .home-hub-marquee__track span {
	transform: scaleX(-1);
}
.home-hub-marquee__track {
	--home-hub-marquee-gap: 1.25rem;
	display: flex;
	flex-shrink: 0;
	align-items: center;
	gap: 1.25rem;
	width: max-content;
	white-space: nowrap;
	padding: 1rem 0;
	font-size: .875rem;
	font-weight: 500;
	animation: emotta-hub-marquee 32s linear infinite;
	will-change: transform;
}
.home-hub-marquee__track--alt-speed {
	animation-duration: 36s;
}
.home-hub-marquee__track span {
	display: inline-flex;
	flex-shrink: 0;
	align-items: center;
	border: 1px solid rgba(255,255,255,.1);
	background: rgba(255,255,255,.04);
	border-radius: 9999px;
	padding: .35rem .9rem;
}
.home-hub-marquee--sites span { color: #a78bfa; }
.home-hub-marquee--logiciels span { color: #34d399; }
.home-hub-zone {
	position: relative;
	overflow: hidden;
	border-radius: 1rem;
	border: 1px solid rgba(255,255,255,.1);
	background: rgba(255,255,255,.03);
	padding: 2rem;
}
.home-hub-zone::before {
	content: "";
	position: absolute;
	inset: 0;
	opacity: 0;
	transition: opacity .3s ease;
	pointer-events: none;
	background: linear-gradient(135deg, rgba(124,58,237,.12), transparent 45%, rgba(59,130,246,.1));
}
.home-hub-zone--logiciels::before {
	background: linear-gradient(135deg, rgba(16,185,129,.14), transparent 45%, rgba(59,130,246,.1));
}
.home-hub-zone:hover::before { opacity: 1; }
.home-hub-zone__label {
	font-size: .72rem;
	font-weight: 600;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: #9ca3af;
}
.home-hub-zone__title {
	margin-top: .75rem;
	font-size: 1.75rem;
	font-weight: 700;
	color: #fff;
}
.home-hub-zone__desc {
	margin-top: 1rem;
	color: #d1d5db;
	line-height: 1.6;
}
.home-hub-zone__list {
	margin-top: 1.25rem;
	padding: 0;
	list-style: none;
}
.home-hub-zone__list li {
	display: flex;
	gap: .5rem;
	align-items: flex-start;
	color: #d1d5db;
	font-size: .9rem;
}
.home-hub-zone__list li + li { margin-top: .65rem; }
.home-hub-zone__list li::before {
	content: "•";
	color: #a78bfa;
	font-weight: 700;
}
.home-hub-zone--logiciels .home-hub-zone__list li::before { color: #34d399; }
.home-hub-zone__cta {
	display: inline-flex;
	margin-top: 1.5rem;
	padding: .75rem 1.1rem;
	border-radius: .5rem;
	border: 1px solid rgba(255,255,255,.16);
	background: rgba(255,255,255,.05);
	color: #fff;
	font-size: .9rem;
	font-weight: 500;
	text-decoration: none;
	transition: all .2s ease;
}
.home-hub-zone__cta:hover { background: rgba(255,255,255,.1); }
.home-hub-zone--sites .home-hub-zone__cta {
	border-color: rgba(124,58,237,.45);
	color: #a78bfa;
}
.home-hub-zone--logiciels .home-hub-zone__cta {
	border-color: rgba(16,185,129,.45);
	color: #34d399;
}
/* Bande finale hub (deux parcours) */
.home-hub-final {
	padding-top: clamp(4rem, 10vw, 7rem);
	padding-bottom: clamp(4.75rem, 11vw, 8.5rem);
	padding-left: 1.25rem;
	padding-right: 1.25rem;
}
@media (min-width: 640px) {
	.home-hub-final {
		padding-left: 2.5rem;
		padding-right: 2.5rem;
	}
}
@media (min-width: 1024px) {
	.home-hub-final {
		padding-left: 3.5rem;
		padding-right: 3.5rem;
	}
}
.home-hub-final__glow {
	position: absolute;
	border-radius: 9999px;
	filter: blur(100px);
	width: min(28rem, 70vw);
	height: min(22rem, 50vw);
	opacity: .35;
}
.home-hub-final__glow--violet {
	left: -5rem;
	top: -6rem;
	background: rgba(124,58,237,.3);
}
.home-hub-final__glow--green {
	right: -4rem;
	bottom: -7rem;
	background: rgba(16,185,129,.25);
}
.home-hub-final__mesh {
	position: absolute;
	inset: 0;
	pointer-events: none;
	opacity: .12;
	background-image:
		linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);
	background-size: 48px 48px;
}
.home-hub-final__inner {
	width: 100%;
	max-width: min(48rem, 100%);
	margin-left: auto;
	margin-right: auto;
}
.home-hub-final__inner > header {
	text-align: center;
}
.home-hub-final__kicker {
	font-size: .7rem;
	font-weight: 600;
	letter-spacing: .28em;
	text-transform: uppercase;
	color: #6b7280;
}
.home-hub-final__heading {
	margin-top: 1rem;
	font-size: clamp(1.65rem, 4vw, 2.65rem);
	font-weight: 700;
	line-height: 1.15;
	letter-spacing: -.02em;
	background: linear-gradient(180deg, #fff 0%, #c4c4d4 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}
.home-hub-final__intro {
	margin-top: 1.5rem;
	margin-bottom: 0.5rem;
	font-size: 1rem;
	line-height: 1.7;
	color: #9ca3af;
}
@media (min-width: 640px) {
	.home-hub-final__intro { font-size: 1.0625rem; }
}
.home-hub-final__paths {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.5rem;
	margin-top: 4.25rem;
	align-items: stretch;
}
@media (min-width: 768px) {
	.home-hub-final__paths {
		grid-template-columns: repeat(2, 1fr);
		gap: 2rem;
	}
}
@media (min-width: 1024px) {
	.home-hub-final__paths {
		gap: 2.25rem;
		margin-top: 5.5rem;
	}
}
.home-hub-final__path {
	position: relative;
	display: flex;
	flex-direction: column;
	border-radius: 1rem;
	border: 1px solid rgba(255,255,255,.1);
	background: rgba(255,255,255,.02);
	padding: 1.75rem;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,.03);
	transition: border-color .3s ease, background .3s ease, box-shadow .3s ease;
}
@media (min-width: 640px) {
	.home-hub-final__path { padding: 2rem; }
}
.home-hub-final__path:hover {
	border-color: rgba(255,255,255,.14);
	background: rgba(255,255,255,.04);
	box-shadow: 0 24px 48px -32px rgba(0,0,0,.6);
}
.home-hub-final__path--sites {
	border-top: 2px solid rgba(124,58,237,.7);
}
.home-hub-final__path--logiciels {
	border-top: 2px solid rgba(16,185,129,.7);
}
.home-hub-final__path-head {
	display: flex;
	align-items: flex-start;
	gap: 1rem;
}
.home-hub-final__path-icon {
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-top: .125rem;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: .75rem;
	border: 1px solid rgba(255,255,255,.12);
	background: rgba(255,255,255,.04);
	color: #c4b5fd;
}
.home-hub-final__path-icon-svg {
	width: 1.35rem;
	height: 1.35rem;
}
.home-hub-final__path-icon--sites {
	border-color: rgba(124,58,237,.35);
	background: rgba(124,58,237,.06);
	color: #a78bfa;
}
.home-hub-final__path-icon--logiciels {
	border-color: rgba(16,185,129,.35);
	background: rgba(16,185,129,.06);
	color: #34d399;
}
.home-hub-final__path-title {
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.3;
	color: #fff;
}
@media (min-width: 640px) {
	.home-hub-final__path-title { font-size: 1.5rem; }
}
.home-hub-final__path-desc {
	margin-top: 1rem;
	flex: 1;
	font-size: .9rem;
	line-height: 1.65;
	color: #9ca3af;
}
@media (min-width: 640px) {
	.home-hub-final__path-desc { font-size: .95rem; }
}
.home-hub-final__path-link {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	margin-top: 1.75rem;
	font-size: .875rem;
	font-weight: 600;
	text-decoration: none;
	transition: color .2s ease;
}
.home-hub-final__path-link--sites { color: #a78bfa; }
.home-hub-final__path-link--sites:hover { color: #fff; }
.home-hub-final__path-link--logiciels { color: #34d399; }
.home-hub-final__path-link--logiciels:hover { color: #fff; }
.home-hub-final__path-arrow {
	display: inline-block;
	transition: transform .3s ease;
}
.home-hub-final__path-link:hover .home-hub-final__path-arrow {
	transform: translateX(4px);
}
@media (prefers-reduced-motion: reduce) {
	.home-hub__bg-orb,
	.home-hub-marquee__track {
		animation: none !important;
	}
}

/* Type de projet sur carte réalisation */
.emotta-card__type {
	display: inline-block;
	font-size: 0.75rem;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: #a78bfa;
	margin-bottom: 0.25rem;
}

/* --- Formulaire de contact --- */
#contact .mx-auto.max-w-2xl {
	margin-left: auto;
	margin-right: auto;
	max-width: 42rem;
}
#contact h2 {
	text-align: center;
	font-size: 1.875rem;
	font-weight: 700;
	color: #fff;
	margin: 0;
	letter-spacing: -0.02em;
}
@media (min-width: 640px) {
	#contact h2 { font-size: 2.25rem; }
}
.emotta-contact-success {
	margin-top: 2rem;
	padding: 1.25rem 1.5rem;
	text-align: center;
	font-weight: 500;
	color: #a78bfa;
	background: rgba(124, 58, 237, 0.12);
	border: 1px solid rgba(124, 58, 237, 0.35);
	border-radius: 0.75rem;
	box-shadow: 0 0 0 1px rgba(124, 58, 237, 0.08);
}

.emotta-contact-form__error {
	margin-top: 1.5rem;
	margin-bottom: 0.5rem;
	padding: 1rem 1.25rem;
	font-size: 0.9375rem;
	font-weight: 500;
	color: #fecaca;
	background: rgba(239, 68, 68, 0.12);
	border: 1px solid rgba(248, 113, 113, 0.4);
	border-radius: 0.75rem;
}

.emotta-contact-form {
	position: relative;
	margin-top: 2.5rem;
	padding: 2rem;
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 1.25rem;
	box-shadow: 0 4px 24px -4px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.03);
	text-align: left;
}
@media (min-width: 640px) {
	.emotta-contact-form { padding: 2.5rem; }
}
.emotta-contact-form__row {
	display: grid;
	gap: 1rem 1.25rem;
}
@media (min-width: 640px) {
	.emotta-contact-form__row {
		grid-template-columns: 1fr 1fr;
	}
}
.emotta-contact-form__field {
	margin-bottom: 1.25rem;
}
.emotta-contact-form__field:last-of-type {
	margin-bottom: 1.5rem;
}
.emotta-contact-form__field--checkbox {
	margin-bottom: 1.5rem;
}
.emotta-contact-form__field--checkbox:last-of-type {
	margin-bottom: 1.75rem;
}
.emotta-contact-form__label {
	display: block;
	margin-bottom: 0.375rem;
	font-size: 0.875rem;
	font-weight: 500;
	color: #d1d5db;
}
.emotta-contact-form__optional {
	font-weight: 400;
	color: #6b7280;
	font-size: 0.8125rem;
}
.emotta-contact-form__req {
	color: #a78bfa;
	font-weight: 600;
}
.emotta-contact-form__input {
	display: block;
	width: 100%;
	padding: 0.75rem 1rem;
	font-size: 1rem;
	line-height: 1.5;
	color: #fff;
	background: rgba(0, 0, 0, 0.2);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 0.5rem;
	transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}
.emotta-contact-form__input::placeholder {
	color: #6b7280;
}
.emotta-contact-form__input:hover {
	border-color: rgba(255, 255, 255, 0.18);
	background: rgba(255, 255, 255, 0.08);
}
.emotta-contact-form__input:focus {
	outline: none;
	border-color: #7c3aed;
	box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.2);
	background: rgba(255, 255, 255, 0.08);
}
/* Listes déroulantes : alignées sur les champs texte, flèche thème */
.emotta-contact-form__select-wrap {
	position: relative;
	display: block;
	width: 100%;
}
.emotta-contact-form__select-wrap::after {
	content: "";
	position: absolute;
	right: 0.75rem;
	top: 50%;
	width: 1.375rem;
	height: 1.375rem;
	margin-top: -0.6875rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23a78bfa' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	pointer-events: none;
	z-index: 1;
	opacity: 0.92;
	transition: opacity 0.2s ease;
}
.emotta-contact-form__select-wrap:focus-within::after {
	opacity: 1;
}
.emotta-contact-form__select.emotta-contact-form__input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
	min-height: 3rem;
	padding-right: 2.875rem;
	padding-left: 1rem;
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
	color: #f3f4f6;
	font-size: 1rem;
	line-height: 1.5;
	background-color: rgba(0, 0, 0, 0.28);
	background-image: none !important;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 0.5rem;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
	transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}
.emotta-contact-form__select.emotta-contact-form__input:hover {
	border-color: rgba(255, 255, 255, 0.2);
	background-color: rgba(255, 255, 255, 0.08);
}
.emotta-contact-form__select.emotta-contact-form__input:focus {
	outline: none;
	border-color: #7c3aed;
	box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.06);
	background-color: rgba(255, 255, 255, 0.1);
}
.emotta-contact-form__select option {
	background-color: #18181b;
	color: #f3f4f6;
	padding: 0.5rem;
}
.emotta-contact-form__textarea {
	min-height: 120px;
	resize: vertical;
}
.emotta-contact-form__checkbox-label {
	display: flex;
	align-items: flex-start;
	gap: 0.75rem;
	cursor: pointer;
	font-size: 0.875rem;
	line-height: 1.5;
	color: #d1d5db;
}
.emotta-contact-form__checkbox {
	flex-shrink: 0;
	width: 1.125rem;
	height: 1.125rem;
	margin-top: 0.2rem;
	accent-color: #7c3aed;
	cursor: pointer;
}
.emotta-contact-form__checkbox-text .emotta-contact-form__link {
	color: #a78bfa;
	text-decoration: underline;
	text-underline-offset: 2px;
}
.emotta-contact-form__checkbox-text .emotta-contact-form__link:hover {
	color: #c4b5fd;
}
.emotta-contact-form__hp {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}
.emotta-contact-form__submit {
	width: 100%;
	padding: 0.875rem 1.5rem;
	font-size: 1rem;
	font-weight: 600;
	border-radius: 0.5rem;
	cursor: pointer;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.emotta-contact-form__submit:hover {
	transform: translateY(-1px);
	box-shadow: 0 10px 25px -5px rgba(124, 58, 237, 0.4);
}
.emotta-contact-form__trust {
	margin-top: 1.25rem;
	text-align: center;
	font-size: 0.875rem;
	color: #6b7280;
}

/* --- Forfaits : taille des icônes et liste (évite icônes géantes + texte coupé) --- */
#forfaits .emotta-forfait-features {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-top: 1.5rem;
}
#forfaits .emotta-forfait-features li {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	min-width: 0;
	font-size: 0.875rem;
	color: #d1d5db;
}
#forfaits .emotta-forfait-features li + li {
	margin-top: 0.5rem;
}
#forfaits .emotta-forfait-check {
	width: 1.25rem;
	height: 1.25rem;
	min-width: 1.25rem;
	flex-shrink: 0;
	color: #7c3aed;
}
#forfaits .emotta-forfait-feature-text {
	min-width: 0;
	overflow-wrap: break-word;
}
/* Bloc Sur mesure : redesign propre et compact */
#forfaits .emotta-surmesure-band {
	position: relative;
	margin: 3rem auto 0;
	max-width: 68rem;
	padding: 1.35rem 1.5rem;
	border: 1px solid rgba(255,255,255,0.14);
	border-radius: 1rem;
	background:
		radial-gradient(circle at 100% 0%, rgba(59,130,246,0.16), transparent 46%),
		radial-gradient(circle at 0% 100%, rgba(124,58,237,0.14), transparent 48%),
		linear-gradient(140deg, rgba(255,255,255,0.04), rgba(255,255,255,0.01));
	box-shadow: 0 22px 46px -28px rgba(0,0,0,0.7), 0 0 0 1px rgba(255,255,255,0.02) inset;
	overflow: hidden;
	transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}
#forfaits .emotta-surmesure-band:hover {
	transform: translateY(-4px);
	border-color: rgba(124, 58, 237, 0.5);
	box-shadow:
		0 25px 50px -12px rgba(0, 0, 0, 0.25),
		0 0 34px -10px rgba(124, 58, 237, 0.45),
		0 0 0 1px rgba(255,255,255,0.02) inset;
}
@media (prefers-reduced-motion: reduce) {
	#forfaits .emotta-surmesure-band {
		transition: none;
	}
	#forfaits .emotta-surmesure-band:hover {
		transform: none;
	}
}
#forfaits .emotta-surmesure-band__kicker {
	margin: 0;
	font-size: 0.7rem;
	font-weight: 700;
	letter-spacing: 0.11em;
	text-transform: uppercase;
	color: #7dd3fc;
}
#forfaits .emotta-surmesure-band__title {
	margin: 0.35rem 0 0;
	font-size: 1.45rem;
	font-weight: 700;
	line-height: 1.2;
	color: #fff;
}
#forfaits .emotta-surmesure-band__desc {
	margin: 0.7rem 0 0;
	max-width: 44rem;
	font-size: 0.95rem;
	line-height: 1.55;
	color: #c8d0db;
}
#forfaits .emotta-surmesure-band__features {
	list-style: none;
	margin: 1rem 0 0;
	padding: 0;
	display: grid;
	grid-template-columns: 1fr;
	gap: 0.55rem;
}
#forfaits .emotta-surmesure-band__features li {
	display: flex;
	align-items: center;
	gap: 0.45rem;
	min-width: 0;
	font-size: 0.9rem;
	color: #d5dbe6;
}
#forfaits .emotta-surmesure-band__features .emotta-forfait-check {
	width: 1.05rem;
	height: 1.05rem;
	min-width: 1.05rem;
	color: #38bdf8;
}
#forfaits .emotta-surmesure-band__aside {
	margin-top: 1rem;
	padding-top: 1rem;
	border-top: 1px solid rgba(255,255,255,0.1);
}
#forfaits .emotta-surmesure-band__price-label {
	margin: 0;
	font-size: 0.68rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #93a2b8;
}
#forfaits .emotta-surmesure-band__price {
	margin: 0.2rem 0 0;
	font-size: 1.7rem;
	font-weight: 700;
	line-height: 1.1;
	color: #fff;
}
#forfaits .emotta-surmesure-band__cta.btn-primary {
	display: inline-flex;
	width: auto;
	margin-top: 0.75rem;
	padding: 0.58rem 1rem;
	font-size: 0.86rem;
	font-weight: 600;
	line-height: 1.2;
	white-space: nowrap;
	text-decoration: none;
	color: #fff !important;
	border-radius: 0.6rem;
	box-shadow: 0 8px 20px -9px rgba(124, 58, 237, 0.6);
}
#forfaits .emotta-surmesure-band__cta.btn-primary:hover {
	color: #fff !important;
	box-shadow: 0 10px 24px -8px rgba(124, 58, 237, 0.72);
}
@media (min-width: 700px) {
	#forfaits .emotta-surmesure-band__features {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap: 1rem;
	}
}
@media (min-width: 1024px) {
	#forfaits .emotta-surmesure-band {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		align-items: center;
		gap: 1.5rem;
		padding: 1.4rem 1.8rem;
	}
	#forfaits .emotta-surmesure-band__content {
		min-width: 0;
	}
	#forfaits .emotta-surmesure-band__aside {
		margin-top: 0;
		padding-top: 0;
		padding-left: 1.2rem;
		border-top: none;
		border-left: 1px solid rgba(255,255,255,0.12);
		text-align: right;
	}
	#forfaits .emotta-surmesure-band__cta.btn-primary {
		margin-left: auto;
	}
}

/* Options complémentaires (sous la grille forfaits, page Sites) */
#forfaits #options-sites {
	scroll-margin-top: calc(var(--emotta-header-offset, 5rem) + 0.5rem);
}

/* --- Réalisations : grille explicite (évite conflit flex vs Tailwind grid + colonnes « auto » trop étroites) --- */
.emotta-realisations-grid {
	display: grid;
	gap: 2rem;
	margin-top: 4rem;
	grid-template-columns: minmax(0, 1fr);
}
@media (min-width: 640px) {
	.emotta-realisations-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media (min-width: 1024px) {
	.emotta-realisations-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}
.emotta-realisations-grid > article {
	min-width: 0;
	width: 100%;
	max-width: 100%;
}
.emotta-realisations-grid > article:only-child {
	max-width: 24rem;
	justify-self: center;
}

/* Carte réalisation (BEM-like) */
.realisation-card.emotta-card {
	background: #16161f;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 1rem;
	overflow: hidden;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.realisation-card.emotta-card:hover {
	border-color: rgba(124, 58, 237, 0.35);
	box-shadow: 0 12px 24px -8px rgba(0, 0, 0, 0.4);
}

.emotta-card__preview {
	aspect-ratio: 16 / 9;
	background: #1a1a24;
	overflow: hidden;
	position: relative;
}
.emotta-card__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top;
	display: block;
}
.emotta-card__placeholder {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.75rem;
	padding: 1.25rem;
	background: linear-gradient(160deg, #1e1e2a 0%, #15151d 100%);
}
.emotta-card__placeholder-icon {
	width: 2.5rem;
	height: 2.5rem;
	color: #4b5563;
	flex-shrink: 0;
}
.emotta-card__placeholder-url {
	font-size: 0.8125rem;
	color: #6b7280;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 100%;
}
.emotta-card__empty {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1rem;
	background: #1a1a24;
	font-size: 0.8125rem;
	color: #4b5563;
	text-align: center;
}
.emotta-card__body {
	padding: 1.25rem 1.25rem 1.25rem;
}
.emotta-card__title {
	margin: 0;
	font-size: 1.0625rem;
	font-weight: 600;
	color: #fff;
	line-height: 1.35;
}
.emotta-card__excerpt {
	margin: 0.5rem 0 0;
	font-size: 0.875rem;
	color: #9ca3af;
	line-height: 1.45;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
/* Présentation dédiée : un peu plus de lignes pour le texte libre */
.emotta-card__presentation {
	-webkit-line-clamp: 4;
}
.emotta-card__link {
	display: inline-flex;
	align-items: center;
	gap: 0.375rem;
	margin-top: 1rem;
	font-size: 0.875rem;
	font-weight: 500;
	color: #a78bfa;
	text-decoration: none;
	transition: color 0.2s ease, gap 0.2s ease;
}
.emotta-card__link:hover {
	color: #c4b5fd;
	gap: 0.5rem;
}
.emotta-card__link-icon {
	width: 1rem;
	height: 1rem;
	flex-shrink: 0;
}

/* ========== Bascule thème clair / sombre ========== */
.emotta-theme-toggle {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	padding: 0;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 0.75rem;
	background: rgba(255, 255, 255, 0.04);
	color: #e5e7eb;
	cursor: pointer;
	flex-shrink: 0;
	transition:
		border-color 0.35s ease,
		background 0.35s ease,
		color 0.35s ease,
		box-shadow 0.35s ease,
		transform 0.2s ease;
}
.emotta-theme-toggle:hover {
	border-color: rgba(167, 139, 250, 0.4);
	background: rgba(124, 58, 237, 0.14);
	color: #fff;
}
.emotta-theme-toggle:focus-visible {
	outline: 2px solid rgba(167, 139, 250, 0.7);
	outline-offset: 2px;
}
.emotta-theme-toggle__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 0;
	transition: opacity 0.3s ease, transform 0.3s ease;
}
.emotta-theme-toggle__icon--moon {
	display: none;
}
html[data-emotta-theme="light"] .emotta-theme-toggle__icon--sun {
	display: none;
}
html[data-emotta-theme="light"] .emotta-theme-toggle__icon--moon {
	display: flex;
}
html[data-emotta-theme="light"] .emotta-theme-toggle {
	border-color: rgba(15, 23, 42, 0.12);
	background: rgba(255, 255, 255, 0.85);
	color: #475569;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
}
html[data-emotta-theme="light"] .emotta-theme-toggle:hover {
	border-color: rgba(124, 58, 237, 0.35);
	background: rgba(124, 58, 237, 0.08);
	color: #5b21b6;
}

/* Animation bascule thème : flou + ciel ; sombre→clair soleil+nuages ; clair→sombre nuages+lune+étoiles */
.emotta-theme-transition {
	position: fixed;
	/* Plein viewport uniquement : les marges négatives + overflow-x sur html coupaient soleil/nuages/lune */
	inset: 0;
	width: 100%;
	height: 100%;
	min-height: 100dvh;
	z-index: 999999;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: visible;
	pointer-events: none;
	opacity: 0;
	visibility: hidden;
	isolation: isolate;
}
/* Voile : floute le site derrière pour faire ressortir les astres */
.emotta-theme-transition__frost {
	position: absolute;
	inset: 0;
	z-index: 0;
	opacity: 0;
	backdrop-filter: blur(12px) saturate(1.08);
	-webkit-backdrop-filter: blur(12px) saturate(1.08);
	background: rgba(15, 23, 42, 0.18);
}
.emotta-theme-transition--playing.emotta-theme-transition--to-light .emotta-theme-transition__frost {
	background: rgba(255, 255, 255, 0.28);
}
.emotta-theme-transition--playing.emotta-theme-transition--to-dark .emotta-theme-transition__frost {
	background: rgba(15, 23, 42, 0.34);
}
.emotta-theme-transition--playing .emotta-theme-transition__frost {
	animation: emotta-theme-frost 0.72s ease-in-out forwards;
}
.emotta-theme-transition__sky {
	position: absolute;
	inset: 0;
	z-index: 1;
	opacity: 0;
	overflow: visible;
}
.emotta-theme-transition__clouds {
	position: absolute;
	inset: 0;
	z-index: 2;
	pointer-events: none;
	overflow: visible;
}
.emotta-theme-transition__cloud {
	position: absolute;
	display: flex;
	color: rgba(255, 255, 255, 0.92);
	opacity: 0;
	filter: drop-shadow(0 12px 28px rgba(0, 0, 0, 0.12));
}
.emotta-theme-transition__cloud svg {
	width: 100%;
	height: auto;
	display: block;
	overflow: visible;
}
/* Nuages dans la moitié haute (évite le bord bas du viewport + lecture « jour ») */
.emotta-theme-transition__cloud--a {
	width: min(38vw, 190px);
	top: 38%;
	left: 7%;
}
.emotta-theme-transition__cloud--b {
	width: min(46vw, 240px);
	top: 34%;
	right: 6%;
}
.emotta-theme-transition__cloud--c {
	width: min(34vw, 165px);
	top: 48%;
	left: 40%;
}
.emotta-theme-transition__celestial {
	position: relative;
	z-index: 3;
	width: min(96vw, 560px);
	height: min(86vh, 600px);
	max-height: min(86vh, 600px);
	min-height: 280px;
	/* Réserve bas pour rayons / halo soleil sans clip */
	padding: clamp(1.25rem, 4vh, 2.75rem) clamp(0.75rem, 3vw, 2rem) clamp(2.5rem, 8vh, 4rem);
	box-sizing: border-box;
	pointer-events: none;
	overflow: visible;
}
.emotta-theme-transition__sun,
.emotta-theme-transition__moon {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: visible;
	filter: drop-shadow(0 10px 32px rgba(0, 0, 0, 0.45)) drop-shadow(0 0 20px rgba(255, 255, 255, 0.2));
	will-change: transform, opacity;
}
.emotta-theme-transition__sun svg,
.emotta-theme-transition__moon svg {
	overflow: visible;
}
.emotta-theme-transition--playing .emotta-theme-transition__sun,
.emotta-theme-transition--playing .emotta-theme-transition__moon {
	filter: drop-shadow(0 12px 36px rgba(0, 0, 0, 0.55)) drop-shadow(0 0 32px rgba(255, 255, 255, 0.45));
}
/* Soleil centré en bas : aube ; crépuscule part d’en haut */
.emotta-theme-transition__sun {
	left: 50%;
	bottom: 10%;
	margin-left: 0;
	transform: translateX(-50%);
	opacity: 0;
}
.emotta-theme-transition__moon {
	right: 10%;
	top: 12%;
	opacity: 0;
	padding: 0.35rem;
	box-sizing: content-box;
}
.emotta-theme-transition__stars {
	position: absolute;
	inset: 0;
	z-index: 2;
	pointer-events: none;
	overflow: visible;
}
.emotta-theme-transition__star {
	position: absolute;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 1);
	box-shadow: 0 0 10px rgba(255, 255, 255, 0.95), 0 0 22px rgba(255, 255, 255, 0.45);
	opacity: 0;
}
.emotta-theme-transition--playing.emotta-theme-transition--to-dark .emotta-theme-transition__star {
	width: 5px;
	height: 5px;
}
.emotta-theme-transition__star:nth-child(1) { top: 12%; left: 8%; }
.emotta-theme-transition__star:nth-child(2) { top: 22%; left: 22%; }
.emotta-theme-transition__star:nth-child(3) { top: 18%; left: 55%; }
.emotta-theme-transition__star:nth-child(4) { top: 8%; left: 72%; }
.emotta-theme-transition__star:nth-child(5) { top: 35%; left: 12%; }
.emotta-theme-transition__star:nth-child(6) { top: 42%; left: 38%; }
.emotta-theme-transition__star:nth-child(7) { top: 38%; left: 68%; }
.emotta-theme-transition__star:nth-child(8) { top: 28%; left: 88%; }
.emotta-theme-transition__star:nth-child(9) { top: 55%; left: 18%; }
.emotta-theme-transition__star:nth-child(10) { top: 62%; left: 48%; }
.emotta-theme-transition__star:nth-child(11) { top: 58%; left: 78%; }
.emotta-theme-transition__star:nth-child(12) { top: 48%; left: 92%; }
.emotta-theme-transition__star:nth-child(13) { top: 72%; left: 32%; }
.emotta-theme-transition__star:nth-child(14) { top: 68%; left: 62%; }

/* Sombre → clair : soleil + nuages (pas lune / pas étoiles) */
.emotta-theme-transition--playing.emotta-theme-transition--to-light .emotta-theme-transition__sky {
	opacity: 1;
	background: radial-gradient(ellipse 120% 80% at 50% 100%, rgba(253, 230, 138, 0.55) 0%, rgba(167, 139, 250, 0.25) 45%, rgba(15, 23, 42, 0.15) 100%);
	animation: emotta-sky-to-light 0.72s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.emotta-theme-transition--playing.emotta-theme-transition--to-light .emotta-theme-transition__sun {
	animation: emotta-sun-rise 0.72s cubic-bezier(0.34, 1.2, 0.64, 1) forwards;
}
.emotta-theme-transition--playing.emotta-theme-transition--to-light .emotta-theme-transition__moon {
	visibility: hidden;
	opacity: 0 !important;
	animation: none;
}
.emotta-theme-transition--playing.emotta-theme-transition--to-light .emotta-theme-transition__star {
	opacity: 0 !important;
	animation: none !important;
}
.emotta-theme-transition--playing.emotta-theme-transition--to-light .emotta-theme-transition__cloud {
	color: rgba(255, 255, 255, 0.95);
}
.emotta-theme-transition--playing.emotta-theme-transition--to-light .emotta-theme-transition__cloud--a {
	animation: emotta-cloud-dawn-a 0.72s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.emotta-theme-transition--playing.emotta-theme-transition--to-light .emotta-theme-transition__cloud--b {
	animation: emotta-cloud-dawn-b 0.72s cubic-bezier(0.38, 0, 0.2, 1) forwards;
}
.emotta-theme-transition--playing.emotta-theme-transition--to-light .emotta-theme-transition__cloud--c {
	animation: emotta-cloud-dawn-c 0.72s cubic-bezier(0.42, 0, 0.2, 1) forwards;
}

/* Clair → sombre : d’abord soleil qui se couche, puis lune + étoiles (pas tout en même temps) */
.emotta-theme-transition--playing.emotta-theme-transition--to-dark .emotta-theme-transition__sky {
	opacity: 1;
	background: radial-gradient(ellipse 130% 90% at 50% 110%, rgba(30, 27, 75, 0.85) 0%, rgba(15, 23, 42, 0.65) 50%, rgba(2, 6, 23, 0.45) 100%);
	animation: emotta-sky-to-dark 0.72s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.emotta-theme-transition--playing.emotta-theme-transition--to-dark .emotta-theme-transition__sun {
	animation: emotta-sun-set 0.72s cubic-bezier(0.55, 0, 0.45, 1) forwards;
}
.emotta-theme-transition--playing.emotta-theme-transition--to-dark .emotta-theme-transition__moon {
	animation: emotta-moon-enter 0.72s cubic-bezier(0.34, 1.1, 0.64, 1) forwards;
}
.emotta-theme-transition--playing.emotta-theme-transition--to-dark .emotta-theme-transition__star {
	animation: emotta-stars-in 0.65s ease forwards;
}
.emotta-theme-transition--playing.emotta-theme-transition--to-dark .emotta-theme-transition__star:nth-child(odd) {
	animation-delay: 0.08s;
}
.emotta-theme-transition--playing.emotta-theme-transition--to-dark .emotta-theme-transition__star:nth-child(3n) {
	animation-delay: 0.15s;
}
.emotta-theme-transition--playing.emotta-theme-transition--to-dark .emotta-theme-transition__cloud {
	color: rgba(203, 213, 225, 0.55);
	filter: drop-shadow(0 8px 20px rgba(30, 27, 75, 0.35));
}
.emotta-theme-transition--playing.emotta-theme-transition--to-dark .emotta-theme-transition__cloud--a {
	animation: emotta-cloud-dusk-a 0.72s ease-in-out forwards;
}
.emotta-theme-transition--playing.emotta-theme-transition--to-dark .emotta-theme-transition__cloud--b {
	animation: emotta-cloud-dusk-b 0.72s ease-in-out forwards;
}
.emotta-theme-transition--playing.emotta-theme-transition--to-dark .emotta-theme-transition__cloud--c {
	animation: emotta-cloud-dusk-c 0.72s ease-in-out forwards;
}

.emotta-theme-transition--playing {
	opacity: 1;
	visibility: visible;
	/* Bloque les interactions pendant l’anim (le voile avait pointer-events: none) */
	pointer-events: auto;
}

/* Évite le chevauchement body transition-colors (300ms Tailwind) / overlay (720ms) */
html.emotta-theme-transition-active body {
	transition: none !important;
}

/* Pendant la transition : overflow-x:hidden sur html clippe souvent les layers fixed (halos, nuages) */
html.emotta-theme-transition-active,
body.emotta-theme-transition-active {
	overflow-x: visible !important;
}

@keyframes emotta-theme-frost {
	0% {
		opacity: 0;
	}
	10% {
		opacity: 1;
	}
	90% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

/* Navigateurs sans backdrop-filter : le voile suffit */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
	.emotta-theme-transition__frost {
		backdrop-filter: none;
		-webkit-backdrop-filter: none;
	}
	.emotta-theme-transition--playing.emotta-theme-transition--to-light .emotta-theme-transition__frost {
		background: rgba(248, 250, 252, 0.92);
	}
	.emotta-theme-transition--playing.emotta-theme-transition--to-dark .emotta-theme-transition__frost {
		background: rgba(15, 23, 42, 0.88);
	}
}

@keyframes emotta-sky-to-light {
	0% { opacity: 0.95; filter: brightness(0.85); }
	40% { opacity: 1; filter: brightness(1.05); }
	100% { opacity: 0; filter: brightness(1); }
}
@keyframes emotta-sky-to-dark {
	0% { opacity: 0; }
	35% { opacity: 1; }
	100% { opacity: 0; }
}
@keyframes emotta-sun-rise {
	/* translate(-50%, …) = soleil centré, lever depuis l’horizon */
	0% { transform: translate(-50%, 65%) scale(0.65); opacity: 0.45; }
	55% { opacity: 1; }
	100% { transform: translate(-44%, -32%) scale(1.05); opacity: 0; }
}
@keyframes emotta-sun-set {
	/* Coucher dans le cadre ; soleil éteint avant l’apparition nette de la lune */
	0% { transform: translate(-50%, -20%) scale(1); opacity: 1; }
	36% { transform: translate(-53%, 3%) scale(0.9); opacity: 0.92; }
	46% { opacity: 0; transform: translate(-55%, 9%) scale(0.62); }
	100% { opacity: 0; transform: translate(-55%, 9%) scale(0.62); }
}
@keyframes emotta-cloud-dawn-a {
	0% { transform: translate(8%, 18%) scale(0.88); opacity: 0; }
	35% { opacity: 0.98; }
	100% { transform: translate(-4%, -10%) scale(1); opacity: 0; }
}
@keyframes emotta-cloud-dawn-b {
	0% { transform: translate(-14%, 22%) scale(0.82); opacity: 0; }
	40% { opacity: 0.95; }
	100% { transform: translate(3%, -14%) scale(1.02); opacity: 0; }
}
@keyframes emotta-cloud-dawn-c {
	0% { transform: translate(6%, 26%) scale(0.9); opacity: 0; }
	38% { opacity: 0.92; }
	100% { transform: translate(-8%, -8%) scale(1); opacity: 0; }
}
@keyframes emotta-cloud-dusk-a {
	0% { transform: translate(0, 6%) scale(1); opacity: 0; }
	30% { opacity: 0.88; }
	100% { transform: translate(-12%, 4%) scale(0.95); opacity: 0; }
}
@keyframes emotta-cloud-dusk-b {
	0% { transform: translate(0, 4%) scale(1); opacity: 0; }
	35% { opacity: 0.85; }
	100% { transform: translate(8%, 10%) scale(0.92); opacity: 0; }
}
@keyframes emotta-cloud-dusk-c {
	0% { transform: translate(0, 12%) scale(0.98); opacity: 0; }
	32% { opacity: 0.82; }
	100% { transform: translate(-6%, 2%) scale(0.9); opacity: 0; }
}
@keyframes emotta-moon-enter {
	0%, 44% { transform: translate(14%, -18%) scale(0.55); opacity: 0; }
	54% { opacity: 1; }
	100% { transform: translate(0, 0) scale(1); opacity: 0; }
}
@keyframes emotta-stars-in {
	0%, 36% { opacity: 0; transform: scale(0.25); }
	48% { opacity: 0.9; transform: scale(1); }
	78% { opacity: 1; transform: scale(1); }
	100% { opacity: 0; transform: scale(1); }
}
@keyframes emotta-stars-out {
	0% { opacity: 0.85; }
	100% { opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
	.emotta-theme-transition,
	.emotta-theme-transition__frost,
	.emotta-theme-transition__sky,
	.emotta-theme-transition__cloud,
	.emotta-theme-transition__sun,
	.emotta-theme-transition__moon,
	.emotta-theme-transition__star {
		animation: none !important;
		transition: none !important;
	}
}

/* --- Mode clair : en-tête, menu, tiroir, pied de page, cartes --- */
html[data-emotta-theme="light"] .emotta-header {
	border-bottom-color: rgba(15, 23, 42, 0.08);
	background: rgba(255, 255, 255, 0.82);
}
@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
	html[data-emotta-theme="light"] .emotta-header {
		background: rgba(255, 255, 255, 0.72);
	}
}
html[data-emotta-theme="light"] .emotta-header__bar {
	background: linear-gradient(180deg, rgba(124, 58, 237, 0.05) 0%, transparent 100%);
}
html[data-emotta-theme="light"] .emotta-header__brand-link {
	color: #0f172a;
}
html[data-emotta-theme="light"] .emotta-header__menu {
	border-color: rgba(15, 23, 42, 0.1);
	background: rgba(15, 23, 42, 0.04);
	box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.04) inset;
}
html[data-emotta-theme="light"] .emotta-header__menu > li > a {
	color: #475569;
}
html[data-emotta-theme="light"] .emotta-header__menu > li > a:hover,
html[data-emotta-theme="light"] .emotta-header__menu > li.current-menu-item > a,
html[data-emotta-theme="light"] .emotta-header__menu > li > a.emotta-header__link--current {
	color: #0f172a;
	background: rgba(124, 58, 237, 0.12);
}
html[data-emotta-theme="light"] .emotta-mobile-toggle {
	border-color: rgba(15, 23, 42, 0.12);
	background: rgba(15, 23, 42, 0.04);
	color: #0f172a;
}
html[data-emotta-theme="light"] .emotta-mobile-toggle:hover {
	border-color: rgba(124, 58, 237, 0.35);
	background: rgba(124, 58, 237, 0.08);
}

html[data-emotta-theme="light"] .emotta-mobile-drawer__backdrop {
	background: rgba(15, 23, 42, 0.25);
}
html[data-emotta-theme="light"] .emotta-mobile-drawer__panel {
	background: linear-gradient(165deg, #ffffff 0%, #fafafa 100%);
	border-left-color: rgba(15, 23, 42, 0.1);
	box-shadow: -20px 0 40px rgba(15, 23, 42, 0.1);
}
html[data-emotta-theme="light"] .emotta-mobile-drawer__label {
	color: #64748b;
}
html[data-emotta-theme="light"] .emotta-mobile-drawer__close {
	background: rgba(15, 23, 42, 0.06);
	color: #475569;
}
html[data-emotta-theme="light"] .emotta-mobile-drawer__close:hover {
	background: rgba(15, 23, 42, 0.1);
	color: #0f172a;
}
html[data-emotta-theme="light"] .emotta-mobile-drawer__head {
	border-bottom-color: rgba(15, 23, 42, 0.08);
}
html[data-emotta-theme="light"] .emotta-mobile-drawer__list > li > a,
html[data-emotta-theme="light"] .emotta-mobile-drawer__link {
	color: #334155;
}
html[data-emotta-theme="light"] .emotta-mobile-drawer__list > li > a:hover,
html[data-emotta-theme="light"] .emotta-mobile-drawer__link:hover {
	background: rgba(124, 58, 237, 0.1);
	color: #5b21b6;
}
html[data-emotta-theme="light"] .emotta-mobile-drawer__link--current {
	background: rgba(124, 58, 237, 0.14);
	color: #5b21b6;
}

html[data-emotta-theme="light"] .emotta-footer {
	background: #f5f5f4;
	color: #475569;
}
html[data-emotta-theme="light"] .emotta-footer__top {
	border-bottom-color: rgba(15, 23, 42, 0.08);
	background: radial-gradient(ellipse 80% 120% at 50% -20%, rgba(124, 58, 237, 0.08), transparent 55%);
}
html[data-emotta-theme="light"] .emotta-footer__pitch-kicker {
	color: #64748b;
}
html[data-emotta-theme="light"] .emotta-footer__pitch-text {
	color: #334155;
}
html[data-emotta-theme="light"] .emotta-footer__pitch-btn {
	background: linear-gradient(135deg, #7c3aed 0%, #6366f1 100%);
	color: #fff;
}
html[data-emotta-theme="light"] .emotta-footer__heading {
	color: #0f172a;
}
html[data-emotta-theme="light"] .emotta-footer__tagline {
	color: #64748b;
}
html[data-emotta-theme="light"] .emotta-footer__links a {
	color: #475569;
}
html[data-emotta-theme="light"] .emotta-footer__links a:hover {
	color: #7c3aed;
}
html[data-emotta-theme="light"] .emotta-footer__contact-lead {
	color: #64748b;
}
html[data-emotta-theme="light"] .emotta-footer__contact-link {
	color: #7c3aed;
}
html[data-emotta-theme="light"] .emotta-footer__social-link {
	border-color: rgba(15, 23, 42, 0.1);
	background: rgba(255, 255, 255, 0.75);
	color: #475569;
}
html[data-emotta-theme="light"] .emotta-footer__card {
	border-color: rgba(15, 23, 42, 0.1);
	background: rgba(255, 255, 255, 0.9);
}
html[data-emotta-theme="light"] .emotta-footer__card-title {
	color: #0f172a;
}
html[data-emotta-theme="light"] .emotta-footer__card-text {
	color: #64748b;
}
html[data-emotta-theme="light"] .emotta-footer__card-btn {
	color: #7c3aed;
}
html[data-emotta-theme="light"] .emotta-footer__legal {
	border-color: rgba(15, 23, 42, 0.08);
}
html[data-emotta-theme="light"] .emotta-footer__copy,
html[data-emotta-theme="light"] .emotta-footer__legal-link {
	color: #64748b;
}

html[data-emotta-theme="light"] .realisation-card.emotta-card {
	background: #ffffff;
	border-color: rgba(15, 23, 42, 0.1);
}
html[data-emotta-theme="light"] .realisation-card.emotta-card:hover {
	border-color: rgba(124, 58, 237, 0.35);
	box-shadow: 0 12px 28px -8px rgba(15, 23, 42, 0.12);
}
html[data-emotta-theme="light"] .emotta-card__preview {
	background: #f4f4f5;
}
/* !important : la couleur #fff vient de style.css (non layer) et peut perdre face au bundle Tailwind */
html[data-emotta-theme="light"] #content article.realisation-card .emotta-card__title,
html[data-emotta-theme="light"] #content .emotta-card__title {
	color: #0f172a !important;
}
html[data-emotta-theme="light"] .emotta-card__type {
	color: #7c3aed;
}
html[data-emotta-theme="light"] .emotta-card__excerpt {
	color: #64748b;
}
html[data-emotta-theme="light"] .emotta-card__link {
	color: #6d28d9;
}
html[data-emotta-theme="light"] .emotta-card__link:hover {
	color: #7c3aed;
}
html[data-emotta-theme="light"] .emotta-card__placeholder {
	background: linear-gradient(160deg, #ffffff 0%, #f3f4f6 100%);
}
html[data-emotta-theme="light"] .emotta-card__placeholder-icon {
	color: #94a3b8;
}
html[data-emotta-theme="light"] .emotta-card__placeholder-url {
	color: #64748b;
}
html[data-emotta-theme="light"] .emotta-card__empty {
	background: #fafafa;
	color: #94a3b8;
}

/* Contenu éditeur (front page alternative) */
html[data-emotta-theme="light"] .emotta-front-hub__content a {
	color: #6d28d9;
}
html[data-emotta-theme="light"] .emotta-front-hub__content a:hover {
	color: #5b21b6;
}

/* ========== Page Sites internet : mode clair complet ========== */

/* Hero : vagues → même teinte que la section suivante (évite la couture en mode clair) */
html[data-emotta-theme="light"] .emotta-hero-waves__path {
	fill: #fafafa; /* aligné sur le canvas clair (ex. #realisations) */
}
html[data-emotta-theme="light"] body.emotta-theme-logiciels .emotta-hero-waves__path,
html[data-emotta-theme="light"] .emotta-hero-waves--next-aprops .emotta-hero-waves__path {
	fill: #f3f4f6; /* aligné sur bandes #approche / #a-propos */
}

/* Hero tagline (sous le titre) - page Sites uniquement */
html[data-emotta-theme="light"] body:not(.emotta-theme-logiciels) .emotta-hero-tagline {
	color: #6d28d9 !important;
}

/* Section À propos — pas de bordure haute : la vague touche déjà le bloc (comme #approche sur Logiciels) */
html[data-emotta-theme="light"] #a-propos {
	border-top: none !important;
	background-color: #f3f4f6;
}
html[data-emotta-theme="light"] #a-propos h2 {
	color: #0f172a !important;
}
html[data-emotta-theme="light"] #a-propos .text-gray-400 {
	color: #475569 !important;
}

/* Section Réalisations */
html[data-emotta-theme="light"] #realisations h2 {
	color: #0f172a !important;
}
html[data-emotta-theme="light"] #realisations .text-gray-400 {
	color: #475569 !important;
}
html[data-emotta-theme="light"] #realisations .rounded-2xl.border.border-white\/10.bg-white\/5 {
	background-color: #ffffff !important;
	border-color: rgba(15, 23, 42, 0.1) !important;
}
html[data-emotta-theme="light"] #realisations .rounded-2xl.border .text-gray-400 {
	color: #64748b !important;
}

/* Section Forfaits */
html[data-emotta-theme="light"] #forfaits {
	border-top-color: rgba(15, 23, 42, 0.08);
	background-color: #f3f4f6;
}
html[data-emotta-theme="light"] #forfaits h2 {
	color: #0f172a !important;
}
html[data-emotta-theme="light"] #forfaits .text-gray-400 {
	color: #475569 !important;
}
html[data-emotta-theme="light"] #forfaits .text-gray-500 {
	color: #64748b !important;
}

/* Cartes forfaits + options (fond, bordure, texte) */
html[data-emotta-theme="light"] #forfaits .relative.rounded-2xl.border,
html[data-emotta-theme="light"] #forfaits .rounded-2xl.border.border-white\/10,
html[data-emotta-theme="light"] #forfaits .rounded-2xl.border.bg-white\/5,
html[data-emotta-theme="light"] #options-sites .rounded-2xl.border {
	background-color: #ffffff !important;
	border-color: rgba(15, 23, 42, 0.12) !important;
	box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
}
html[data-emotta-theme="light"] #forfaits .relative.rounded-2xl.border:hover,
html[data-emotta-theme="light"] #forfaits .rounded-2xl.border:hover,
html[data-emotta-theme="light"] #options-sites .rounded-2xl.border:hover {
	border-color: rgba(124, 58, 237, 0.4) !important;
	box-shadow: 0 12px 24px -8px rgba(15, 23, 42, 0.12);
}
html[data-emotta-theme="light"] #forfaits .emotta-card-highlight {
	background-color: #ffffff !important;
	border-color: rgba(124, 58, 237, 0.35) !important;
}
html[data-emotta-theme="light"] #forfaits .emotta-forfait-features li,
html[data-emotta-theme="light"] #options-sites .emotta-forfait-features li {
	color: #475569 !important;
}
html[data-emotta-theme="light"] #forfaits .emotta-forfait-check,
html[data-emotta-theme="light"] #options-sites .emotta-forfait-check {
	color: #6d28d9 !important;
}

/* Bloc Sur mesure */
html[data-emotta-theme="light"] #forfaits .emotta-surmesure-band {
	background:
		radial-gradient(circle at 100% 0%, rgba(59, 130, 246, 0.08), transparent 46%),
		radial-gradient(circle at 0% 100%, rgba(124, 58, 237, 0.1), transparent 48%),
		linear-gradient(140deg, rgba(255, 255, 255, 0.98), rgba(250, 250, 250, 0.95));
	border-color: rgba(15, 23, 42, 0.12);
	box-shadow: 0 8px 24px -12px rgba(15, 23, 42, 0.12), 0 0 0 1px rgba(15, 23, 42, 0.04) inset;
}
html[data-emotta-theme="light"] #forfaits .emotta-surmesure-band:hover {
	border-color: rgba(124, 58, 237, 0.4);
	box-shadow: 0 16px 32px -12px rgba(15, 23, 42, 0.15), 0 0 0 1px rgba(124, 58, 237, 0.1) inset;
}
html[data-emotta-theme="light"] #forfaits .emotta-surmesure-band__kicker {
	color: #4f46e5 !important;
}
html[data-emotta-theme="light"] #forfaits .emotta-surmesure-band__title {
	color: #0f172a !important;
}
html[data-emotta-theme="light"] #forfaits .emotta-surmesure-band__desc {
	color: #475569 !important;
}
html[data-emotta-theme="light"] #forfaits .emotta-surmesure-band__features li {
	color: #475569 !important;
}
html[data-emotta-theme="light"] #forfaits .emotta-surmesure-band__features .emotta-forfait-check {
	color: #6d28d9 !important;
}
html[data-emotta-theme="light"] #forfaits .emotta-surmesure-band__aside {
	border-color: rgba(15, 23, 42, 0.1);
}
html[data-emotta-theme="light"] #forfaits .emotta-surmesure-band__price-label {
	color: #64748b !important;
}
html[data-emotta-theme="light"] #forfaits .emotta-surmesure-band__price {
	color: #0f172a !important;
}

/* Options complémentaires */
html[data-emotta-theme="light"] #options-sites {
	border-top-color: rgba(15, 23, 42, 0.1);
}
html[data-emotta-theme="light"] #options-sites h2 {
	color: #0f172a !important;
}
html[data-emotta-theme="light"] #options-sites .text-gray-500 {
	color: #64748b !important;
}

/* Section Contact */
html[data-emotta-theme="light"] #contact {
	border-top-color: rgba(15, 23, 42, 0.08);
	background-color: #f3f4f6 !important;
	background-image: none !important;
}
html[data-emotta-theme="light"] #contact h2 {
	color: #0f172a !important;
}
html[data-emotta-theme="light"] #contact .text-gray-400 {
	color: #475569 !important;
}

/* Message succès formulaire */
html[data-emotta-theme="light"] .emotta-contact-success {
	background: rgba(124, 58, 237, 0.12);
	border-color: rgba(124, 58, 237, 0.3);
	color: #5b21b6 !important;
}
html[data-emotta-theme="light"] .emotta-contact-form__error {
	color: #991b1b !important;
	background: rgba(254, 226, 226, 0.9);
	border-color: rgba(248, 113, 113, 0.4);
}
html[data-emotta-theme="light"] .emotta-contact-form__optional {
	color: #64748b !important;
}
html[data-emotta-theme="light"] .emotta-contact-form__trust {
	color: #64748b !important;
}

/* Evite le degrade sombre autour du formulaire en mode clair */
html[data-emotta-theme="light"] #colophon,
html[data-emotta-theme="light"] .emotta-footer,
html[data-emotta-theme="light"] .emotta-footer__top,
html[data-emotta-theme="light"] .emotta-footer__main,
html[data-emotta-theme="light"] .emotta-footer__legal {
	background-color: #f5f5f4 !important;
	background-image: none !important;
}

/* Formulaire contact */
html[data-emotta-theme="light"] .emotta-contact-form {
	background: rgba(255, 255, 255, 0.95);
	border-color: rgba(15, 23, 42, 0.1);
	box-shadow: 0 8px 28px -8px rgba(15, 23, 42, 0.1);
}
html[data-emotta-theme="light"] .emotta-contact-form__label {
	color: #475569;
}
html[data-emotta-theme="light"] .emotta-contact-form__input {
	color: #0f172a;
	background: #fafafa;
	border-color: rgba(15, 23, 42, 0.12);
}
html[data-emotta-theme="light"] .emotta-contact-form__input:hover {
	border-color: rgba(15, 23, 42, 0.2);
	background: #fff;
}
html[data-emotta-theme="light"] .emotta-contact-form__input:focus {
	background: #fff;
}
html[data-emotta-theme="light"] .emotta-contact-form__select-wrap::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%237c3aed' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
	opacity: 1;
}
html[data-emotta-theme="light"] .emotta-contact-form__select.emotta-contact-form__input {
	color: #0f172a;
	background-color: #fafafa;
	border-color: rgba(15, 23, 42, 0.12);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}
html[data-emotta-theme="light"] .emotta-contact-form__select.emotta-contact-form__input:hover {
	border-color: rgba(15, 23, 42, 0.2);
	background: #fff;
}
html[data-emotta-theme="light"] .emotta-contact-form__select.emotta-contact-form__input:focus {
	border-color: #7c3aed;
	box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.2), inset 0 1px 0 rgba(255, 255, 255, 1);
	background: #fff;
}
html[data-emotta-theme="light"] .emotta-contact-form__select option {
	background-color: #fff;
	color: #0f172a;
}

/* Fix lisibilite titres hero (evite blanc sur blanc) */
html[data-emotta-theme="light"] .emotta-hero-mainline {
	background: linear-gradient(90deg, #0f172a 0%, #334155 100%) !important;
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent !important;
}

/* ========== Page Accueil (home-hub) : mode clair ========== */
html[data-emotta-theme="light"] .home-hub,
html[data-emotta-theme="light"] .home-hub-zones,
html[data-emotta-theme="light"] .home-hub-final {
	border-color: rgba(15, 23, 42, 0.08);
}
html[data-emotta-theme="light"] .home-hub__eyebrow {
	border-color: rgba(15, 23, 42, 0.12);
	background: rgba(255, 255, 255, 0.95);
	color: #475569;
}
html[data-emotta-theme="light"] .home-hub-zone__title {
	color: #0f172a;
}
html[data-emotta-theme="light"] .home-hub-zone__desc,
html[data-emotta-theme="light"] .home-hub-zone__list {
	color: #475569;
}
html[data-emotta-theme="light"] .home-hub-zone__label {
	color: #64748b;
}
html[data-emotta-theme="light"] .home-hub-zone {
	border-color: rgba(15, 23, 42, 0.12);
	background: #ffffff;
}
html[data-emotta-theme="light"] .home-hub-zone__cta {
	border-color: rgba(15, 23, 42, 0.12);
	background: rgba(250, 250, 250, 0.95);
	color: #334155;
}
html[data-emotta-theme="light"] .home-hub-zone--sites .home-hub-zone__cta {
	color: #6d28d9;
}
html[data-emotta-theme="light"] .home-hub-zone--logiciels .home-hub-zone__cta {
	color: #059669;
}
html[data-emotta-theme="light"] .home-hub-marquee {
	border-color: rgba(15, 23, 42, 0.08);
}
html[data-emotta-theme="light"] .home-hub-marquee__track {
	color: #475569;
}
html[data-emotta-theme="light"] .home-hub-marquee__track span {
	border-color: rgba(15, 23, 42, 0.12);
	background: #ffffff;
}
html[data-emotta-theme="light"] .home-hub-final__kicker {
	color: #64748b;
}
html[data-emotta-theme="light"] .home-hub-final__intro {
	color: #475569;
}
html[data-emotta-theme="light"] .home-hub-final__path {
	border-color: rgba(15, 23, 42, 0.12);
	background: #ffffff;
}
html[data-emotta-theme="light"] .home-hub-final__path-title {
	color: #0f172a;
}
html[data-emotta-theme="light"] .home-hub-final__path-desc {
	color: #475569;
}
html[data-emotta-theme="light"] .home-hub-final__path-icon {
	border-color: rgba(15, 23, 42, 0.1);
	background: rgba(250, 250, 250, 0.98);
}
html[data-emotta-theme="light"] .home-hub-final__path-icon--sites {
	border-color: rgba(124, 58, 237, 0.25);
	background: rgba(124, 58, 237, 0.06);
	color: #6d28d9;
}
html[data-emotta-theme="light"] .home-hub-final__path-icon--logiciels {
	border-color: rgba(16, 185, 129, 0.28);
	background: rgba(16, 185, 129, 0.06);
	color: #059669;
}
html[data-emotta-theme="light"] .home-hub-final__path-link--sites {
	color: #6d28d9;
}
html[data-emotta-theme="light"] .home-hub-final__path-link--sites:hover {
	color: #5b21b6;
}
html[data-emotta-theme="light"] .home-hub-final__path-link--logiciels {
	color: #059669;
}
html[data-emotta-theme="light"] .home-hub-final__path-link--logiciels:hover {
	color: #047857;
}

/* Fallback hub : titre final (sans build Tailwind) */
html[data-emotta-theme="light"] .home-hub-final__heading {
	background: linear-gradient(180deg, #0f172a 0%, #64748b 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

/* ========== Pop-up offres (Personnaliser) ========== */
html.emotta-promo-open,
html.emotta-promo-open body {
	overflow: hidden;
}
.emotta-promo-popup {
	position: fixed;
	inset: 0;
	z-index: 99950;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));
	pointer-events: none;
}
.emotta-promo-popup[hidden] {
	display: none !important;
}
.emotta-promo-popup:not([hidden]) {
	pointer-events: auto;
}
.emotta-promo-popup__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(2, 6, 23, 0.72);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	cursor: pointer;
}
.emotta-promo-popup__panel {
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: 26rem;
	max-height: min(85vh, 32rem);
	overflow-y: auto;
	padding: 1.75rem 1.75rem 1.5rem;
	border-radius: 1.125rem;
	border: 1px solid rgba(255, 255, 255, 0.1);
	background: linear-gradient(165deg, #1a1a24 0%, #12121a 100%);
	box-shadow: 0 28px 64px -20px rgba(0, 0, 0, 0.65), 0 0 0 1px rgba(124, 58, 237, 0.12);
	text-align: center;
}
.emotta-promo-popup__close {
	position: absolute;
	top: 0.65rem;
	right: 0.65rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.25rem;
	height: 2.25rem;
	padding: 0;
	border: none;
	border-radius: 0.5rem;
	background: rgba(255, 255, 255, 0.06);
	color: #9ca3af;
	cursor: pointer;
	transition: background 0.2s, color 0.2s;
}
.emotta-promo-popup__close:hover {
	background: rgba(255, 255, 255, 0.12);
	color: #fff;
}
.emotta-promo-popup__title {
	margin: 0 1.5rem 0.75rem;
	font-size: 1.35rem;
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: -0.02em;
	color: #fff;
}
@media (min-width: 640px) {
	.emotta-promo-popup__title {
		font-size: 1.5rem;
	}
}
.emotta-promo-popup__content {
	margin-top: 0.5rem;
	font-size: 0.9375rem;
	line-height: 1.65;
	color: #9ca3af;
	text-align: left;
}
.emotta-promo-popup__content p {
	margin: 0 0 0.75rem;
}
.emotta-promo-popup__content p:last-child {
	margin-bottom: 0;
}
.emotta-promo-popup__cta {
	margin-top: 1.5rem;
	width: 100%;
	justify-content: center;
}
.emotta-promo-popup--customize-preview {
	outline: 2px dashed rgba(124, 58, 237, 0.5);
	outline-offset: 4px;
}
html[data-emotta-theme="light"] .emotta-promo-popup__backdrop {
	background: rgba(15, 23, 42, 0.45);
}
html[data-emotta-theme="light"] .emotta-promo-popup__panel {
	border-color: rgba(15, 23, 42, 0.12);
	background: #ffffff;
	box-shadow: 0 24px 48px -16px rgba(15, 23, 42, 0.2);
}
html[data-emotta-theme="light"] .emotta-promo-popup__title {
	color: #0f172a;
}
html[data-emotta-theme="light"] .emotta-promo-popup__content {
	color: #475569;
}
html[data-emotta-theme="light"] .emotta-promo-popup__close {
	background: rgba(15, 23, 42, 0.06);
	color: #64748b;
}
html[data-emotta-theme="light"] .emotta-promo-popup__close:hover {
	background: rgba(15, 23, 42, 0.1);
	color: #0f172a;
}
@media (prefers-reduced-motion: reduce) {
	.emotta-promo-popup__backdrop {
		backdrop-filter: none;
		-webkit-backdrop-filter: none;
	}
}