/* GIB Search Styling */
/* Note: Only "external" parts of Coveo search can be managed in external file, these include: (Not the atomic names) 
    - Search Bar (atomic-layout-section[section="search"]
    - Facets (atomic-facet)
    - GenAI (atomic-generated-answer)
    - Load More Results Section (atomic-load-more-results::part(load-more-results-button))

 Anything in results section ("Internal") must be done in the search.html file as Coveo does not allow external styles for result templates. 
    - Result List
    - Result Template
    - Result Section Title
    - Result Section Content
    - Result Section Meta
*/

/* Search Layout */
atomic-search-layout atomic-layout-section[section='search']{
    width: 100% !important;
    max-width: 100% !important;
}

/* Search Bar */
.homepage-hero__search-form--black{
    width: 100%;
    margin: 0 auto;
}

atomic-search-box::part(submit-button-wrapper){ 
    background-color: #5FB361;
    margin-right:0;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    width: 146.5px;
    
    &:hover{
        cursor: pointer;
    }
}
atomic-search-box::part(submit-icon){ 
    color: #FFFFFF;

    &:hover{
        cursor: pointer;
    }
}
atomic-search-box::part(submit-button){
    width: 100%;
    height: 100%;
    background-color: #5FB361;
    
}
atomic-search-box::part(submit-icon){
    height: 16px;
    width: 16px;
}
atomic-search-box::part(clear-button){
    padding-right: 16px;
}

atomic-search-box::part(textarea){
    font-size: 1.8281rem !important;
}

atomic-search-box::part(query-suggestion-text){
    font-size: 1.6rem;
}

/* Search breadbox */
atomic-breadbox::part(breadcrumb-button),atomic-breadbox::part(label),atomic-breadbox::part(clear){
    font-size: 1.4rem;
    font-family: proxima-nova,sans-serif;
}

atomic-did-you-mean::part(no-results),atomic-did-you-mean::part(auto-corrected){
    font-size: 1.6rem;
    font-family: proxima-nova,sans-serif;
}

/* Gen-AI styling */
atomic-generated-answer::part(header-label){
    color: #007CC3;
    font-weight: 400;
    font-size: 1.4rem !important;
    background-color: #EFFAFF;
 }
 atomic-generated-answer::part(answer-heading-1) {
   font-size: 1.8rem !important;
   font-family: proxima-nova,sans-serif !important;
   font-weight: 700;
 }

 atomic-generated-answer::part(generated-container), atomic-generated-answer::part(generated-text) {
     font-size: 1.475rem !important;
     font-family: proxima-nova,sans-serif;
     font-weight: 400;
 }
 atomic-generated-answer::part(citations-label){
    font-size: 1.6rem;
    color: #2FB457;
    font-weight: 700;
 }
 atomic-generated-answer::part(citation), atomic-generated-answer::part(generated-answer-footer),atomic-generated-answer::part(answer-heading-2){
    font-size: 1.4rem;
 }

/* Facets Styling */
atomic-facet::part(label-button) {
    font-size: 1.6rem !important;
    font-family: proxima-nova,sans-serif !important;
    font-weight: 700 !important;
}

atomic-facet::part(clear-button) {
    font-size: 1.6rem !important;
    font-family: proxima-nova,sans-serif !important;
}

atomic-facet::part(facet) {
    font-size: 1.4rem !important;
    font-family: proxima-nova,sans-serif !important;
}

atomic-facet::part(value-checkbox-label) {
    font-size: 1.475rem !important;
    font-family: proxima-nova,sans-serif;
    font-weight: 400;
}


/* Load More Button */
atomic-load-more-results::part(load-more-results-button){
    font-size: 1.6rem;
    background-color:#5FB361;
}
atomic-load-more-results::part(progress-bar){
    height: 0.5rem;
}

atomic-load-more-results::part(showing-results){
    font-size: 1.6rem !important;
}
/* No results scaling*/
atomic-no-results::part(cancel-button),atomic-no-results::part(no-results),atomic-no-results::part(search-tips){
    font-size: 1.4rem !important;
}
atomic-tab-manager::part(tab-area){
    padding-top: 24px;
}
atomic-tab-manager::part(tab-button) {
   font-size: 1.475rem !important;
   font-family: proxima-nova,sans-serif !important;
}
atomic-tab-manager::part(tab-button-active) {
   color: #000000;
   font-size: 1.475rem !important;
   font-family: proxima-nova,sans-serif !important;
}
atomic-tab-manager::part(button-container-active)::after {
   background-color: #008436 !important;
}