/* Individual search result container */
.cludo-search-results-item{
	margin-bottom: 30px;
}

/* Search result image (if indexed) */
.cludo-search-results-item__image-container {
  width: 100px;               /* Fixed container width */
  height: 100px;              /* Fixed container height */
  overflow: hidden;           /* Ensures image stays inside bounds */
  display: flex;              /* Centers image if needed */
  align-items: center;
  justify-content: center;
}

.cludo-search-results-item__image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;          /* Crops to fill container proportionally */
  display: block;
}

.cludo-input-form {
    position: relative;
    display: flex;
    align-content: center;
    justify-content: center;
}

.cludo-input-form__input {
    width: 50%;
    margin-right: 10px;
}

div#search_autocomplete {
    margin-top: 50px;
}


/*.cludo-search-results-item__image-container{}*/

/* Container wrapping all text content in the result */
.cludo-search-results-item__content{
}

/* Search result badge (if indexed) */
.cludo-search-results-item__badge{}

/* Search result date (if indexed) */
.cludo-search-results-item__date{}

/* Search result title */
.cludo-search-results-item__title{
	color: #000;
}

/* Search result description */
.cludo-search-results-item__description{
	color: #000;
	font-weight: 400;
}

/* Search result URL */
.cludo-search-results-item__path-anchor{
	display: none;
}

/* Search result breadcrumb (if indexed) */
.cludo-search-results-item__breadcrumbs{}

@media (min-width: 767px) {
    #cludo-search-results .cludo-search-results__layout {
        display: block;
    }
    #cludo-search-results .cludo-facet-wrapper .cludo-facet.list-facet {
        display: flex;
        align-content: center;
        align-items: center;
    }
	
	#cludo-search-results .cludo-facet-wrapper .cludo-facet__value-list {
        display: flex;
        gap: .5em;
        flex-direction: row;
    }
}

#cludo-search-results h2, #cludo-search-results ul, #cludo-search-results li, .search_autocomplete h2, .search_autocomplete ul, .search_autocomplete li {
    margin: 0;
}

#cludo-search-results .cludo-facet-wrapper .cludo-facet__value-list-item-anchor {
    width: max-content;
}

.cludo-page-navigation ul li button {
    background-color: var(--primary-color);
}
.cludo-page-navigation ul li button:hover {
    background-color: red;
}