/*
Theme Name: Le Relais Vauban
Description: Site one-page du Relais Vauban (Abbeville, Baie de Somme). L'accueil affiche le site d'origine à l'identique (site.html) ; les autres pages WordPress utilisent un gabarit sobre aux couleurs de l'hôtel.
Version: 1.0.0
Requires at least: 5.2
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: relais-vauban
*/

/*
 * Ces styles ne servent qu'aux pages autres que l'accueil (pages, articles, 404).
 * L'accueil embarque ses propres styles dans site.html.
 */

:root {
	--rv-obsidian: #0A0B0D;
	--rv-graphite: #151719;
	--rv-gold: #D4AF6A;
	--rv-gold-2: #F3D9A4;
	--rv-pearl: #F5F1E8;
	--rv-mist: #9BA0A6;
	--rv-line: rgba(212, 175, 106, 0.18);
}

body.rv-fallback {
	margin: 0;
	background: var(--rv-obsidian);
	color: var(--rv-pearl);
	font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
	font-weight: 300;
	font-size: 17px;
	line-height: 1.7;
	-webkit-font-smoothing: antialiased;
}

.rv-fallback a {
	color: var(--rv-gold);
	text-underline-offset: 3px;
}

.rv-fallback a:hover,
.rv-fallback a:focus-visible {
	color: var(--rv-gold-2);
}

.rv-fallback a:focus-visible {
	outline: 2px solid var(--rv-gold);
	outline-offset: 3px;
}

.rv-fallback-header {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px 24px;
	max-width: 1240px;
	margin: 0 auto;
	padding: 28px 24px;
	border-bottom: 1px solid var(--rv-line);
}

.rv-fallback .rv-fallback-brand {
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 22px;
	font-weight: 600;
	color: var(--rv-pearl);
	text-decoration: none;
}

.rv-fallback-back {
	font-size: 14px;
}

.rv-fallback-main {
	max-width: 720px;
	margin: 0 auto;
	padding: 64px 24px 96px;
}

.rv-fallback-main h1,
.rv-fallback-main h2,
.rv-fallback-main h3 {
	font-family: 'Playfair Display', Georgia, serif;
	font-weight: 600;
	line-height: 1.2;
	color: var(--rv-pearl);
}

.rv-fallback-main h1 {
	font-size: clamp(32px, 5vw, 46px);
	margin: 0 0 32px;
}

.rv-fallback-main h2 {
	font-size: 28px;
	margin: 0 0 12px;
}

.rv-fallback-main h2 a {
	color: inherit;
	text-decoration: none;
}

.rv-fallback-entry + .rv-fallback-entry {
	margin-top: 48px;
	padding-top: 48px;
	border-top: 1px solid var(--rv-line);
}

.rv-fallback-main img,
.rv-fallback-main video,
.rv-fallback-main iframe {
	max-width: 100%;
	height: auto;
}

.rv-fallback-main .nav-links {
	display: flex;
	gap: 16px;
	margin-top: 48px;
}