/* ALGIA Formation — Design maître */

:root {
	--parch:   #f5f0e8;
	--parch2:  #ede6d6;
	--parch3:  #e2d8c4;
	--ink:     #1a1005;
	--ink2:    #3d2f18;
	--ink3:    #6b5535;
	--gold:    #a07828;
	--gold2:   #c8a45a;
	--gold3:   #dfc080;
	--border:  rgba(160,120,40,.18);
	--border2: rgba(160,120,40,.32);
	--shadow:  rgba(90,60,20,.10);
}

html,
body {
	width: 100% !important;
	max-width: 100% !important;
	overflow-x: hidden !important;
	background: var(--parch) !important;
}

body .container,
body .page-content-wrapper,
body .page_content,
body .page-content,
body .web-page,
body main {
	width: 100% !important;
	max-width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
}

header,
.navbar,
.web-navbar,
.website-navbar,
.web-footer,
footer {
	display: none !important;
}

/* Navigation officielle */

.algia-inline-nav {
	position: fixed !important;
	top: 18px !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	z-index: 9999 !important;
	width: min(1060px, calc(100vw - 32px)) !important;
	font-family: "Jost", system-ui, sans-serif !important;
}

.algia-inline-nav-inner {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 16px !important;
	padding: 8px 8px 8px 10px !important;
	border-radius: 999px !important;
	background: rgba(245,240,232,.94) !important;
	border: 1px solid rgba(160,120,40,.22) !important;
	box-shadow: 0 4px 32px rgba(90,60,20,.12) !important;
	backdrop-filter: blur(20px) !important;
	-webkit-backdrop-filter: blur(20px) !important;
}

.algia-inline-brand-logo {
	width: 38px !important;
	height: 38px !important;
	border-radius: 50% !important;
	padding: 2px !important;
	background: linear-gradient(140deg, var(--gold2), #8a6530) !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	overflow: hidden !important;
	flex-shrink: 0 !important;
	box-shadow: none !important;
}

.algia-inline-brand-logo img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	border-radius: 50% !important;
	display: block !important;
}

.algia-inline-links {
	display: flex !important;
	align-items: center !important;
	gap: 2px !important;
	flex-wrap: wrap !important;
}

.algia-inline-link {
	display: inline-flex !important;
	align-items: center !important;
	border-radius: 999px !important;
	padding: 7px 15px !important;
	color: #5c4a2a !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	letter-spacing: .03em !important;
	text-decoration: none !important;
	white-space: nowrap !important;
	transition: color .2s, background .2s !important;
}

.algia-inline-link:hover {
	color: var(--ink) !important;
	background: rgba(160,120,40,.1) !important;
}

.algia-inline-link.active {
	color: #fff !important;
	background: linear-gradient(140deg, var(--gold2), #8a6530) !important;
	font-weight: 600 !important;
}

/* Base pages */

.home-wrap,
.form-wrap,
.cours-wrap,
.plan-wrap,
.pl-wrap,
.my-wrap,
.pay-wrap,
.ins-wrap,
.arch-wrap,
.help-wrap,
.al-wrap,
.pack-wrap,
.admin-wrap,
.afm-wrap {
	width: 100vw !important;
	min-height: 100vh !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	background: var(--parch) !important;
	font-family: "Jost", system-ui, sans-serif !important;
	color: var(--ink) !important;
	overflow-x: hidden !important;
}

.home-shell,
.form-shell,
.cours-shell,
.plan-shell,
.pl-shell,
.my-shell,
.pay-shell,
.ins-shell,
.arch-shell,
.help-shell,
.al-shell,
.pack-shell,
.admin-shell,
.afm-shell {
	position: relative !important;
	z-index: 1 !important;
	width: min(1320px, calc(100vw - 64px)) !important;
	max-width: min(1320px, calc(100vw - 64px)) !important;
	margin: 0 auto !important;
	padding-top: 130px !important;
	padding-bottom: 120px !important;
}

/* Cartes et boutons génériques */

.parch-card,
.white-card,
.offer-card,
.course-card,
.cours-card,
.form-card,
.plan-card,
.pl-card,
.my-card,
.pay-card,
.ins-card,
.help-card,
.al-card,
.pack-card,
.afm-card,
.afm-empty,
.afm-denied {
	background: var(--parch2) !important;
	border: 1px solid var(--border) !important;
	border-radius: 4px !important;
	box-shadow: none !important;
	color: var(--ink) !important;
}

.btn,
.form-btn,
.course-btn,
.cours-btn,
.plan-btn,
.pl-btn,
.my-btn,
.pay-btn,
.ins-btn,
.help-btn,
.al-btn,
.pack-btn,
.afm-btn,
.afm-link {
	border-radius: 4px !important;
	background: var(--ink) !important;
	color: var(--parch) !important;
	font-family: "Jost", sans-serif !important;
	font-weight: 500 !important;
	font-size: 13px !important;
	letter-spacing: .05em !important;
	text-transform: uppercase !important;
	text-decoration: none !important;
	box-shadow: none !important;
}

.btn:hover,
.form-btn:hover,
.course-btn:hover,
.cours-btn:hover,
.plan-btn:hover,
.pl-btn:hover,
.my-btn:hover,
.pay-btn:hover,
.ins-btn:hover,
.help-btn:hover,
.al-btn:hover,
.pack-btn:hover,
.afm-btn:hover,
.afm-link:hover {
	background: var(--ink2) !important;
	color: var(--parch) !important;
	text-decoration: none !important;
}

/* Titres */

h1,
h2,
h3,
.hero-title,
.form-title,
.cours-title,
.section-title,
.afm-title {
	font-family: "Cormorant", serif !important;
	font-weight: 300 !important;
	letter-spacing: -.03em !important;
	color: var(--ink) !important;
}

@media (max-width: 720px) {
	.algia-inline-nav {
		top: 10px !important;
		width: calc(100vw - 20px) !important;
	}

	.algia-inline-nav-inner {
		border-radius: 22px !important;
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 8px !important;
	}

	.home-shell,
	.form-shell,
	.cours-shell,
	.plan-shell,
	.pl-shell,
	.my-shell,
	.pay-shell,
	.ins-shell,
	.arch-shell,
	.help-shell,
	.al-shell,
	.pack-shell,
	.admin-shell,
	.afm-shell {
		width: calc(100vw - 24px) !important;
		max-width: calc(100vw - 24px) !important;
		padding-top: 168px !important;
	}
}