/*
 * Albanuova — Économie et progression 0.6.4
 * Alignement graphique explicite sur Agòra 0.12.0.
 * Les valeurs ci-dessous reprennent les variables et principes du fichier
 * assets/agora.css de la version 0.12.0, sans dépendre de son chargement.
 */
.alb-eco,
.alb-access-lock,
.alb-progress-rank,
.alb-progress-grid,
.alb-progress-card,
.alb-progress-quest,
.alb-progress-action,
.alb-eco-wrap {
	--agora-ink: #172126;
	--agora-muted: #68747b;
	--agora-line: #bcc7cb;
	--agora-soft: #edf1f2;
	--agora-paper: #ffffff;
	--agora-paper-2: #f6f8f8;
	--agora-primary: #08777b;
	--agora-primary-dark: #07565a;
	--agora-navy: #163c48;
	--agora-accent: #d2a029;
	--agora-success: #397454;
	--agora-warning: #a56b20;
	--agora-danger: #9c4242;
	--alb-primary: var(--agora-primary);
	--alb-primary-strong: var(--agora-primary-dark);
	--alb-secondary: var(--agora-accent);
	--alb-background: var(--agora-soft);
	--alb-surface: var(--agora-paper);
	--alb-surface-alt: var(--agora-paper-2);
	--alb-border: var(--agora-line);
	--alb-border-strong: var(--agora-line);
	--alb-text: var(--agora-ink);
	--alb-text-muted: var(--agora-muted);
	--alb-success: var(--agora-success);
	--alb-warning: var(--agora-warning);
	--alb-danger: var(--agora-danger);
	--alb-info: var(--agora-primary);
	--alb-focus: var(--agora-accent);
	--alb-spacing-1: .375rem;
	--alb-spacing-2: .625rem;
	--alb-spacing-3: 1rem;
	--alb-spacing-4: 1.5rem;
	--alb-spacing-5: 2rem;
	color: var(--agora-ink);
}

.alb-eco,
.alb-access-lock,
.alb-progress-rank,
.alb-progress-grid,
.alb-progress-card,
.alb-progress-quest,
.alb-progress-action {
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	line-height: 1.55;
}

.alb-eco,
.alb-eco *,
.alb-eco *::before,
.alb-eco *::after,
.alb-access-lock,
.alb-access-lock *,
.alb-access-lock *::before,
.alb-access-lock *::after,
.alb-progress-rank,
.alb-progress-rank *,
.alb-progress-grid,
.alb-progress-grid *,
.alb-progress-card,
.alb-progress-card *,
.alb-progress-quest,
.alb-progress-quest *,
.alb-progress-action,
.alb-progress-action *,
.alb-eco-wrap,
.alb-eco-wrap * {
	box-sizing: border-box;
	border-radius: 0 !important;
}

.alb-eco img,
.alb-access-lock img,
.alb-progress-grid img { max-width: 100%; }

.alb-eco a,
.alb-access-lock a,
.alb-progress-grid a,
.alb-progress-card a,
.alb-progress-quest a {
	color: var(--agora-primary-dark);
	text-underline-offset: 3px;
}

.alb-eco h1,
.alb-eco h2,
.alb-eco h3,
.alb-eco h4,
.alb-eco p,
.alb-access-lock h1,
.alb-access-lock h2,
.alb-access-lock h3,
.alb-access-lock h4,
.alb-access-lock p { margin-top: 0; }

.alb-eco h1,
.alb-eco h2,
.alb-eco h3,
.alb-eco h4,
.alb-access-lock h1,
.alb-access-lock h2,
.alb-access-lock h3,
.alb-access-lock h4 {
	color: var(--agora-ink);
	font-family: inherit;
	letter-spacing: -.035em;
}

.alb-eco button,
.alb-eco input,
.alb-eco select,
.alb-eco textarea,
.alb-access-lock button,
.alb-access-lock input,
.alb-access-lock select,
.alb-access-lock textarea { font: inherit; }

.alb-eco-button,
.alb-access-button,
.alb-progress-action button,
.alb-eco .button,
.alb-eco-wrap .button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 43px;
	padding: 10px 14px;
	border: 1px solid var(--agora-primary-dark);
	background: var(--agora-primary);
	box-shadow: none !important;
	color: #fff !important;
	font-weight: 800;
	line-height: 1.2;
	text-decoration: none !important;
	cursor: pointer;
}

.alb-eco-button:hover,
.alb-eco-button:focus-visible,
.alb-access-button:hover,
.alb-access-button:focus-visible,
.alb-progress-action button:hover,
.alb-progress-action button:focus-visible,
.alb-eco .button:hover,
.alb-eco .button:focus-visible {
	border-color: var(--agora-primary-dark);
	background: var(--agora-primary-dark);
	color: #fff !important;
}

.alb-eco-button--secondary,
.alb-eco .button-secondary {
	background: #fff;
	color: var(--agora-primary-dark) !important;
}

.alb-eco-button--secondary:hover,
.alb-eco-button--secondary:focus-visible,
.alb-eco .button-secondary:hover,
.alb-eco .button-secondary:focus-visible {
	background: var(--agora-primary-dark);
	color: #fff !important;
}

.alb-eco :where(input[type="text"], input[type="number"], input[type="date"], input[type="datetime-local"], input[type="search"], select, textarea),
.alb-eco-wrap :where(input[type="text"], input[type="number"], input[type="date"], input[type="datetime-local"], input[type="search"], select, textarea) {
	min-height: 43px;
	padding: 8px 10px;
	border: 1px solid var(--agora-line);
	background: #fff;
	box-shadow: none !important;
	color: var(--agora-ink);
}

.alb-eco :where(input, select, textarea, button, a):focus-visible,
.alb-eco-wrap :where(input, select, textarea, button, a):focus-visible,
.alb-access-lock :where(input, select, textarea, button, a):focus-visible {
	outline: 2px solid var(--agora-accent);
	outline-offset: 2px;
}

.alb-eco-eyebrow,
.alb-access-lock__eyebrow {
	margin: 0 0 .75rem !important;
	color: var(--agora-primary) !important;
	font-size: .72rem !important;
	line-height: 1.3 !important;
	font-weight: 850 !important;
	letter-spacing: .12em !important;
	text-transform: uppercase !important;
}

.alb-eco-count,
.alb-eco-status,
.alb-pill,
.alb-progress-quantity {
	display: inline-flex;
	align-items: center;
	min-height: 28px;
	padding: 4px 8px;
	border: 1px solid currentColor;
	background: #fff;
	color: var(--agora-primary-dark);
	font-size: .68rem;
	font-weight: 850;
	letter-spacing: .05em;
	line-height: 1;
	text-transform: uppercase;
	white-space: nowrap;
}

.alb-eco-status.is-active,
.alb-eco-status.is-completed { color: var(--agora-success); }
.alb-eco-status.is-in-progress,
.alb-eco-status.is-available { color: var(--agora-primary); }
.alb-eco-status.is-warning { color: var(--agora-warning); }

.alb-eco-notice,
.alb-access-lock__notice,
.alb-access-lock__warning,
.alb-progress-empty,
.alb-eco-empty {
	padding: 18px;
	border: 1px solid var(--agora-line);
	border-left: 5px solid var(--agora-warning);
	background: #fff;
}

.alb-eco-notice--info,
.alb-access-lock__notice { border-left-color: var(--agora-primary); }
.alb-eco-notice--success { border-left-color: var(--agora-success); }
.alb-eco-notice--warning,
.alb-access-lock__warning { border-left-color: var(--agora-warning); }
.alb-eco-notice--danger { border-left-color: var(--agora-danger); }