/* =====================================================================
   book.fritztravels.com header = fritztravels.com header.
   Measured off the live fritztravels.com/destinations/ header:
   30px top bar (Open Sans 11px bold, right), 45px logo row (logo 201x45,
   centred, Facebook + YouTube on the right), 50px menu row with one
   #109BC5 box (41px tall, 2px corners, Open Sans 14px semibold, white),
   1px #e1e1e1 line under it. Phone: 80px row, logo left, 3-bar menu
   button right.
   Everything is scoped to body.scdm-match-header and uses !important
   because the site's Additional CSS styles this header with !important.
   ===================================================================== */

body.scdm-match-header{--scdm-hdr-bg:#ffffff;--scdm-hdr-line:#e1e1e1;--scdm-util:#109bc5;--scdm-nav:#109bc5;--scdm-nav-text:#ffffff;--scdm-icon:#808080;--scdm-panel:#ffffff}
html.scdm-soft[data-scdm="light"] body.scdm-match-header{--scdm-hdr-bg:#f4f1ea;--scdm-hdr-line:#ddd6c8;--scdm-util:#0e7fa3;--scdm-icon:#6b7480;--scdm-panel:#fbf9f4}
html[data-scdm="dark"] body.scdm-match-header{--scdm-hdr-bg:#121a22;--scdm-hdr-line:#334253;--scdm-util:#123f52;--scdm-nav:#155f7a;--scdm-nav-text:#eef2f5;--scdm-icon:#b9c4ce;--scdm-panel:#1e2832}

/* ---- top bar (Policies / Before you Travel / Legal notice) ---- */
body.scdm-match-header .scrf-utility-bar{
  box-sizing:border-box !important;height:29px !important;padding:0 27px !important;margin:0 !important;overflow:hidden !important;
  background:var(--scdm-util) !important;text-align:right !important;
  font:700 11px/29px "Open Sans",Helvetica,Arial,sans-serif !important;
}
body.scdm-match-header .scrf-utility-bar a{color:#fff !important;margin:0 0 0 21px !important;text-decoration:none !important;font:inherit !important}
body.scdm-match-header .scrf-utility-bar a:hover{text-decoration:underline !important}

/* ---- header shell ---- */
body.scdm-match-header #masthead.site-header,body.scdm-match-header .site-header{
  position:relative !important;display:block !important;
  background:var(--scdm-hdr-bg) !important;border-bottom:1px solid var(--scdm-hdr-line) !important;
  padding:0 !important;margin:0 !important;
}
body.scdm-match-header .site-header > .col-full{
  position:relative !important;box-sizing:border-box !important;
  max-width:1311px !important;height:45px !important;margin:0 auto !important;padding:0 !important;
  display:flex !important;align-items:center !important;justify-content:center !important;
}
body.scdm-match-header .site-header .site-search{display:none !important}
body.scdm-match-header .site-branding{width:auto !important;margin:0 !important;padding:0 !important;float:none !important;text-align:center !important}
body.scdm-match-header .site-branding .site-title{margin:0 !important;line-height:0 !important}
body.scdm-match-header .site-title a{
  display:block !important;width:201px !important;height:45px !important;margin:0 !important;
  background:url("https://fritztravels.com/wp-content/uploads/2019/04/toplogo-2-1-300x67.png") no-repeat center/contain !important;
  text-indent:-9999px !important;overflow:hidden !important;
}
html[data-scdm="dark"] body.scdm-match-header .site-title a{background-image:var(--scdm-logo) !important}

/* Facebook + YouTube, far right of the logo row */
.scdm-social{position:absolute;right:0;top:0;height:45px;margin:0 !important;padding:0 !important;list-style:none !important;display:flex;align-items:center;gap:6px}
.scdm-social li{margin:0 !important;padding:0 !important;list-style:none !important}
.scdm-social a{display:flex;align-items:center;justify-content:center;width:26px;height:30px;color:var(--scdm-icon,#808080) !important;text-decoration:none !important}
.scdm-social a:hover{color:#109bc5 !important}

/* ---- menu row ---- */
body.scdm-match-header .storefront-primary-navigation{background:transparent !important;position:static !important;width:auto !important;margin:0 !important;padding:0 !important}
body.scdm-match-header .storefront-primary-navigation .col-full{
  position:static !important;max-width:1311px !important;height:49px !important;margin:0 auto !important;padding:0 !important;
  background:transparent !important;border-radius:0 !important;box-shadow:none !important;
  display:flex !important;align-items:center !important;justify-content:center !important;
}
body.scdm-match-header #site-navigation.main-navigation{background:transparent !important;width:auto !important;float:none !important;margin:0 !important;padding:0 !important;clear:none !important}
body.scdm-match-header #site-navigation.main-navigation .primary-navigation{display:block !important;width:auto !important;float:none !important}
body.scdm-match-header #site-navigation.main-navigation .primary-navigation > ul{
  display:inline-flex !important;flex-wrap:nowrap !important;align-items:center !important;
  height:41px !important;margin:0 !important;padding:0 5px !important;
  background:var(--scdm-nav) !important;border-radius:2px !important;list-style:none !important;
  position:relative !important;left:-6.5px !important; /* fritztravels.com's menu sits 6.5px left of centre */
}
body.scdm-match-header #site-navigation.main-navigation .primary-navigation > ul > li{display:block !important;margin:0 !important;padding:0 !important;float:none !important;width:auto !important}
body.scdm-match-header #site-navigation.main-navigation .primary-navigation > ul > li > a,
body.scdm-match-header #site-navigation.main-navigation .primary-navigation > ul > li > a:hover,
body.scdm-match-header #site-navigation.main-navigation .primary-navigation > ul > li > a:focus,
body.scdm-match-header #site-navigation.main-navigation .primary-navigation > ul > li.current-menu-item > a{
  display:block !important;padding:0 6px !important;margin:0 !important;
  font:600 14px/41px "Open Sans",Helvetica,Arial,sans-serif !important;letter-spacing:normal !important;
  color:var(--scdm-nav-text) !important;background:transparent !important;text-decoration:none !important;white-space:nowrap !important;
}
body.scdm-match-header #site-navigation.main-navigation .primary-navigation > ul > li > a:focus-visible{outline:2px solid #fff !important;outline-offset:-4px !important}
body.scdm-match-header #site-navigation.main-navigation .primary-navigation > ul > li > a::after,
body.scdm-match-header #site-navigation.main-navigation .primary-navigation > ul > li > a::before{display:none !important}

/* Cart: moves into the top bar, left side, small and white (the menu row stays like fritztravels.com) */
body.scdm-match-header .site-header .site-header-cart{
  position:absolute !important;top:-29px !important;left:27px !important;height:29px !important;width:auto !important;
  margin:0 !important;padding:0 !important;display:flex !important;align-items:center !important;background:transparent !important;z-index:5 !important;
}
body.scdm-match-header .site-header .site-header-cart > li{display:block !important;margin:0 !important;padding:0 !important}
body.scdm-match-header .site-header .site-header-cart > li + li,
body.scdm-match-header .site-header .site-header-cart .widget_shopping_cart{display:none !important}
body.scdm-match-header .site-header .site-header-cart .cart-contents{
  display:flex !important;align-items:center !important;gap:5px !important;padding:0 !important;height:30px !important;
  color:#fff !important;font:700 11px/30px "Open Sans",Helvetica,Arial,sans-serif !important;text-decoration:none !important;background:transparent !important;
}
body.scdm-match-header .site-header .site-header-cart .cart-contents *{color:#fff !important;font:inherit !important;display:inline !important;opacity:1 !important}
body.scdm-match-header .site-header .site-header-cart .cart-contents::before{content:"Cart" !important;font:inherit !important;display:inline !important;margin:0 !important}
body.scdm-match-header .site-header .site-header-cart .cart-contents::after{display:none !important}
body.scdm-match-header .site-header .site-header-cart .cart-contents .count{opacity:.85 !important}
body.scdm-match-header .site-header .site-header-cart .cart-contents .count::before{content:"(" !important}
body.scdm-match-header .site-header .site-header-cart .cart-contents .count::after{content:")" !important}

/* The booking card used to hang off the old nav bar; it now stands on its own. */
body.scdm-match-header .sgb-flow .sgb-card{margin-top:28px !important;width:auto !important;max-width:780px !important;margin-left:auto !important;margin-right:auto !important;border-top:1px solid var(--line,#d5dee5) !important;border-radius:18px !important}
body.scdm-match-header .site-content{padding-top:0 !important}

/* ---- phones ---- */
@media (max-width:767px){
  body.scdm-match-header .scrf-utility-bar{text-align:center !important;padding:0 8px !important;white-space:nowrap !important;overflow:hidden !important}
  body.scdm-match-header .scrf-utility-bar a{margin:0 9px !important}
  body.scdm-match-header .site-header{height:80px !important;box-sizing:border-box !important}
  /* same 85%-wide row as fritztravels.com on phones */
  body.scdm-match-header .site-header > .col-full{height:80px !important;justify-content:flex-start !important;width:85% !important;max-width:85% !important;margin:0 auto !important;padding:0 !important}
  body.scdm-match-header .site-title a{width:min(265px,calc(100vw - 172px)) !important;height:59px !important;background-position:left center !important}
  body.scdm-match-header .scdm-social{display:none !important}
  body.scdm-match-header .site-header .site-header-cart{display:none !important}
  body.scdm-match-header .storefront-primary-navigation .col-full{height:0 !important;display:block !important;overflow:visible !important}

  /* 3-bar menu button, right side of the logo row, like fritztravels.com */
  body.scdm-match-header #site-navigation .menu-toggle{
    position:absolute !important;top:0 !important;right:7.5% !important;width:55px !important;height:80px !important;
    margin:0 !important;padding:0 !important;float:none !important;display:block !important;
    background:transparent !important;border:0 !important;box-shadow:none !important;color:transparent !important;font-size:0 !important;
  }
  body.scdm-match-header #site-navigation .menu-toggle span{position:static !important;color:transparent !important;font-size:0 !important}
  body.scdm-match-header #site-navigation .menu-toggle span::before,
  body.scdm-match-header #site-navigation .menu-toggle::before,
  body.scdm-match-header #site-navigation .menu-toggle::after{
    content:"" !important;display:block !important;position:absolute !important;left:9px !important;top:38px !important;
    width:37px !important;height:4px !important;margin:0 !important;border-radius:1px !important;transform:none !important;opacity:1 !important;
    background:var(--scdm-icon) !important;transition:transform .2s,opacity .2s !important;
  }
  body.scdm-match-header #site-navigation .menu-toggle::before{top:27px !important}
  body.scdm-match-header #site-navigation .menu-toggle::after{top:49px !important}
  body.scdm-match-header #site-navigation.main-navigation.toggled .menu-toggle span::before{opacity:0 !important}
  body.scdm-match-header #site-navigation.main-navigation.toggled .menu-toggle::before{top:38px !important;transform:rotate(45deg) !important}
  body.scdm-match-header #site-navigation.main-navigation.toggled .menu-toggle::after{top:38px !important;transform:rotate(-45deg) !important}

  /* the opened phone menu: full width panel of big blue buttons */
  body.scdm-match-header #site-navigation.main-navigation .primary-navigation{display:none !important}
  body.scdm-match-header #site-navigation.main-navigation .handheld-navigation{
    position:absolute !important;left:0 !important;right:0 !important;top:80px !important;z-index:9998 !important;
    max-height:0 !important;overflow:hidden !important;background:var(--scdm-panel) !important;
    box-shadow:0 12px 24px rgba(0,0,0,.18) !important;transition:max-height .25s ease !important;
  }
  body.scdm-match-header #site-navigation.main-navigation.toggled .handheld-navigation{max-height:calc(100vh - 110px) !important;overflow:auto !important;border-top:1px solid var(--scdm-hdr-line) !important}
  body.scdm-match-header #site-navigation .handheld-navigation ul.menu{display:flex !important;flex-direction:column !important;align-items:center !important;gap:12px !important;margin:0 !important;padding:24px 16px 28px !important;list-style:none !important;background:transparent !important}
  body.scdm-match-header #site-navigation .handheld-navigation ul.menu > li{display:block !important;width:auto !important;margin:0 !important;padding:0 !important;border:0 !important}
  body.scdm-match-header #site-navigation .handheld-navigation ul.menu > li > a{
    display:inline-block !important;width:auto !important;min-width:220px !important;box-sizing:border-box !important;text-align:center !important;
    padding:0 18px !important;border-radius:2px !important;background:var(--scdm-nav) !important;color:var(--scdm-nav-text) !important;
    font:600 18px/52px "Open Sans",Helvetica,Arial,sans-serif !important;text-decoration:none !important;
  }
}

/* dark mode button: same spot as on fritztravels.com */
body.scdm-match-header .site-header .scdm-in-header{right:70px}
@media (max-width:767px){body.scdm-match-header .site-header .scdm-in-header{right:60px}}