atomic-search-interface[search-hub="corporate-search"] {
  /* Atomic Design System Variables */
  --atomic-font-family: var(--usyd-font-primary);
  --atomic-font-normal: 400;
  --atomic-font-bold: 700;
  --atomic-text-base: 16px;
  --atomic-text-sm: 14px;
  --atomic-text-lg: 18px;
  --atomic-text-xl: 24px;
  --atomic-text-2xl: 32px;
  --atomic-line-height-ratio: 1;  
  
  /* Layout Spacing */
  --atomic-layout-spacing-x: 24px;
  --atomic-layout-spacing-y: 16px;
  
  /* Colors and Visual Properties */
  --atomic-border-radius: 4px;
  --atomic-border-radius-md: 4px;
  --atomic-border-radius-lg: 4px;
  --atomic-border-radius-xl: 4px;
  --atomic-primary: #c63a1e;
  --atomic-primary-light:#e64626;
  --atomic-neutral-light: #f5f5f5;
  --atomic-ring-primary: rgba(198, 58, 30, 0.25);
  
  --atomic-background: #ffffff;
  --atomic-on-background: #141414;
  --atomic-visited: #141414;
  --atomic-border-width: 2px;

}

/* Custom properties for atomic-refine-modal */
atomic-search-interface[search-hub="corporate-search"] atomic-refine-modal {
  --atomic-font-normal: 500;
  --atomic-text-base: 16px;
  --atomic-text-sm: 16px;
  --atomic-text-xl: 16px;
}


