/*
 * Hibot Child — styles added on top of the parent theme.
 */

/*
 * Top offset contract with the Hibot plugins.
 *
 * A plugin that shows something above the fixed header (e.g. an
 * announcement bar) sets --hibot-top-offset on :root to its height and the
 * header moves down by that amount. The anchor scrolling in
 * assets/js/common/script.js reads the header position, so links to
 * sections keep landing right below it.
 */
:root {
  --hibot-top-offset: 0px;
}

.header {
  top: var(--hibot-top-offset);
}

/*
 * Small orange label, e.g. "NEW" on the SQUID tank heating coil links
 * (Services menu and SQUID tab row).
 */
.hb-badge {
  display: inline-block;
  padding: .3rem .6rem .2rem;
  background-color: #FF521C;
  color: #fff;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: .08em;
}

/*
 * Sub-items under a product in the Services dropdown (hibot_menu_children).
 * The parent styles every list in the dropdown alike, so the nested list
 * resets those rules. The theme hides the product list on mobile.
 */
/* The open header grows to hold the dropdown (parent: 11rem); make room for the sub-items. */
.header.wide:has(.parent.hover .hb-menu-sub) .logo {
  padding-bottom: 15rem;
}

.header__right ul li.parent .hb-menu-sub {
  padding: .9rem 0 .2rem 1.2rem;
  margin: 0;
}

.header__right ul li.parent .hb-menu-sub li {
  display: flex;
  align-items: center;
  margin: 0 0 .8rem;
  font-size: 1rem;
}

.header__right ul li.parent .hb-menu-sub li:last-child {
  margin-bottom: 0;
}

.header__right ul li.parent .hb-menu-sub a {
  color: rgba(255, 255, 255, .8);
}

.header__right ul li.parent .hb-menu-sub a:hover {
  color: #fff;
}

.header__right .hb-menu-sub .hb-badge {
  margin-left: .6rem;
  padding: .2rem .4rem .1rem;
  font-size: .8rem;
}