:root { color-scheme: light; font-family: Inter, Arial, Helvetica, sans-serif; color: #1f1f21; background: #f3f3f3; --gc-red: #b5121b; }
* { box-sizing: border-box; }
html { height: 100%; }
body { margin: 0; height: 100vh; height: 100dvh; display: flex; flex-direction: column; }
.site-header {
  flex: 0 0 auto;
  display: grid;
  grid-template-columns: minmax(56px, 1fr) auto minmax(56px, 1fr);
  align-items: center;
  min-height: 72px;
  padding: 8px 28px;
  padding-top: max(8px, env(safe-area-inset-top));
  background: #f3f3f3;
  border-bottom: 1px solid #e5e5e5;
}
.site-logo { display: block; height: 48px; width: auto; justify-self: start; }
.site-header h1 { margin: 0; color: var(--gc-red); font-size: 22px; font-weight: 900; line-height: 1.2; }
.language-toggle {
  display: grid; place-items: center; justify-self: end;
  width: 32px; height: 32px; padding: 0; border: 0; border-radius: 6px;
  color: #fff; background: linear-gradient(90deg, #111113 0 50%, #b5121b 50% 100%);
  font: 700 11px Arial, sans-serif; box-shadow: 0 1px 4px #0003; cursor: pointer;
}
html[lang="fr"] .language-toggle { background: linear-gradient(90deg, #b5121b 0 50%, #111113 50% 100%); }
.language-toggle:hover { filter: brightness(1.1); }
.language-toggle:focus-visible { outline: 3px solid var(--gc-red); outline-offset: 4px; }
.booking-content { flex: 1 1 0; min-height: 0; background: #fff; }
.booking-content iframe { display: block; width: 100%; height: 100%; border: 0; }
.tour-content { flex: 1 1 auto; padding: 32px 24px; }
.placeholder { max-width: 960px; margin: 0 auto; padding: 40px; border-radius: 12px; background: #fff; }
.placeholder h2 { margin-top: 0; color: var(--gc-red); }
.placeholder p { color: #63716a; line-height: 1.6; }
@media (max-width: 767px) {
  .site-header { min-height: 57px; padding-left: 20px; padding-right: 20px; }
  .site-logo { height: 36px; }
  .site-header h1 { font-size: 20px; }
  .tour-content { padding: 20px 16px; }
  .placeholder { padding: 24px; }
}