/* Dar D'Art Luz — base tokens + WP resets. Loaded before page-specific CSS. */
:root {
	--ocre:       #FFD60A;
	--siene:      #FFD60A;
	--ivoire:     #F5EFE0;
	--ivoire-dim: #EDE4D0;
	--or:         #FFD60A;
	--olive:      #6B7B3A;
	--olive-dim:  #4E5C2A;
	--bleu:       #2C4A6E;
	--bleu-dim:   #1A3050;
	--charbon:    #3D4528;
	--gris-doux:  #8B8070;
	--blanc:      #FDFBF7;
	--font-serif: 'Playfair Display', Georgia, serif;
	--font-sans:  'Inter', system-ui, sans-serif;
	--radius:     4px;
	--shadow:     0 8px 40px rgba(61,69,40,.18);
	--shadow-sm:  0 2px 16px rgba(61,69,40,.10);
	--trans:      all .35s cubic-bezier(.4,0,.2,1);
}
/* Offset the fixed .nav below the WP admin bar when logged in. */
html { scroll-behavior: smooth; }
body.admin-bar .nav { top: 32px; }
@media screen and (max-width: 782px) {
	body.admin-bar .nav { top: 46px; }
}
/* Ensure mockup images don't break layout */
img { max-width: 100%; height: auto; }
/* Avoid double scrollbar conflicts */
html, body { overflow-x: hidden; }
/* Safety net: inline SVGs without explicit width/height default to 1em (matches surrounding text) */
svg:not([width]):not([style*="width"]) { width: 1em; height: 1em; flex-shrink: 0; }

/* ==========================================================================
   Nav layout overrides — fits 8 items without wrapping (use higher specificity
   to override page-specific CSS files)
   ========================================================================== */
.nav .nav-links { gap: 1.4rem; flex-wrap: nowrap; }
.nav .nav-links a { white-space: nowrap; font-size: 0.74rem; letter-spacing: 0.06em; }
.nav .nav-logo-main { font-size: 1.15rem; white-space: nowrap; }
.nav .nav-logo-sub { white-space: nowrap; }

/* Reserve space on the right of the nav for the floating language switcher */
.nav .nav-inner { padding-right: 170px; }

/* Tighter at medium-large breakpoints (769–1140px) before mobile burger kicks in */
@media (max-width: 1140px) {
	.nav .nav-links { gap: 1rem; }
	.nav .nav-links a { font-size: 0.68rem; letter-spacing: 0.04em; }
	.nav .nav-cta { padding: 0.45rem 0.9rem; }
}
@media (max-width: 960px) {
	.nav .nav-links { gap: 0.7rem; }
	.nav .nav-links a { font-size: 0.62rem; }
	.nav .nav-logo-sub { display: none; }
}
@media (max-width: 768px) {
	/* Mobile: nav burger appears, switcher moves to bottom — restore inner padding */
	.nav .nav-inner { padding-right: 0; }
}

/* ==========================================================================
   Language switcher (floating, top-right)
   ========================================================================== */
.darluz-lang-switcher {
	position: fixed;
	top: 1.2rem;
	right: 1.2rem;
	z-index: 1000;
	display: flex;
	gap: 0;
	background: rgba(61, 69, 40, 0.88);
	backdrop-filter: blur(12px);
	border: 1px solid rgba(255, 214, 10, 0.25);
	border-radius: 999px;
	padding: 3px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}
.darluz-lang-link {
	padding: 6px 14px;
	font-family: 'Inter', system-ui, sans-serif;
	font-size: 0.72rem;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: rgba(245, 239, 224, 0.6);
	text-decoration: none;
	border-radius: 999px;
	transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.darluz-lang-link:hover {
	color: rgba(245, 239, 224, 0.95);
}
.darluz-lang-link.is-active {
	background: #FFD60A;
	color: #3D4528;
}
/* Hide under fixed .nav on scroll — push below nav on mobile */
@media (max-width: 768px) {
	.darluz-lang-switcher {
		top: auto;
		bottom: 1rem;
		right: 50%;
		transform: translateX(50%);
	}
	.darluz-lang-link { padding: 5px 11px; font-size: 0.68rem; }
}
/* Admin bar offset */
body.admin-bar .darluz-lang-switcher { top: calc(32px + 1.2rem); }
@media screen and (max-width: 782px) {
	body.admin-bar .darluz-lang-switcher { top: auto; }
}