/* The same header geometry on catalog and checkout pages. */
body#checkout #header { padding: 0; }
body#checkout #header .mrh-strip > .container { min-height: 35px; }
body#checkout #header .mrh-main { min-height: 111px; }
body#checkout #header .mrh-nav { min-height: 54px; }
body#checkout #header .mrh-extra,
body#checkout #footer .container { min-height: 0; }
body#checkout #header .mrh #search_widget { display: block; }

/* Native ps_searchbar uses direct icon children, not always a submit button. */
#header .mrh #search_widget form > i.search,
#header .mrh #search_widget form > i.clear {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 0;
  line-height: 24px;
  color: #096a41;
}
#header .mrh #search_widget form > i.search { left: 14px; right: auto; }
#header .mrh #search_widget form > i.clear { left: auto; right: 14px; cursor: pointer; }
#header .mrh #search_widget input[type="text"] { padding-left: 44px; padding-right: 44px; }

/* Keep link hover colors consistent with the brand in checkout. */
body#checkout #header .mrh-nav > a:hover,
body#checkout #header .mrh-nav > a:focus-visible { color: #096a41; }
body#checkout #footer .footer-container a:hover,
body#checkout #footer .footer-container a:focus { color: #fff; }

@media (max-width: 767px) {
  body#checkout #header .mrh-main { min-height: 0; }
  body#checkout #header .mrh-nav { min-height: 54px; }
}