/* ============================================================
   Phoenix Web Digital – CSS de forçage front-end
   ------------------------------------------------------------
   - Ce fichier est chargé APRÈS Elementor, en priorité maximale.
   - Utilise !important pour surcharger les styles Elementor.
   - Ajoute tes règles sous la section « TES OVERRIDES ».
   ============================================================ */

/* ------------------------------------------------------------
   VARIABLES (optionnel) — centralise tes couleurs / valeurs ici
   ------------------------------------------------------------ */
:root {
	/* --pwd-primary: #ff5a1f; */
	/* --pwd-text: #1a1a1a; */
	/* --pwd-radius: 12px; */
}

/* ------------------------------------------------------------
   TES OVERRIDES — ajoute tes règles ci-dessous
   Exemples (décommente et adapte) :
   ------------------------------------------------------------ */

/* Exemple : forcer la couleur d'un bouton Elementor
.elementor-button {
	background-color: var(--pwd-primary) !important;
	border-radius: var(--pwd-radius) !important;
}
*/

/* Exemple : forcer une police globale
body, body p, body h1, body h2, body h3 {
	font-family: "Inter", sans-serif !important;
}
*/

/* Exemple : masquer un élément partout
.mon-element-a-cacher {
	display: none !important;
}
*/

/* ============================================================
   PAGES LÉGALES (.pwd-legal)
   Style des pages "Conditions générales / Confidentialité"
   Hérite des polices globales du site, ajoute juste la mise
   en page (largeur, espacements, lisibilité).
   ============================================================ */
.pwd-legal {
	max-width: 860px !important;
	margin: 0 auto !important;
	padding: 60px 24px 80px !important;
	line-height: 1.7 !important;
	text-align: left !important;
}

.pwd-legal .pwd-legal__updated {
	font-size: 0.9em !important;
	opacity: 0.7 !important;
	margin-bottom: 2.5em !important;
}

.pwd-legal h2 {
	margin-top: 2.2em !important;
	margin-bottom: 0.6em !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	scroll-margin-top: 120px; /* décale l'ancre sous le header fixe */
}

.pwd-legal h3 {
	margin-top: 1.6em !important;
	margin-bottom: 0.4em !important;
	font-weight: 600 !important;
}

.pwd-legal p {
	margin: 0 0 1.1em !important;
}

.pwd-legal ul {
	margin: 0 0 1.3em 1.3em !important;
	padding-left: 1em !important;
	list-style: disc !important;
}

.pwd-legal ul li {
	margin-bottom: 0.5em !important;
}

.pwd-legal a {
	text-decoration: underline !important;
}

/* Confort de lecture sur mobile */
@media (max-width: 767px) {
	.pwd-legal {
		padding: 40px 18px 60px !important;
	}
}

/* ============================================================
   FOND AMBIANT CONTINU (anti « sections coupées »)
   Un seul halo qui traverse toute la page, derrière le contenu.
   Les sections de la home passent en fond transparent pour
   laisser voir ce halo → plus aucune coupure entre sections.
   ============================================================ */
.pwd-ambient {
	position: fixed;
	inset: 0;
	z-index: -1;            /* derrière le contenu, au-dessus du fond du body */
	pointer-events: none;
	overflow: hidden;
}
.pwd-ambient span {
	position: absolute;
	border-radius: 50%;
	filter: blur(100px);
	opacity: 0.5;
}
.pwd-ambient__o1 {
	width: 52vw; height: 52vw;
	background: radial-gradient(circle, rgba(145,219,255,0.45), transparent 65%);
	top: -12vw; left: -8vw;
	animation: pwdAmb1 28s ease-in-out infinite;
}
.pwd-ambient__o2 {
	width: 48vw; height: 48vw;
	background: radial-gradient(circle, rgba(255,122,26,0.38), transparent 65%);
	bottom: -14vw; right: -8vw;
	animation: pwdAmb2 34s ease-in-out infinite;
}
@keyframes pwdAmb1 { 0%,100%{transform:translate(0,0)} 50%{transform:translate(6vw,5vw)} }
@keyframes pwdAmb2 { 0%,100%{transform:translate(0,0)} 50%{transform:translate(-6vw,-5vw)} }

/* ============================================================
   NAVIGATION PAR ANCRES
   - défilement fluide au clic sur un lien #section (safe, molette intacte)
   - décalage pour ne pas cacher la section sous le header sticky
   ============================================================ */
html { scroll-behavior: smooth; }
[id] { scroll-margin-top: 100px; }

/* Sections de la home : fond transparent + on masque les orbes locaux
   (ils sont remplacés par le fond ambiant continu ci-dessus). */
.pwd-s2, .pwd-s3, .pwd-s3b, .pwd-s4, .pwd-s5, .pwd-s6 {
	background: transparent !important;
}
.pwd-s3b__orb, .pwd-s6__orb {
	display: none !important;
}

@media (prefers-reduced-motion: reduce) {
	.pwd-ambient span { animation: none !important; }
}