/* STAGING SAMPLE 2026-11-05 (owner: "keep two navigations in the top" → two-row header like booknordics.com).
 * Desktop (901px+): row 1 = logo · always-open destination search · cart / sign in / Name Your Price; row 2 = the menu.
 * Phones/tablets (≤900px) keep the one-row header with the menu button (style.css rules unchanged).
 * Loaded after style.css by inc/head.php; same DOM, layout only. */
@media (min-width:901px){
  .b-header{background:#fff;border-bottom:1px solid #e2e7ed}
  .b-header .nav.wrap{display:grid;grid-template-columns:auto minmax(280px,560px) 1fr;grid-template-areas:"logo search actions" "links links links";
    height:auto;column-gap:32px;row-gap:0;align-items:center;width:min(1240px,calc(100% - 48px))}
  .b-header .nav > .logo{grid-area:logo;padding:12px 0}
  .b-header .nav .header-search,
  .b-header.search-active .header-search,
  .b-header.search-active.search-open .header-search{grid-area:search;width:100%;opacity:1;pointer-events:auto;transform:none;margin:0}
  .b-header .nav .header-search label,
  .b-header.search-active .header-search label{display:flex;height:48px;background:#f4f6f8;border-color:#e2e7ed}
  .b-header .nav .header-search input{font-size:14.5px}
  .b-header .nav .header-search label>button{background:#102a43}
  .b-header .header-search-toggle,
  .b-header.search-active .header-search-toggle{display:none}
  .b-header .nav-actions{grid-area:actions;justify-self:end}
  .b-header .nav-links,
  .b-header.search-active .nav-links,
  .b-header.search-active.search-open .nav-links{grid-area:links;display:flex;margin:0;gap:34px;height:50px;align-items:center;
    border-top:1px solid #eef1f4;font-size:15px;font-weight:650;position:relative}
  .b-header .nav-links>a,.b-header .nav-links .has-mega>a{color:#102a43;height:50px;display:flex;align-items:center;border-bottom:3px solid transparent}
  .b-header .nav-links>a:hover,.b-header .nav-links>a.on,.b-header .nav-links .has-mega>a.on,.b-header .nav-links .has-mega>a:hover{color:#e8463a;border-bottom-color:#e8463a}
  .b-header .nav-links .nav-mobile{display:none}
  /* Destinations sits at the far left now: open the mega menu from its left edge, flush under the menu row (no hover gap) */
  .b-header .has-mega .mega{left:0;top:100%;transform:translateY(8px)}
  .b-header .has-mega:hover .mega,.b-header .has-mega:focus-within .mega{transform:translateY(0)}
  .b-header .nav-links:after{content:"Licensed local guides · pay only when your date is confirmed";margin-left:auto;font-size:12.5px;font-weight:600;color:#5f6c7b}
}
@media (min-width:901px) and (max-width:1100px){
  .b-header .nav.wrap{grid-template-columns:auto minmax(220px,1fr) auto;column-gap:18px}
  .b-header .nav-links{gap:22px;font-size:14px}.b-header .nav-links:after{display:none}
}