/* Wrapper styling to constrain everything */
atomic-search-interface[search-hub="corporate-search"] .search-interface-wrapper {
  max-width: 1440px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

/* Search box container styling */
atomic-search-interface[search-hub="corporate-search"] .search-box-container {
  max-width: 100%;
  padding: 48px;   
  margin-bottom: var(--atomic-layout-spacing-y);
  box-sizing: border-box; /* Ensure padding is included in width calculation */
  display: flex;
  flex-direction: column;
  justify-content: center;
}

atomic-search-interface[search-hub="corporate-search"] .search-box-container atomic-search-box {
  width: 100%;
  max-width: 100%;  
}

/* Style the search box input and button */
atomic-search-interface[search-hub="corporate-search"] atomic-search-box::part(wrapper) {  
  border: none;
  background-color: var(--atomic-neutral-light); /* Light grey background */
  min-height: 72px; /* Changed from fixed height to minimum height */
  display: flex; /* For better vertical centering */
  align-items: center; /* Center text vertically */
  padding-left: 12px;
  line-height: 20px;
}

/* Style for textarea element if it's used instead of input for multiline queries */
atomic-search-interface[search-hub="corporate-search"] atomic-search-box::part(textarea) {
    color: var(--atomic-on-background);
    background-color: var(--atomic-neutral-light);
    font-size: var(--atomic-text-lg);
    box-sizing: border-box;
    border: none;
    min-height: 38px;
    height: auto;
    overflow: hidden;
    resize: none;
    line-height: 1.5;
    padding: 10px 0;
    width: 100%;
}

atomic-search-interface[search-hub="corporate-search"] atomic-search-box::part(input) {
  background-color: var(--atomic-neutral-light);  
  font-size: var(--atomic-text-lg);  
  box-sizing: border-box; 
  border: none;
  min-height: 38px;
  height: auto; 
  overflow: hidden;
  resize: none;
  line-height: 1.5;
  padding: 10px 0;
  display: block;
}

atomic-search-interface[search-hub="corporate-search"] atomic-search-box::part(submit-button-wrapper) {
  padding: 0 !important; 
  margin: 0 !important; 
  display: flex; 
  align-items: stretch; 
  justify-content: center; 
  width: 72px; 
  align-self: stretch; 
}

atomic-search-interface[search-hub="corporate-search"] atomic-search-box::part(submit-button) {
  background-color: var(--atomic-primary); 
  color: white; 
  margin: 0 24px;
  display: flex;
  align-items: center; 
  justify-content: center; 
  border-radius: 0px 4px 4px 0px; 
  box-sizing: border-box; 
  width: 100%; 
  height: 100%; 
  align-self: stretch; 
}

atomic-search-interface[search-hub="corporate-search"] atomic-search-box::part(submit-button):focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

atomic-search-interface[search-hub="corporate-search"] atomic-search-box::part(submit-icon) {
  color: white; 
  width: 24px; 
  height: 24px;
}

/* search validation styles */

atomic-search-interface[search-hub="corporate-search"] .validation-message {
  color: var(--atomic-primary);
  font-weight: bold;
  margin: 20px 0 10px;
}

atomic-search-interface[search-hub="corporate-search"] .validation-message.hidden {
  display: none;
}

atomic-search-interface[search-hub="corporate-search"] atomic-search-layout {
  height: auto;
}

/* Layout styling */
atomic-search-interface[search-hub="corporate-search"] atomic-layout-section[section="main"] {
  /* Ensure it takes available width */
   width: 100%;   
   padding: 0 24px 0 0;
   box-sizing: border-box;
}

atomic-search-interface[search-hub="corporate-search"] atomic-layout-section[section="facets"] {
  padding: 0 20px;
  background-color: var(--atomic-background);
}

atomic-search-interface[search-hub="corporate-search"] atomic-layout-section[section='status'] {
  padding-left: 24px;
}

atomic-search-interface[search-hub="corporate-search"] atomic-layout-section[section='status'] atomic-notifications {
  margin-bottom: 36px;
}

atomic-search-interface[search-hub="corporate-search"] atomic-layout-section[section='status'] atomic-notifications::part(notification) {
  border-radius: 0;
}


/* Filter heading styles */
atomic-search-interface[search-hub="corporate-search"] .filter-heading {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0;
  gap: 12px;
  margin-bottom: 20px;
  position: relative;
  width: 103px;
  height: 36px;
}

atomic-search-interface[search-hub="corporate-search"] .filter-icon {
  width: 24px;
  height: 24px;
  flex: none;
  order: 0;
  flex-grow: 0;
  margin: auto 0;
  position: relative;
  top: 0;
}

atomic-search-interface[search-hub="corporate-search"] .filters-title {
  width: 67px;
  height: 36px;
  font-weight: 500;
  font-size: 24px;
  line-height: 36px;
  color: #141414;
  flex: none;
  order: 1;
  flex-grow: 0;
  margin: 0;
  padding: 0;
}

atomic-search-interface[search-hub="corporate-search"] atomic-facet::part(clear-button):hover {
  background-color: #FDEDEA;
  transition: background-color 0.2s ease;
}

atomic-search-interface[search-hub="corporate-search"] atomic-facet::part(clear-button-icon) { 
  display: none;
}

/* Facet styles and custom properties */
atomic-search-interface[search-hub="corporate-search"] atomic-facet::part(facet) {
  border: none;
  padding: 10px 0 0 0;
}

atomic-search-interface[search-hub="corporate-search"] atomic-facet {
  --atomic-border-radius: 0;
  margin-bottom: 20px;
  display: block;
  font-size: var(--atomic-text-base);
}

/* Value link styling */
atomic-search-interface[search-hub="corporate-search"] atomic-facet::part(value-link) {
  display: block;
  color: var(--atomic-on-background);
  font-size: var(--atomic-text-base);
  font-weight: var(--atomic-font-normal);
  border: var(--atomic-border-width) solid var(--atomic-on-background);
  width: 100%;
  text-decoration: none;
  box-shadow: none;
  padding: 15px;
  margin-bottom: 6px;
}

/* Selected state styling */
atomic-search-interface[search-hub="corporate-search"] atomic-facet::part(value-link-selected) {
  color: #FFFFFF;
  background-color: var(--atomic-primary);
  border: var(--atomic-border-width) solid var(--atomic-on-background);
  box-shadow: none;
  font-weight: var(--atomic-font-normal); /* Explicitly keep normal font weight */
}

/* Hover state styling for facet values */
atomic-search-interface[search-hub="corporate-search"] atomic-facet::part(value-link):hover {
  background-color: #FDEDEA;
  color: #141414;
  transition: background-color 0.2s ease, color 0.2s ease;
  font-weight: var(--atomic-font-normal); /* Explicitly keep normal font weight */
}

/* hide facet label */
atomic-search-interface[search-hub="corporate-search"] atomic-facet::part(label-button) {
  margin-bottom: 0;
  padding: 0;
  display: none;
}

/* Value count styling */
atomic-search-interface[search-hub="corporate-search"] atomic-facet::part(value-count) {
  display: block;
  margin: 0 0 0 0;
  color: inherit;
  font-weight: var(--atomic-font-normal);
  text-align: left;
  font-size: var(--atomic-text-base);
}

/* Selected value count styling */
atomic-search-interface[search-hub="corporate-search"] atomic-facet::part(value-link-selected) atomic-facet::part(value-count),
atomic-search-interface[search-hub="corporate-search"] atomic-facet::part(value-link-selected) .coveo-facet-value-count {
  font-weight: var(--atomic-font-normal) !important;
}

/* Label styling */
atomic-search-interface[search-hub="corporate-search"] atomic-facet::part(value-label) {
  font-size: var(--atomic-text-base);
  color: inherit;
  text-align: left;
  font-weight: var(--atomic-font-normal);
}

/* Selected label styling */
atomic-search-interface[search-hub="corporate-search"] atomic-facet::part(value-link-selected) atomic-facet::part(value-label),
atomic-search-interface[search-hub="corporate-search"] atomic-facet::part(value-link-selected) .coveo-facet-value-label {
  font-weight: var(--atomic-font-normal) !important;
}

/* Value container */
atomic-search-interface[search-hub="corporate-search"] atomic-facet::part(values) {
  margin-top: 10px;
}

/* Show more/less button styling */
atomic-search-interface[search-hub="corporate-search"] atomic-facet::part(clear-button),
atomic-search-interface[search-hub="corporate-search"] atomic-facet::part(show-more),
atomic-search-interface[search-hub="corporate-search"] atomic-facet::part(show-less) {
  color: var(--atomic-primary);
  font-size: var(--atomic-text-base);
  text-decoration: none;
  padding: 16px;
  width: 100%;
}

/* Show more/less icons styling */
atomic-search-interface[search-hub="corporate-search"] atomic-facet::part(show-more-less-icon) {
  display: none;
}

/* Ensure buttons are properly styled when visible */
atomic-search-interface[search-hub="corporate-search"] atomic-facet::part(show-more),
atomic-search-interface[search-hub="corporate-search"] atomic-facet::part(show-less) {
  align-items: center !important;
}

/* Add hover state to show more/less buttons */
atomic-search-interface[search-hub="corporate-search"] atomic-facet::part(show-more):hover,
atomic-search-interface[search-hub="corporate-search"] atomic-facet::part(show-less):hover {
  background-color: #FDEDEA;
}

atomic-search-interface[search-hub="corporate-search"] atomic-facet::part(show-more)::after {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url('../../../etc.clientlibs/corporate-commons/clientlibs/corporate-search/resources/icons/downChevronRed.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin-left: 8px;
  position: relative;
  top: 0;
}

atomic-search-interface[search-hub="corporate-search"] atomic-facet::part(show-less)::after {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url('../../../etc.clientlibs/corporate-commons/clientlibs/corporate-search/resources/icons/upChevronRed.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin-left: 8px;
  position: relative;
  top: 0;
}

atomic-search-interface[search-hub="corporate-search"] atomic-facet {
  --atomic-facet-boxes-gap: 6px;
  --atomic-facet-boxes-per-row: 1;
}

atomic-search-interface[search-hub="corporate-search"] .results-per-page-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0;
  position: relative;
  top: -16px;
}

atomic-search-interface[search-hub="corporate-search"] .results-per-page-label {
  color: var(--atomic-on-background);
  font-size: var(--atomic-text-base);
  font-weight: var(--atomic-font-normal);
  margin-left: 8px;
  margin-right: 5px;
  line-height: 28px;
}

/* Hide the label when the atomic-results-per-page component is hidden */
atomic-search-interface[search-hub="corporate-search"] .results-per-page-wrapper:has(atomic-results-per-page.atomic-hidden) .results-per-page-label {
  display: none;
}

atomic-search-interface[search-hub="corporate-search"] atomic-results-per-page::part(label) {
  display: none !important;
}

atomic-search-interface[search-hub="corporate-search"] atomic-results-per-page::part(button) {
  
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;    
  width: 32px;
  height: 32px;  
  color: var(--atomic-on-background);
  font-weight: 500;
  font-size: 16px;
  text-decoration: none;
  margin-right: 0;
  border-radius: 4px;
}

atomic-search-interface[search-hub="corporate-search"] atomic-results-per-page::part(active-button) {
  color: #C63A1E;
  border: none;
}

atomic-search-interface[search-hub="corporate-search"] atomic-results-per-page::part(button):hover {
  background: #FDEDEA;
  border: 1px solid #C63A1E;
  color: #C63A1E;
  cursor: pointer;
  transition: all 0.2s ease;
}

atomic-search-interface[search-hub="corporate-search"] atomic-results-per-page::part(active-button):hover {
  background: #AF2B11;
  border: 1px solid #AF2B11;
  color: #FFFFFF;
}

atomic-search-interface[search-hub="corporate-search"] atomic-results-per-page::part(buttons) {
  margin-top: 0;
  display: flex;
  gap: 4px;
}

atomic-search-interface[search-hub="corporate-search"] atomic-results-per-page::part(label) {
  color: var(--atomic-on-background);
  font-size: var(--atomic-text-base);
  margin-right: 12px;
  display: flex;
  align-items: center;
  height: 50px;
}

/* Pagination styling */
atomic-search-interface[search-hub="corporate-search"] atomic-layout-section[section="pagination"] {
  margin-top: 25px;
}

atomic-search-interface[search-hub="corporate-search"] atomic-pager::part(page-button) {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 16px;
  gap: 8px;
  width: 44px;
  height: 44px;
  border: 1px solid var(--atomic-on-background);
  color: var(--atomic-on-background);
  border-radius: 4px;
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  text-decoration: none;
  margin-right: 4px;
}

atomic-search-interface[search-hub="corporate-search"] atomic-pager::part(active-page-button) {
  background: var(--atomic-primary);
  border: 1px solid var(--atomic-primary);
  color: #FFFFFF;
}

atomic-search-interface[search-hub="corporate-search"] atomic-pager::part(page-button):hover {
  background: #FDEDEA;
  border: 1px solid #C63A1E;
  color: #C63A1E;
  cursor: pointer;
  transition: all 0.2s ease;
}

atomic-search-interface[search-hub="corporate-search"] atomic-pager::part(active-page-button):hover {
  background: #AF2B11;
  border: 1px solid #AF2B11;
  color: #FFFFFF;
}

atomic-search-interface[search-hub="corporate-search"] atomic-pager::part(page-buttons) {
  display: flex;
  gap: 4px;
}

atomic-search-interface[search-hub="corporate-search"] atomic-pager::part(next-button),
atomic-search-interface[search-hub="corporate-search"] atomic-pager::part(previous-button) {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 16px;
  gap: 8px;
  width: 44px;
  height: 44px;
  background: var(--atomic-primary);
  border: 1px solid var(--atomic-primary);
  border-radius: 4px;
  color: #FFFFFF;
  margin-right: 4px;
  text-decoration: none;
}

/* Hide disabled pagination buttons in Shadow DOM */
atomic-search-interface[search-hub="corporate-search"] atomic-pager::part(previous-button):disabled,
atomic-search-interface[search-hub="corporate-search"] atomic-pager::part(next-button):disabled {
  display: none !important;
}

/* Hover state for next/previous pagination buttons */
atomic-search-interface[search-hub="corporate-search"] atomic-pager::part(next-button):hover,
atomic-search-interface[search-hub="corporate-search"] atomic-pager::part(previous-button):hover {
  background: #FDEDEA;
  border: 1px solid #C63A1E;
  color: #C63A1E;
  cursor: pointer;
  transition: all 0.2s ease;
}

atomic-search-interface[search-hub="corporate-search"] atomic-pager::part(next-button-icon),
atomic-search-interface[search-hub="corporate-search"] atomic-pager::part(previous-button-icon) {
  width: 20px;
  height: 20px;
}

/* Ensure proper spacing between results */
atomic-search-interface[search-hub="corporate-search"] .result-container + .result-container {
  margin-top: var(--atomic-layout-spacing-y);
}

atomic-search-interface[search-hub="corporate-search"] atomic-result-list::part(outline)::before {
  height: 0;
  margin: 0;
}

@media (max-width: 990px) {
  atomic-search-interface[search-hub="corporate-search"] {
    --atomic-text-lg: 16px;
    --atomic-text-xl: 18px;
    --atomic-text-2xl: 20px;
    --atomic-text-base: 14px;
    --atomic-text-sm: 12px;
    --atomic-layout-spacing-x: 16px;
    padding-top: 16px;  
  }

  atomic-search-interface[search-hub="corporate-search"] atomic-search-layout {    
    padding-top: 24px;
  }
  

  /* Mobile search box container */
  atomic-search-interface[search-hub="corporate-search"] .search-box-container {
    padding: 0 var(--atomic-layout-spacing-x) 8px;
    margin-bottom: 8px;
  }

  atomic-search-interface[search-hub="corporate-search"] atomic-layout-section[section="main"] {
    padding: 0 ;
  }

  atomic-search-interface[search-hub="corporate-search"] atomic-layout-section[section='status'] {
    padding: 0;
  }

  atomic-search-interface[search-hub="corporate-search"] atomic-result-list::part(outline) {
    border: none;
    padding: 0;
  }
  

  atomic-search-interface[search-hub="corporate-search"] atomic-results-per-page::part(buttons),
  atomic-search-interface[search-hub="corporate-search"] atomic-pager::part(page-buttons) {
    gap: 4px;
  }

  /* Pagination - smaller for mobile */
  atomic-search-interface[search-hub="corporate-search"] atomic-results-per-page::part(button),
  atomic-search-interface[search-hub="corporate-search"] atomic-pager::part(page-button),
  atomic-search-interface[search-hub="corporate-search"] atomic-pager::part(next-button),
  atomic-search-interface[search-hub="corporate-search"] atomic-pager::part(previous-button) {
    width: 32px;
    height: 32px;
    min-width: 32px;
    min-height: 32px;
    font-size: 14px;
    line-height: 20px;
    padding: 6px;    
  }

  atomic-search-interface[search-hub="corporate-search"] atomic-pager::part(next-button-icon),
  atomic-search-interface[search-hub="corporate-search"] atomic-pager::part(previous-button-icon) {
    width: 16px;
    height: 16px;
  }
  
  atomic-search-interface[search-hub="corporate-search"] atomic-refine-modal atomic-facet::part(value-link) {
    margin: 0;
    color: var(--atomic-on-background);
    background: var(--atomic-background);
    padding: 10px 20px;
    font-family: var(--usyd-font-primary);
    font-size: 14px;
    font-weight: var(--atomic-font-normal);
    border: none;
  }

  /* Only apply hover styles on devices that support hover */
  @media (hover: hover) {
    atomic-search-interface[search-hub="corporate-search"] atomic-refine-modal atomic-facet::part(value-link):hover {
      background: #fdedea;
      color: #141414;
      font-weight: var(--atomic-font-normal);
      border: none;
    }
  }
  
  /* Ensure hover styles don't persist after tap on touch devices but preserve selected items */
  @media (hover: none) {
    atomic-search-interface[search-hub="corporate-search"] atomic-refine-modal atomic-facet::part(value-link):not([aria-selected="true"]):active,
    atomic-search-interface[search-hub="corporate-search"] atomic-refine-modal atomic-facet::part(value-link):not([aria-selected="true"]):focus {
      background: var(--atomic-background);
      color: var(--atomic-on-background);
      transition: none;
    }
  }

  /* Selected items styling - ensure this is never overridden on any device */
  atomic-search-interface[search-hub="corporate-search"] atomic-refine-modal atomic-facet::part(value-link-selected) {
    background: var(--atomic-primary) !important;
    color: var(--atomic-background) !important;
    font-weight: var(--atomic-font-normal);
    border: none;
  }
atomic-search-interface[search-hub="corporate-search"] atomic-facet::part(clear-button) {
    display: none;
  }
}

@media only screen and (max-width: 989px) {
    atomic-search-interface[search-hub="corporate-search"] atomic-layout-section[section="pagination"] {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;        
        width: 100%;    
    }

  atomic-search-interface[search-hub="corporate-search"] .results-per-page-wrapper {
    margin-top: 0;
}


    atomic-search-interface[search-hub="corporate-search"] atomic-layout-section[section="pagination"] atomic-results-per-page {
        margin-bottom: 8px;
        
    }

    atomic-search-interface[search-hub="corporate-search"] atomic-layout-section[section="pagination"] atomic-pager {        
        padding-left: 8px;
    }    
}

@media only screen and (min-width: 990px) {
  /* Stretch search box to the full width of the search layout */
    atomic-search-interface[search-hub="corporate-search"] atomic-layout-section[section="search"] {
        width: 100% !important;
    }
}


/* Styles for atomic-refine-toggle button based on Figma */
atomic-refine-toggle::part(button) {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 10px 24px;
  gap: 8px;
  width: auto;
  
  height: 44px;
  border: 2px solid #C63A1E;
  border-radius: 4px;
  background-color: var(--atomic-background);
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #C63A1E;
  transition: background-color 0.2s ease; 
}

atomic-refine-toggle::part(button):hover {
  background-color: #FDEDEA;
}

/* Ensure the label inside the button inherits the color */
atomic-refine-toggle::part(button) span {
    color: inherit;
}

/* Hide the default icon if not needed, or style if necessary */
atomic-refine-toggle::part(button) .icon {
    display: none; /* Hiding default icon as per Figma notes */
}

/* Set select-icon shadow part of atomic-refine-modal to use the downChevronRed.svg icon */
atomic-search-interface[search-hub="corporate-search"] atomic-refine-modal::part(select-icon) {
  content: '';
  background-image: url('../../../etc.clientlibs/corporate-commons/clientlibs/corporate-search/resources/icons/downChevronRed.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 16px;
  height: 16px;

  /* Hide the default icon */
  color: transparent !important;  
}


atomic-search-interface[search-hub="corporate-search"] atomic-sort-dropdown {
  --atomic-text-sm: 16px;
  --atomic-font-bold: 400;
}


/* Hide default dropdown arrow and apply custom icon as background */
atomic-search-interface[search-hub="corporate-search"] atomic-sort-dropdown::part(select) {
  
  /* Apply custom icon */
  background-image: url('../../../etc.clientlibs/corporate-commons/clientlibs/corporate-search/resources/icons/downChevronRed.svg');
  background-repeat: no-repeat;
  background-position: right 12px center; /* Position icon on the right */
  background-size: 16px 16px; /* Size of the icon */
  padding-right: 40px;

  /* Reset other background/border properties that might interfere */
  background-color: transparent;  
}

/* Hide the separator element which might contain or be near the default icon */
atomic-search-interface[search-hub="corporate-search"] atomic-sort-dropdown::part(select-separator) {
  display: none !important;
}

/* Style for Filters heading in the modal */
atomic-search-interface[search-hub="corporate-search"] atomic-refine-modal::part(section-sort-title),
atomic-search-interface[search-hub="corporate-search"] atomic-refine-modal::part(section-filters-title) {
  font-size: 24px;
  font-weight: 500;
}

/* Style for modal title */
atomic-search-interface[search-hub="corporate-search"] atomic-refine-modal::part(title) {
  color: #717171;
}

/* Style for modal close icon */
atomic-search-interface[search-hub="corporate-search"] atomic-refine-modal::part(close-button) {
  color:#E64626;  
}

atomic-search-interface[search-hub="corporate-search"] atomic-refine-modal::part(select)
{
  font-size: 16px;
  font-weight: 500;
}

/* No Results Styles */

atomic-search-interface[search-hub="corporate-search"] atomic-no-results {
  text-align: center;
}

atomic-search-interface[search-hub="corporate-search"] atomic-no-results::part(no-results), atomic-search-interface[search-hub="intranet-search"] atomic-no-results::part(search-tips) {
  width: 100%;
  text-align: left;
}

atomic-search-interface[search-hub="corporate-search"] atomic-no-results::part(icon) {
  display: none;
}

/* Styles for the legacy search box */
.search-container {
    max-width: 1200px;
    margin: 2rem auto;
    padding: 15px;
    font-family: "Apercu", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.legacy-search-wrapper {
    background-color: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    padding: 20px;
    border-radius: 5px;
    position: relative;
}



/* Shadow Parts Styling for Atomic Search Interface */
/* Main container styling */
#legacy-searchbox {
    width: 100%;
    max-width: 100%;
    background-color: transparent;
    position: relative;
    --atomic-text-lg: 60px;
    margin-top: 0;
    padding-top: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
    border-bottom: 1px solid #141414;
    margin-bottom: 15px;
}

/* Make search box full width */
#legacy-searchbox atomic-search-box {
    width: 100%;
}

/* Searchbox input container */
#legacy-searchbox atomic-search-box::part(wrapper) {
    background: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    position: relative;
    width: 100%;
}

/* Searchbox input field */
#legacy-searchbox atomic-search-box::part(input) {
    font-family: 'Apercu', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    color: #000000;
    height: 100%;
    width: 100%;
    padding: 12px 0;
    border: none;
    border-bottom: 1px solid #141414;
    background: transparent;
    flex-grow: 1;
    outline: none;
}

