/*
 * Enrichissements visuels du thème Emeline Roblot (chargé après theme.json).
 * Les styles de base (palette, typo, cartes, étiquettes) restent dans theme.json.
 */

/* ---------- Hero : halo du logo + grille de points, photo finie dans le cercle ---------- */

#accueil {
	background-image:
		radial-gradient(circle at 78% 42%, rgba(214, 68, 142, .26), transparent 38%),
		radial-gradient(circle at 92% 8%, rgba(96, 34, 129, .38), transparent 36%),
		radial-gradient(rgba(255, 255, 255, .07) 1px, transparent 1px);
	background-size: auto, auto, 22px 22px;
}

/* Le disque (::before) occupe le bas de la figure : on coupe la photo selon sa forme. */
.emr-hero-photo {
	clip-path: inset(0 2% 0 2% round 0 0 48% 48% / 0 0 43% 43%);
}

/* ---------- Chiffres clés : bandeau détaché du hero ---------- */

.emr-stats-band {
	border-top: 1px solid rgba(255, 255, 255, .08);
	background-color: #1b1b25 !important;
}

/* ---------- Services : icônes au trait à la place des numéros ---------- */

.emr-service::before {
	content: "";
	display: block;
	width: 3rem;
	height: 3rem;
	margin-bottom: .75rem;
	border-radius: 12px;
	background:
		var(--emr-icon) center / 1.6rem no-repeat,
		var(--wp--preset--color--primary-accent);
}

.emr-ico-data {
	--emr-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D6448E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='5' rx='9' ry='3'/%3E%3Cpath d='M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5'/%3E%3Cpath d='M3 12c0 1.66 4 3 9 3s9-1.34 9-3'/%3E%3C/svg%3E");
}

.emr-ico-agents {
	--emr-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D6448E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='8' width='18' height='12' rx='2'/%3E%3Cpath d='M12 8V4H8'/%3E%3Cpath d='M2 14h2M20 14h2M15 13v2M9 13v2'/%3E%3C/svg%3E");
}

.emr-ico-apps {
	--emr-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D6448E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Cpath d='M7 16v-4M12 16V8M17 16v-6'/%3E%3C/svg%3E");
}

.emr-ico-conseil {
	--emr-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D6448E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 10 12 5 2 10l10 5 10-5z'/%3E%3Cpath d='M6 12v5c3 3 9 3 12 0v-5'/%3E%3C/svg%3E");
}

/* ---------- Réalisations : chiffre-clé en tête de carte ---------- */

.emr-kpi {
	margin: 0;
	font-family: var(--wp--preset--font-family--heading);
	font-size: var(--wp--preset--font-size--x-large);
	font-weight: 700;
	line-height: 1;
	color: var(--wp--preset--color--primary);
}

.emr-kpi-label {
	margin-top: .25rem !important;
	padding-bottom: .5rem;
	border-bottom: 1px solid var(--wp--preset--color--border-light);
}

/* ---------- Parcours : frise verticale ---------- */

.emr-timeline {
	position: relative;
	padding-left: 2.25rem;
}

.emr-timeline::before {
	content: "";
	position: absolute;
	top: 1.5rem;
	bottom: 1.5rem;
	left: .55rem;
	width: 2px;
	background: linear-gradient(var(--wp--preset--color--primary), var(--wp--preset--color--primary-alt) 60%, var(--wp--preset--color--border-light));
}

.emr-timeline .emr-job {
	position: relative;
}

.emr-timeline .emr-job::before {
	content: "";
	position: absolute;
	top: 2.4rem;
	left: calc(-2.25rem + .55rem - 6px);
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: var(--wp--preset--color--primary);
	box-shadow: 0 0 0 4px var(--wp--preset--color--tertiary), 0 0 0 6px var(--wp--preset--color--primary-alt);
}

.emr-timeline-more > summary {
	display: inline-flex;
	gap: .5rem;
	margin: .5rem 0 0;
	padding: .55rem 1.1rem;
	border: 1px solid var(--wp--preset--color--border-light);
	border-radius: 100rem;
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--primary);
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 600;
	cursor: pointer;
}

.emr-timeline-more[open] > summary {
	margin-bottom: var(--wp--preset--spacing--large);
}

.emr-timeline-more > .emr-job + .emr-job {
	margin-top: var(--wp--preset--spacing--large);
}

@media (max-width: 600px) {
	.emr-timeline {
		padding-left: 1.5rem;
	}

	.emr-timeline::before {
		left: .3rem;
	}

	.emr-timeline .emr-job::before {
		left: calc(-1.5rem + .3rem - 6px);
	}
}

/* ---------- Apparition au défilement (classe posée par emr.js) ---------- */

.emr-reveal {
	opacity: 0;
	transform: translateY(18px);
	transition: opacity .6s ease, transform .6s ease;
}

.emr-reveal.is-visible {
	opacity: 1;
	transform: none;
}

/* ---------- Menu : section en cours ---------- */

.site-header .wp-block-navigation a.is-current {
	color: var(--wp--preset--color--primary-alt) !important;
}

/* ---------- Pied de page ---------- */

.emr-footer-links a,
.emr-footer-bottom a {
	text-decoration: none;
}

.emr-footer-links a:hover,
.emr-footer-bottom a:hover {
	color: var(--wp--preset--color--primary-alt) !important;
}

.emr-footer-bottom {
	padding-top: var(--wp--preset--spacing--medium);
	border-top: 1px solid rgba(255, 255, 255, .08);
}

/* ---------- Bouton retour en haut ---------- */

.emr-top {
	position: fixed;
	right: 1.25rem;
	bottom: 1.25rem;
	z-index: 40;
	display: grid;
	place-items: center;
	width: 2.75rem;
	height: 2.75rem;
	border: 0;
	border-radius: 50%;
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--base);
	box-shadow: 0 8px 24px rgba(32, 32, 43, .25);
	cursor: pointer;
	opacity: 0;
	transform: translateY(10px);
	pointer-events: none;
	transition: opacity .25s ease, transform .25s ease, background-color .2s ease;
}

.emr-top.is-visible {
	opacity: 1;
	transform: none;
	pointer-events: auto;
}

.emr-top:hover {
	background: #b8327a;
}

.emr-top:focus-visible {
	outline: 2px solid var(--wp--preset--color--primary-alt);
	outline-offset: 3px;
}