@import url("../signature/theme.css");

:root {
	--site-bg: #070b10;
	--site-surface: #0d141d;
	--site-card: #111b26;
	--site-text: #edf6ff;
	--site-muted: #9eb1c3;
	--site-line: rgba(174, 205, 232, .18);
	--site-accent: #61c8e8;
	--site-accent-dark: #a9e8ff;
	--site-ink: #f7fbff;
}

body.site-v2 {
	background:
		linear-gradient(120deg, rgba(97, 200, 232, .08), transparent 34%),
		linear-gradient(240deg, rgba(171, 120, 255, .08), transparent 30%),
		var(--site-bg);
}

.site-shell {
	display: grid;
	grid-template-columns: 210px minmax(0, 1fr);
	column-gap: 32px;
	max-width: 1240px;
	padding-top: 26px;
}

.site-header {
	grid-column: 1 / -1;
}

.site-topbar {
	color: var(--site-muted);
}

.site-back-link,
.site-accountbar span a,
.site-accountbar > a {
	color: var(--site-text);
}

.site-accountbar > a:hover,
.site-accountbar span a:hover {
	color: var(--site-accent-dark);
}

.site-lang-current,
.site-lang-menu {
	border-color: var(--site-line);
	background: #0b1119;
	color: var(--site-text);
}

.site-lang-menu a:hover {
	background: rgba(97, 200, 232, .12);
}

.site-brand {
	margin-top: 24px;
	padding: 46px 50px;
	border: 1px solid var(--site-line);
	background:
		linear-gradient(90deg, rgba(97, 200, 232, .16), transparent 42%),
		#05080d;
	color: var(--site-ink);
}

.site-brand h1 {
	color: var(--site-ink);
	font-family: Arial, Helvetica, sans-serif;
	font-size: clamp(42px, 5.2vw, 72px);
	font-weight: 800;
	letter-spacing: .01em;
	text-transform: uppercase;
}