/* Submit button (search icon) */
#legacy-searchbox atomic-search-box::part(submit-button) {
    color: #C63A1E;
    visibility: hidden;
}

/* Clear button styling */
#legacy-searchbox atomic-search-box::part(clear-button) {
    color: #141414;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Hide elements we don't need */
#legacy-searchbox atomic-search-box::part(search-options-button) {
    display: none;
}

#legacy-searchbox atomic-search-box::part(textarea-spacer) {
    display: none;
}

/* Remove padding from textarea elements */
#legacy-searchbox atomic-search-box::part(textarea) {
    padding: 0;
    font-weight: 700;   
    color: #141414;  
}

#legacy-searchbox atomic-search-box::part(textarea-expander)::after {
    padding: 0;
}

/* Suggestions styling */
#legacy-searchbox atomic-search-box::part(suggestions-wrapper) {
    background: #FFFFFF;
    border: 1px solid #D2D2D2;
    filter: drop-shadow(0px 4px 12px rgba(0, 0, 0, 0.15));
    margin-top: 0;
    border-radius: 0;
    width: 100%;
    z-index: 1000;
    max-width: 100%;
    margin-top: 16px;
}

/* Individual suggestion styling */
#legacy-searchbox atomic-search-box::part(query-suggestion-item),
#legacy-searchbox atomic-search-box::part(recent-query-item) {
    padding: 24px;
    height: 84px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #D2D2D2;
    cursor: pointer;
    background: #FFFFFF;
    font-family: 'Apercu', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 36px;
    color: #141414;
}

