.evg-planner {
	/* Valeurs par défaut (thème "Violet moderne"), surchargées en ligne
	   selon le thème choisi en backoffice (voir class-evg-settings.php). */
	--evg-primary: #7c4dff;
	--evg-primary-dark: #5e35d1;
	--evg-accent: #ffb74d;
	--evg-bg: #f8f6ff;
	--evg-surface: #ffffff;
	--evg-text: #2a2a2a;
	--evg-radius-pill: 999px;
	--evg-radius-card: 14px;
	--evg-font-heading: inherit;

	max-width: 760px;
	margin: 2em auto;
	padding: 2em;
	background: var(--evg-surface);
	border-radius: var(--evg-radius-card);
	box-shadow: 0 2px 18px rgba(0,0,0,0.08);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	color: var(--evg-text);
}

.evg-step { display: none; }
.evg-step-active { display: block; animation: evg-fade .25s ease; }

@keyframes evg-fade {
	from { opacity: 0; transform: translateY(6px); }
	to { opacity: 1; transform: translateY(0); }
}

.evg-step-title {
	font-family: var(--evg-font-heading);
	font-size: 1.25em;
	margin-bottom: .3em;
}

.evg-hint {
	font-weight: normal;
	font-size: .75em;
	color: #888;
}

.evg-options {
	display: flex;
	flex-wrap: wrap;
	gap: .6em;
	margin: 1.2em 0;
}

.evg-option {
	padding: .8em 1.4em;
	border: 2px solid color-mix(in srgb, var(--evg-primary) 25%, white);
	background: var(--evg-bg);
	border-radius: var(--evg-radius-pill);
	font-size: .95em;
	cursor: pointer;
	transition: all .15s ease;
	color: var(--evg-text);
}

.evg-option:hover { border-color: var(--evg-primary); }

.evg-option.evg-selected {
	background: var(--evg-primary);
	border-color: var(--evg-primary);
	color: #fff;
}

.evg-back, .evg-next, .evg-restart, .evg-print {
	margin-top: 1em;
	margin-right: .6em;
	padding: .6em 1.2em;
	border: none;
	border-radius: var(--evg-radius-pill);
	cursor: pointer;
	font-size: .9em;
}

.evg-back { background: transparent; color: #666; }
.evg-next, .evg-print { background: var(--evg-primary); color: #fff; }
.evg-restart { background: #eee; color: #333; }

.evg-loading-text {
	text-align: center;
	padding: 3em 0;
	font-size: 1.1em;
	color: var(--evg-primary);
}

.evg-result-header {
	display: flex;
	justify-content: space-between;
	margin-bottom: 1.5em;
	flex-wrap: wrap;
}

.evg-moment-block {
	margin-bottom: 2em;
	padding-bottom: 1.5em;
	border-bottom: 1px solid rgba(0,0,0,.08);
}
.evg-moment-block:last-child { border-bottom: none; }

.evg-moment-title {
	font-family: var(--evg-font-heading);
	font-size: 1.1em;
	text-transform: uppercase;
	letter-spacing: .05em;
	color: var(--evg-primary);
	margin-bottom: .8em;
}

.evg-activity-card {
	position: relative;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1em;
	background: var(--evg-bg);
	border-radius: var(--evg-radius-card);
	padding: 1em;
	margin-bottom: .8em;
}

.evg-activity-main { border-left: 4px solid var(--evg-primary); }
.evg-activity-alt { border-left: 4px solid color-mix(in srgb, var(--evg-primary) 30%, white); opacity: .95; }

.evg-activity-content { display: flex; gap: 1em; flex: 1; min-width: 0; }

.evg-activity-thumb img { width: 90px; height: 90px; object-fit: cover; border-radius: calc(var(--evg-radius-card) * 0.6); flex-shrink: 0; }

.evg-activity-meta { font-size: .8em; color: #888; margin-bottom: .2em; }
.evg-activity-heure { font-weight: 600; margin-right: .8em; color: var(--evg-primary-dark); }

.evg-activity-title { font-weight: 600; margin: 0 0 .2em; }
.evg-activity-desc p { margin: 0; font-size: .92em; color: #555; }

.evg-alt-label { font-size: .8em; text-transform: uppercase; color: #999; margin: .8em 0 .4em; }

.evg-extras summary {
	cursor: pointer;
	color: var(--evg-primary);
	font-size: .9em;
	margin-top: .5em;
}

.evg-empty {
	text-align: center;
	padding: 2em;
	color: #888;
}

/* Bouton "autre proposition" */
.evg-reroll-btn {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	gap: .35em;
	background: var(--evg-surface);
	border: 1px solid color-mix(in srgb, var(--evg-primary) 40%, white);
	color: var(--evg-primary-dark);
	border-radius: var(--evg-radius-pill);
	padding: .45em .8em;
	font-size: .78em;
	cursor: pointer;
	white-space: nowrap;
	transition: all .15s ease;
}
.evg-reroll-btn:hover:not(:disabled) {
	background: var(--evg-primary);
	color: #fff;
	border-color: var(--evg-primary);
}
.evg-reroll-btn:disabled {
	opacity: .45;
	cursor: not-allowed;
}
.evg-reroll-icon {
	display: inline-block;
	transition: transform .3s ease;
}
.evg-reroll-btn.evg-spinning .evg-reroll-icon {
	transform: rotate(180deg);
}

@media (max-width: 600px) {
	.evg-planner { padding: 1.2em; }
	.evg-activity-thumb img { width: 60px; height: 60px; }
	.evg-activity-card { flex-direction: column; }
	.evg-reroll-btn { align-self: flex-end; }
}

@media print {
	.evg-result-header, .evg-restart, .evg-print, .evg-reroll-btn { display: none !important; }
	.evg-planner { box-shadow: none; }
}