.site-brand p {
	color: var(--site-muted);
	font-size: 14px;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.site-nav {
	grid-column: 1;
	grid-row: 2 / 4;
	align-self: start;
	position: sticky;
	top: 22px;
}

.site-menu {
	display: grid;
	gap: 8px;
	margin: 0;
	padding: 12px;
	border: 1px solid var(--site-line);
	background: rgba(8, 13, 20, .76);
	backdrop-filter: blur(10px);
}

.site-menu a {
	display: flex;
	align-items: center;
	min-height: 42px;
	padding: 0 14px;
	border: 1px solid transparent;
	color: var(--site-muted);
	background: transparent;
	text-decoration: none;
}

.site-menu a:hover,
.site-menu .is-current a {
	border-color: rgba(97, 200, 232, .45);
	color: var(--site-text);
	background: rgba(97, 200, 232, .13);
}

.site-breadcrumb,
.site-shell > main,
.site-shell > #conteneur_detail,
.site-shell > .lg-cert-main,
.site-shell > .lg-cert-page {
	grid-column: 2;
}

.site-breadcrumb {
	margin: 0 0 22px;
	color: var(--site-muted);
}

.site-breadcrumb a:hover,
.site-breadcrumb .is-current {
	color: var(--site-accent-dark);
}

.site-hero {
	grid-template-columns: minmax(0, 1.12fr) minmax(320px, .88fr);
	gap: 24px;
}

.site-hero__image,
.site-panel,
.site-content-panel,
.site-page-head,
.site-home-section,
.site-gallery-section,
.site-event-card,
.site-link-card,
.site-guestbook-message,
.site-form-panel {
	border: 1px solid var(--site-line);
	background: rgba(17, 27, 38, .92);
	box-shadow: 0 20px 55px rgba(0, 0, 0, .34);
}

.site-hero__image {
	padding: 14px;
	background: #04070b;
}

.site-hero__image img {
	border: 1px solid rgba(255, 255, 255, .08);
}

.site-panel {
	position: relative;
	padding: 32px;
}

.site-panel::before,
.site-page-head::before {
	content: "";
	display: block;
	width: 46px;
	height: 3px;
	margin-bottom: 20px;
	background: var(--site-accent);
}

.site-panel h2,
.site-page-head h2,
.site-home-section-head h2,
.site-home-event-card h3 {
	color: var(--site-text);
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 800;
	letter-spacing: -.02em;
}

.site-panel h2 {
	font-size: 28px;
}

.site-panel p,
.site-content-panel,
.site-home-event-card p,
.site-event-card p,
.site-link-card span,
.site-guestbook-card div {
	color: var(--site-muted);
}

.site-featured-work,
.site-home-section-head a,
.site-event-date,
.site-event-place,
.site-work-card__body em {
	color: var(--site-accent-dark) !important;
}

.site-actions {
	gap: 12px;
}

.site-button,
.site-form-actions button {
	border: 1px solid rgba(97, 200, 232, .6);
	background: var(--site-accent);
	color: #061018;
	font-weight: 800;
}

.site-button:hover,
.site-form-actions button:hover {
	border-color: var(--site-accent-dark);
	background: var(--site-accent-dark);
	color: #061018;
}

.site-home-section {
	margin-top: 30px;
}

.site-home-work-grid,
.site-work-grid {
	gap: 16px;
}

.site-work-card {
	border: 1px solid var(--site-line);
	background: #081018;
}

.site-work-card__image {
	background: #05080d;
}

.site-work-card__body {
	background: #0e1822;
}

.site-work-card__body strong {
	color: var(--site-text);
}

body.theme-nocturne .lg-oeuvre-card {
	border-color: var(--site-line);
	background: linear-gradient(180deg, #0f1924 0%, #0a1119 100%);
	box-shadow: 0 24px 58px rgba(0, 0, 0, .42);
}

body.theme-nocturne .lg-oeuvre-image-wrap {
	background: #05080d;
}

body.theme-nocturne .lg-image-meta-bar {
	border-top-color: var(--site-line);
}

body.theme-nocturne .lg-image-views {
	color: var(--site-accent-dark);
}

body.theme-nocturne .lg-stamp-inline-link {
	border-color: rgba(97, 200, 232, .34);
	background: rgba(97, 200, 232, .12);
	color: var(--site-text);
}

body.theme-nocturne .lg-stamp-inline-link:hover {
	border-color: rgba(97, 200, 232, .62);
	background: rgba(97, 200, 232, .2);
}

body.theme-nocturne .lg-copyright-badge {
	border-color: rgba(97, 200, 232, .35);
	background: rgba(97, 200, 232, .12);
	color: var(--site-accent-dark);
}

body.theme-nocturne .lg-detail-box,
body.theme-nocturne .lg-gallery-strip,
body.theme-nocturne .lg-gallery-block {
	border-color: var(--site-line);
	background: rgba(17, 27, 38, .92);
}

body.theme-nocturne .lg-gallery-title,
body.theme-nocturne .lg-detail h1 {
	color: var(--site-text);
}

body.theme-nocturne.site-v2-certif .lg-cert-page.cadre_gris {
	border-color: var(--site-line);
	background:
		linear-gradient(180deg, rgba(17, 27, 38, .96), rgba(8, 13, 20, .96));
	box-shadow: 0 24px 58px rgba(0, 0, 0, .42);
}

body.theme-nocturne.site-v2-certif .lg-cert-page::before {
	color: rgba(97, 200, 232, .06);
}

body.theme-nocturne.site-v2-certif .lg-cert-title-wrap h1,
body.theme-nocturne.site-v2-certif .lg-cert-section h4,
body.theme-nocturne.site-v2-certif .lg-cert-label,
body.theme-nocturne.site-v2-certif .lg-cert-ref strong {
	color: var(--site-text);
}

body.theme-nocturne.site-v2-certif .lg-cert-subtitle,
body.theme-nocturne.site-v2-certif .lg-cert-value,
body.theme-nocturne.site-v2-certif .lg-cert-qr-txt,
body.theme-nocturne.site-v2-certif .lg-cert-section p,
body.theme-nocturne.site-v2-certif .lg-cert-legal {
	color: var(--site-muted);
}

body.theme-nocturne.site-v2-certif .lg-cert-notice,
body.theme-nocturne.site-v2-certif .lg-cert-hash,
body.theme-nocturne.site-v2-certif .lg-cert-verify {
	border-color: var(--site-line);
	background: rgba(5, 8, 13, .72);
	color: var(--site-text);
}

body.theme-nocturne.site-v2-certif .lg-cert-notice {
	border-left-color: var(--site-accent);
}

body.theme-nocturne.site-v2-certif .lg-cert-print-btn {
	border-color: var(--site-line);
	background: rgba(97, 200, 232, .12);
	color: var(--site-text);
}

body.theme-nocturne.site-v2-certif .lg-cert-print-btn:hover {
	background: rgba(97, 200, 232, .2);
}

body.theme-nocturne.site-v2-certif .lg-cert-oeuvre-thumb img,
body.theme-nocturne.site-v2-certif .lg-cert-qr img {
	border-color: var(--site-line);
	background: #fff;
}

.site-field input,
.site-field textarea {
	border-color: var(--site-line);
	background: #070d14;
	color: var(--site-text);
}

.site-captcha-question {
	background: #070d14;
	color: var(--site-text);
}

.site-footer {
	grid-column: 1 / -1;
	color: var(--site-muted);
}

.site-footer strong,
.site-footer a:hover {
	color: var(--site-accent-dark);
}

@media (max-width: 900px) {
	.site-shell {
		display: block;
	}

	.site-nav {
		position: static;
	}
}