/* Container for the search results grid */
.searched-results-grid {
    display: grid;
    grid-template-columns: 1fr; /* One item per row */
    gap: 20px; /* Gap between grid items */
    margin-top: 20px; /* Optional: adds space between the grid and preceding content */
}

/* Each grid item */
.searched-results-item {
    display: grid;
    grid-template-columns: 20% 60% 20%; /* Image 30%, Title 60%, Button 10% */
    align-items: center; /* Vertically center the content */
    padding-bottom: 10px;
    border-bottom: 1px solid #e1e4e6; /* Bottom border for each item */
	padding:10px;
}

/* Image within the grid item */
.searched-results-image {
    width: 60px; /* Fixed width */
    height: 60px; /* Fixed height */
    overflow: hidden; /* Ensure the image doesn't overflow */
    border-radius: 0px; /* Optional: rounds the corners of the image */
}

.searched-results-image img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures the image covers the area */
    display: block;
}

/* Title within the grid item */
.searched-results-title {
    font-size: 1.25em;
    margin-left: 15px; /* Space between the image and title */
}

/* Button within the grid item */
.searched-results-button {
    display: inline-block;
    padding: 5px 10px;
    background-color: #293868; /* Red background for the button */
    color: white; /* White text color */
    text-align: center; /* Center the button text */
    text-decoration: none;
    border-radius: 0px;
    margin-left: auto; /* Ensure the button aligns to the right of its column */
}

.searched-results-button:hover {
    background-color: #20272f; /* Darker red on hover */
}

.searched-results-item:hover { 
background-color:#f2f2f2;
}