@charset "UTF-8";
/* CSS Document */

/* Container for results */
.wg-custom-search-results .wg-results-container {
    /* Existing: Use flexbox for vertical listing and 30px spacing */
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-bottom: 40px;
}

/* Individual Search Result Item Styling (Mostly unchanged) */
.wg-custom-search-results .wg-result-item {
    background-color: var(--wg-light-gray);
    border-radius: 10px;
    padding: 30px;
    transition: box-shadow 0.2s ease;
}

/* Mobile-Specific Padding */
@media (max-width: 768px) {
    .wg-custom-search-results .wg-result-item {
        padding: 20px; 
    }
}

/* New: Header Container for Title and Capsule */
.wg-result-header {
    display: flex;
    align-items: center; /* Vertically align the capsule with the heading */
    margin-bottom: 15px; /* Separate the header block from the rest of the content by 15px */
}

/* Ensure the heading doesn't have default top margin and shrinks to fit */
.wg-result-header h3 {
    margin: 0; 
    line-height: 1; /* Match the vertical alignment */
}

/* New: Post Type Capsule Styling */
.wg-post-type-capsule {
    /* Capsule Styling */
    background-color: var(--wg-red);
    color: white;
    font-size: 0.8em;
    font-weight: 600;
    text-transform: uppercase;
    
    /* Padding */
    padding: 5px 15px; /* 5px Top/Bottom, 15px Left/Right */
    
    /* Rounded corners for capsule shape */
    border-radius: 50px; 
    
    /* Spacing between the capsule and the heading */
    margin-left: 15px; 
    
    /* Ensure it doesn't wrap oddly */
    white-space: nowrap; 
}

/* Event Details Styling */
.wg-event-details {
    margin: 15px 0;
    padding-left: 20px;
    border-left: 2px solid var(--wg-light-gray-darker, #ccc);
}

.wg-event-details p {
    margin: 5px 0;
    font-size: 0.95em;
}