// Search
// At the time of writing o-header duplicates search markup.
// Once for a core experience, once for an enhanced experience.
// The enhanced version is hidden until toggled with JavaScript.
// Instead since we can rely on the `core` class we can use the
// one enhanced experience search block and reveal for the core
// experience if needed.
.core [data-o-header-search] {
  display: block;
  box-shadow: none;
  position: relative;
}

// Search typeahead
.n-typeahead {
  display: none;
}

.o-header__search-widget-anchor[data-o-header-search-widget-anchor] {
  display: none;
}

// Grid layout on large sizes to create right hand rail for widget anchor
@include oGridRespondTo('L') {
  .o-header__search--primary .o-header__container,
  .o-header__search--sticky .o-header__container {
    max-width: none;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 840px) minmax(0, 1fr);
    column-gap: var(--o3-spacing-3xs);
  }

  .o-header__search--primary .o-header__search-main,
  .o-header__search--sticky .o-header__search-main {
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
  }

  .o-header__search--primary .o-header__search-widget-anchor[data-o-header-search-widget-anchor='primary'],
  .o-header__search--sticky .o-header__search-widget-anchor[data-o-header-search-widget-anchor='sticky'] {
    grid-column: 3;
    display: block;
    width: 100%;
    min-width: 0;
    overflow-x: hidden;
    overflow-y: visible;
  }
}

// Import the dropdown navigation styles
@import 'components/dropdown-navigation/dropdownNavigation.scss';

// Import the ask-ft button styles
@import 'components/ask-ft/askFtButton.scss';

// Import the sub-navigation dropdown styles
@import 'components/sub-navigation/subNavDropdown.scss';