/* The one museum header look (9 Nov 2026): emblem and name on a white bar, then
   one row of glass pill buttons on a sky strip. Shared by the content pages
   (src/ui/SiteHeader.tsx), the Great Bure and the heritage library, and it
   matches the home page. */
.fhm-site-header { position: sticky; top: 0; z-index: 50; margin: 0; padding: 0; background: #fff; border-bottom: 1px solid #b9dcf0; box-shadow: 0 6px 18px -12px rgba(8, 58, 100, .35); font-family: Manrope, system-ui, sans-serif; }
.fhm-site-header__row { display: flex; align-items: center; gap: 12px; min-height: 48px; padding: 10px clamp(16px, 3vw, 32px); }
.fhm-site-header__brand { display: inline-flex; align-items: center; gap: 12px; text-decoration: none; color: #123247; }
.fhm-site-header__brand img { width: 44px; height: 44px; border-radius: 50%; display: block; }
.fhm-site-header__brand strong { display: block; font: 700 18px/22px Manrope, system-ui, sans-serif; color: #123247; }
.fhm-site-header__brand small { display: block; font: 500 13px/18px Manrope, system-ui, sans-serif; color: #24506e; }
.fhm-site-header__nav { display: flex; gap: 8px; overflow-x: auto; padding: 8px clamp(16px, 3vw, 32px) 10px; background: linear-gradient(180deg, #e3f3fd 0%, #cbe8f9 100%); scrollbar-width: none; -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain; }
.fhm-site-header__nav::-webkit-scrollbar { display: none; }
.fhm-site-header__nav a,
header.gb-top .gb-nav :is(a, button) {
  flex: 0 0 auto; display: inline-flex; align-items: center; gap: 6px; box-sizing: border-box; min-height: 40px !important; padding: 7px 14px !important;
  border: 1px solid rgba(120, 185, 222, .7) !important; border-radius: 999px !important;
  background: linear-gradient(180deg, #fff 0%, #e3f2fb 100%) !important; color: #123247 !important;
  font: 600 14px/20px Manrope, system-ui, sans-serif !important; text-decoration: none; white-space: nowrap;
  box-shadow: inset 0 1px 1px #fff, inset 0 -2px 4px rgba(8, 58, 100, .14), 0 6px 14px -6px rgba(8, 58, 100, .3) !important;
}
.fhm-site-header__nav a:is(:hover, :focus-visible),
header.gb-top .gb-nav :is(a, button):is(:hover, :focus-visible) { background: linear-gradient(180deg, #f2faff 0%, #d3ecfa 100%) !important; border-color: #5fb0dc !important; }
.fhm-site-header__nav a[aria-current="page"],
header.gb-top .gb-nav [aria-current="page"] { background: linear-gradient(180deg, #d3ecfa 0%, #b9dff4 100%) !important; border: 1px solid #5fb0dc !important; color: #0b3a5c !important; font-weight: 700 !important; }

/* One single row on every page and every screen, sliding sideways — no
   wrapping, no stacking, no faded edge (owner, 9 Nov 2026). */
.fhm-site-header__nav, header.gb-top .gb-nav {
  flex-wrap: nowrap !important; overflow-x: auto !important; overflow-y: hidden !important;
  scroll-snap-type: x proximity; scroll-padding-inline: 12px;
  -webkit-mask-image: none !important; mask-image: none !important;
}
.fhm-site-header__nav::-webkit-scrollbar, header.gb-top .gb-nav::-webkit-scrollbar { display: none; }
.fhm-site-header__nav a, header.gb-top .gb-nav :is(a, button) { flex: 0 0 auto !important; min-width: max-content !important; white-space: nowrap !important; scroll-snap-align: start; }
@media (max-width: 640px) {
  .fhm-site-header { position: static; }
  .fhm-site-header__nav, header.gb-top .gb-nav { gap: 8px !important; }
  .fhm-site-header__nav a, header.gb-top .gb-nav :is(a, button) { min-height: 38px !important; padding: 6px 12px !important; font-size: 13px !important; }
}

/* Dimau Group footer for the stand-alone pages that do not get it from the app layout. */
.fhm-group-footer { display: flex; justify-content: center; align-items: center; padding: 20px 16px 24px; background: rgba(238, 248, 255, .92); border-top: 0; }
.fhm-group-footer a { display: inline-flex; align-items: center; gap: 12px; color: #0b2540; text-decoration: none; font: 700 16px/1.2 Manrope, system-ui, sans-serif; }
.fhm-group-footer img { width: 44px; height: 44px; object-fit: contain; background: transparent; border: 0; border-radius: 10px; padding: 0; box-sizing: border-box; }

/* Great Bure: the menu gets its own full row under the name, starting from the left, so no button hides behind the emblem. */
header.gb-top { grid-template-columns: 1fr auto !important; grid-template-areas: "brand flag" "nav nav" "tools tools" !important; }
header.gb-top .gb-nav { justify-content: flex-start !important; }