/*
 * Search Results Enhancements
 * Improves product visibility and breadcrumb consistency
 */

/* Enhanced search result items with better spacing and visual hierarchy */
.searchresult li {
    padding: 0.6em 0;
    border-bottom: 1px solid #e0e0e0;
}

.searchresult li:last-child {
    border-bottom: none;
}

/* Product badge styling */
.search-product-badge {
    display: inline-block;
    padding: 0.25em 0.6em;
    margin-right: 0.5em;
    font-size: 0.75em;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 3px;
    vertical-align: middle;
}

/* Product-specific badge colors - using official brand colors from product CSS files */
.product-vantage {
    background-color: #c63663;
    color: white;
}

.product-guardian {
    background-color: #0175a0;
    color: white;
}

.product-arc {
    background-color: #0175a0;
    color: white;
}

.product-arc-embedded {
    background-color: #0175a0;
    color: white;
}

.product-cmc {
    background-color: #c63663;
    color: white;
}

.product-guardian-air {
    background-color: #0175a0;
    color: white;
}

.product-remote-collector, .product-rc {
    background-color: #0175a0;
    color: white;
}

.product-threat-intelligence, .product-ti {
    background-color: #604c8d;
    color: white;
}

.product-asset-intelligence, .product-ai {
    background-color: #604c8d;
    color: white;
}

.product-n2os {
    background-color: #0175a0;
    color: white;
}

.product-general {
    background-color: #6c757d;
    color: white;
}

/* Enhanced breadcrumb display in search results */
.searchresult .search-breadcrumb {
    font-size: 0.85em;
    margin-top: 0.2em;
    margin-bottom: 0 !important;
    color: #666;
    line-height: 1 !important;
}

.searchresult .search-breadcrumb ol {
    margin: 0 !important;
    padding: 0 !important;
    align-items: flex-start !important;
    line-height: 1 !important;
}

.searchresult .search-breadcrumb li {
    display: inline;
    padding: 0;
    border: none;
    margin: 0;
    line-height: 1 !important;
}

.searchresult .search-breadcrumb li .title,
.searchresult .search-breadcrumb li .title a {
    line-height: 1 !important;
    padding: 0 !important;
}

.searchresult .search-breadcrumb li:after {
    content: " › ";
    padding: 0 0.3em;
    color: #999;
}

.searchresult .search-breadcrumb li:last-child:after {
    content: "";
}

/* Improve search result title visibility */
.searchresult li > a {
    font-size: 1.1em;
    font-weight: 600;
    text-decoration: none;
    color: #346ec5;
    display: inline-block;
    margin-bottom: 0.1em;
}

.searchresult li > a:hover {
    text-decoration: underline;
    color: #2554a0;
}

/* Search result description/snippet */
.searchresult .shortdesclink {
    color: #333;
    line-height: 1.5;
    margin: 0.1em 0 !important;
    display: block;
}

/* Relative path styling - make it more subtle */
.searchresult li .relativePath {
    font-size: 0.8em;
    color: #008000;
    margin-top: 0.3em;
}

.searchresult li .relativePath a {
    color: #008000;
    text-decoration: none;
}

.searchresult li .relativePath a:hover {
    text-decoration: underline;
}

/* Make search terms stand out in results */
.wh_search_expression {
    font-weight: 700;
    background-color: #fff3cd;
    padding: 0 0.2em;
    border-radius: 2px;
}

/* Improve pagination styling */
.search-pagination {
    margin-top: 2em;
    text-align: center;
}

/* Add visual indicator for result relevance score */
.search-result-score {
    display: inline-block;
    margin-left: 0.5em;
    color: #999;
    font-size: 0.8em;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .searchresult li {
        padding: 0.6em 0;
    }
    
    .search-product-badge {
        display: block;
        margin-bottom: 0.5em;
        width: fit-content;
    }
}