/* Text styling for suggestions */
#legacy-searchbox atomic-search-box::part(query-suggestion-text),
#legacy-searchbox atomic-search-box::part(recent-query-text) {
    font-family: 'Apercu', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 36px;
    color: #141414;
}

/* Hover state styling */
#legacy-searchbox atomic-search-box::part(query-suggestion-item):hover,
#legacy-searchbox atomic-search-box::part(recent-query-item):hover,
#legacy-searchbox atomic-search-box::part(active-suggestion) {
    background-color: #F7F7F7;
}

/* Recent searches styling */
#legacy-searchbox atomic-search-box::part(recent-query-title-item),
#legacy-searchbox atomic-search-box::part(suggestion-divider) {
    padding: 16px 24px;
    background: #F7F7F7;
    font-family: 'Apercu', sans-serif;
    border-bottom: 1px solid #D2D2D2;
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 48px;
}

/* Hide the recent query title item */
#legacy-searchbox atomic-search-box::part(recent-query-title-item) {
    display: none;
}

/* Recent searches title */
#legacy-searchbox atomic-search-box::part(recent-query-title) {
    font-size: 16px;
    font-weight: 500;
    color: #141414;
}

/* Clear button */
#legacy-searchbox atomic-search-box::part(recent-query-clear) {
    font-size: 16px;
    color: #141414;
    cursor: pointer;
    font-weight: 400;
}

