/* The host header belongs to the shared theme; these rules apply only on
   Mythologie pages. Keep its wordmark visible at the narrowest tested width. */
.wwmyth .ww-site-header{position:relative!important}
/* Give the wordmark its natural width at tablet-size CSS viewports,
   including the viewport produced by native desktop browser zoom. */
@media(min-width:481px) and (max-width:1200px){
 .wwmyth .ww-header-inner{flex-wrap:wrap!important;row-gap:16px!important}
 .wwmyth .ww-header-inner .ww-brand{flex:0 0 auto!important;min-width:max-content!important}
 .wwmyth a.ww-wordmark{white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important}
 .wwmyth .ww-header-inner > nav.ww-main-nav{flex:1 1 100%!important;min-width:0!important}
}
@media(max-width:480px){
 .wwmyth .ww-site-header{padding-inline:0!important}
 .wwmyth .ww-header-inner{width:calc(100% - 32px)!important;max-width:none!important;margin-inline:auto!important;gap:10px!important;flex-wrap:nowrap!important}
 .wwmyth .ww-header-inner .ww-brand{min-width:0!important;gap:8px!important;flex:0 1 auto!important}
 .wwmyth .ww-header-inner .ww-main-nav{flex:0 0 44px!important;margin:0!important}
 .wwmyth a.ww-wordmark{white-space:nowrap!important;font-size:14px!important}
 .wwmyth .wp-block-navigation__responsive-container-open{min-width:44px!important;width:44px!important;padding:0!important;justify-content:center!important}
}

/* Keep the search placeholder legible; scoped to the museum header. */
.wwmyth .ww-site-header .ww-nav-search{width:12rem!important;flex:0 0 12rem!important;max-width:100%!important}