@import "../shared/styles/tl-encapsulated.scss";
@import "../shared/styles/tl-variables.scss";

:host {
  font-family: var(--tl-font-family-sans-serif);
  wvr-footer-component {
    // Weaver Component overrides
    --wvr-navbar-padding: 0px;
    --wvr-font-family-sans-serif: var(--tl-font-family-sans-serif);
    --wvr-nav-link-font-size: var(--tl-nav-item-font-size);
    --footer-height: 50px;
  }

   // Weaver Nav List overrides for top navigation
   wvr-nav-list-component wvr-nav-li-component {
    --wvr-nav-link-color: var(--primary-button-color);
    --wvr-nav-link-color-hover: var(--warning-button-bg);
    --wvr-nav-link-background-hover: transparent;
    --wvr-nav-link-text-decoration-hover: underline;
    --wvr-nav-li-width: max-content;
  }

  .bg-secondary {
    background-color: var(--primary-default-bg) !important;
  }

  @media (max-width: 992px) {
    wvr-footer-component {
      --footer-height: auto;
      --footer-height: auto;
      wvr-nav-list-component {
        [role=menu].flex-row {
          flex-direction: column !important;
        }
      }
    }
  }
}