/* Hide recent query items */
#legacy-searchbox atomic-search-box::part(recent-query-item) {
    display: none; /* Hide the recent query items */
}

/* Hide the query suggestion icon */
#legacy-searchbox atomic-search-box::part(query-suggestion-icon) {
    display: none;
}

/* Mobile-specific styles */
@media (max-width: 990px) {
    #legacy-searchbox atomic-search-box::part(suggestions-wrapper) {
        width: 100%;
        left: 0;
        right: 0;
    }
        
    #legacy-searchbox atomic-search-box::part(query-suggestion-item),
    #legacy-searchbox atomic-search-box::part(recent-query-item) {
        padding: 12px;
        height: 52px;
        font-size: 16px;
        line-height: 28px;
    }

    #legacy-searchbox atomic-search-box::part(query-suggestion-text),
    #legacy-searchbox atomic-search-box::part(recent-query-text) {
        font-size: 16px;
        line-height: 28px;
    }
    
    #legacy-searchbox atomic-search-box::part(recent-query-title-item) {
        padding: 12px 16px;
    }
    
    #legacy-searchbox atomic-search-box::part(recent-query-item) {
        padding: 12px 16px;
        min-height: 48px;
    }
}
/* Suggestions wrapper styling */
atomic-search-interface#searchbox atomic-search-box::part(suggestions-wrapper) {
    background: #FFFFFF;
    border: 1px solid #D2D2D2;
    filter: drop-shadow(0px 4px 12px rgba(0, 0, 0, 0.15));
    margin-top: 0;
    border-radius: 0;
    width: 100%;
    z-index: 1000;
  }
  
  /* Individual suggestion styling */
  atomic-search-interface#searchbox atomic-search-box::part(query-suggestion-item),
  atomic-search-interface#searchbox atomic-search-box::part(recent-query-item) {
    padding: 24px;
    height: 84px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #D2D2D2;
    cursor: pointer;
    background: #FFFFFF;
    font-family: 'Apercu', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 36px;
    color: #141414;
  }
  
  /* Text styling for suggestions */
  atomic-search-interface#searchbox atomic-search-box::part(query-suggestion-text),
  atomic-search-interface#searchbox atomic-search-box::part(recent-query-text) {
    font-family: 'Apercu', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 36px;
    color: #141414;
  }
  
  /* Hover state styling */
  atomic-search-interface#searchbox atomic-search-box::part(query-suggestion-item):hover,
  atomic-search-interface#searchbox atomic-search-box::part(recent-query-item):hover,
  atomic-search-interface#searchbox atomic-search-box::part(active-suggestion) {
    background-color: #F7F7F7;
  }
  
  /* Specific styles for the standalone global searchbox in index.html */
  atomic-search-interface#searchbox atomic-search-box::part(suggestions-wrapper) {
    background: #FFFFFF;
    max-width: 100%;
    width: 100%;
    margin-top: 16px;
  }
  
  /* Content styling for search input area */
  atomic-search-interface#searchbox atomic-search-box::part(input) {
    font-family: 'Apercu', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    color: #000000;
    width: 100%;
    padding: 12px 0;
    border: none;
    background: transparent;
  }
  
  atomic-search-interface#searchbox atomic-search-box::part(wrapper) {
    width: 100%;
  }
  
  /* Submit and clear button styling */
  atomic-search-interface#searchbox atomic-search-box::part(submit-button) {
    color: #C63A1E;
  }
  
  atomic-search-interface#searchbox atomic-search-box::part(clear-button) {
    color: #141414;
  }
  
  /* Mobile-specific styles */
  @media (max-width: 990px) {
    atomic-search-interface#searchbox atomic-search-box::part(suggestions-wrapper) {
      width: 100%;
      left: 0;
      right: 0;
    }
      
    atomic-search-interface#searchbox atomic-search-box::part(query-suggestion-item),
    atomic-search-interface#searchbox atomic-search-box::part(recent-query-item) {
      padding: 12px;
      height: 52px;
      font-size: 16px;
      line-height: 28px;
    }
  
    atomic-search-interface#searchbox atomic-search-box::part(query-suggestion-text),
    atomic-search-interface#searchbox atomic-search-box::part(recent-query-text) {
      font-size: 16px;
      line-height: 28px;
    }
  }
  
  /* Recent searches header styling */
  atomic-search-interface#searchbox atomic-search-box::part(recent-query-title-item),
  atomic-search-interface#searchbox atomic-search-box::part(suggestion-divider) {
    padding: 16px 24px;
    background: #F7F7F7;
    font-family: 'Apercu', sans-serif;
    border-bottom: 1px solid #D2D2D2;
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 48px;
  }
  
  /* Hide the recent query title item */
  atomic-search-interface#searchbox atomic-search-box::part(recent-query-title-item) {
    display: none;
  }
  
  /* Recent searches title */
  atomic-search-interface#searchbox atomic-search-box::part(recent-query-title) {
    font-size: 16px;
    font-weight: 500;
    color: #141414;
  }
  
  /* Clear button */
  atomic-search-interface#searchbox atomic-search-box::part(recent-query-clear) {
    font-size: 16px;
    color: #141414;
    cursor: pointer;
    font-weight: 400;
  }
  
  /* Recent query items styling */
  atomic-search-interface#searchbox atomic-search-box::part(recent-query-item) {
    padding: 16px 24px;
    min-height: 56px;
    display: flex;
    align-items: center;
    gap: 12px;
    border-bottom: 1px solid #D2D2D2;
    cursor: pointer;
    display: none; /* Hide the recent query items */
  }
  
  /* Clock icon for recent searches */
  atomic-search-interface#searchbox atomic-search-box::part(recent-query-icon) {
    color: #141414;
    width: 18px;
    height: 18px;
    flex-shrink: 0;
  }
  
  /* Hide the query suggestion icon */
  atomic-search-interface#searchbox atomic-search-box::part(query-suggestion-icon) {
    display: none;
  }
  
  /* Text for recent searches */
  atomic-search-interface#searchbox atomic-search-box::part(recent-query-text) {
    font-family: 'Apercu', sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #141414;
  }
  
  /* Mobile adjustments for recent searches */
  @media (max-width: 990px) {
    atomic-search-interface#searchbox atomic-search-box::part(recent-query-title-item) {
      padding: 12px 16px;
    }
    
    atomic-search-interface#searchbox atomic-search-box::part(recent-query-item) {
      padding: 12px 16px;
      min-height: 48px;
    }
  }
  
  /* Styles moved from index.html */
  /* Main container styling */
  atomic-search-interface#searchbox {
      width: 100%;
      max-width: 100%;
      background-color: transparent;
      position: relative;
      --atomic-text-lg : 60px;
      margin-top: 0;
      padding-top: 0;
      display: flex;
      flex-direction: column;
      gap: 0;
  }

  /* make search box full width */
  atomic-search-interface#searchbox atomic-search-box {
      width: 100%;
  }

  /* Searchbox input container */
  atomic-search-interface#searchbox atomic-search-box::part(wrapper) {
      background: transparent;
      border: none;
      border-radius: 0;
      box-shadow: none;
      position: relative;
  }
  
  /* Searchbox input field */
  atomic-search-interface#searchbox atomic-search-box::part(input) {
      color: #000000;
      height: 100%;
      border: none;
      background: transparent;
      flex-grow: 1;
      outline: none;
      padding: 0;
  }

  /* Submit button (search icon) */
  atomic-search-interface#searchbox atomic-search-box::part(submit-button) {
      display: none;
  }

  /* Clear button styling */
  atomic-search-interface#searchbox atomic-search-box::part(clear-button) {
      color: #000000;
      background: transparent;
      border: none;
      cursor: pointer;
      padding: 0;
      display: flex;
      align-items: center;
      justify-content: center;
  }
  
  atomic-search-interface#searchbox atomic-search-box::part(textarea-spacer) {
      display: none;
  }
    
  atomic-search-interface#searchbox atomic-search-box::part(textarea) {
      padding: 0;
      color: #141414;
  }
  atomic-search-interface#searchbox atomic-search-box::part(textarea-expander)::after {
      padding: 0;
  }