/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 03 2026 | 23:27:12 */
#navbar__search{
	z-index: 10;
}


/* Live Search Wrapper */
    .searchwp-live-search-wrapper {
        position: relative; /* Creates positioning context for absolute children */
        width: 100%;
        max-width: 600px;
        margin: 0 auto;
    }
    
    /* Search Input */
	div.live-search-input-wrapper,
	div.search-input-wrapper{
        position: relative;
        display: flex;
        align-items: center;
        background: white;
        border: none !important;
        border-radius: 0px !important;
        overflow: hidden;
		background-color: var(--gwd-color--neutral-light);
		
		&:focus-within {
			border-color: #0073aa;
			box-shadow: 0 0 0 2px Hsl(from var(--gwd-color--dark) H S L / 0.2);
		}
    }

	div.live-search-input-wrapper{
		&:before{
			content: '\f002';
				font-family: 'Font Awesome 6 Pro';
				font-weight: 300; /* Light weight */
				font-size: 1.5rem;
				color: var(--gwd-color--dark);
				padding-left: 0.7rem;
				pointer-events: none;
				position: absolute;
		}

		&:focus-within::before {
				color: #0073aa;
			}
	}
    
    #live-search-input,
	.search-input-wrapper input[type="search"]{
        background-color: var(--gwd-color--neutral-light);
		border: none;
		height: 3.5rem;
		border-radius: 0;
		font-family: "avenir-next-lt-pro", Sans-serif;
		font-weight: 400;
		font-style: italic;
		line-height: 1em;
		max-width: calc(100% - 3rem);
		flex: 1;
        padding: 1rem 12px 1rem 43px;
        border: none;
        font-size: 1rem;
        background: transparent;
    }
    
    .live-search-input:focus {
        outline: none;
    }
    
    button.live-search-close,
	.search-input-wrapper > button[type="submit"]{
        padding: 1rem;
        border: none !important;
        background-color: transparent !important;
    	color: var(--gwd-color--dark) !important;
		height: auto;
		width: auto;
        cursor: pointer;
        transition: transition 0.2s;
		
		i{
			font-size: 1.25rem;
			font-weight: 500;
			color: inherit;
		}
    }
    
    .live-search-close:hover,
	.search-input-wrapper > button[type="submit"]{
        transform: scale(1.2);
    }
    
    /* Screen reader only */
    .sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
    }
    
    /* Loading indicator - absolutely positioned */
    .live-search-loading {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        margin-top: 0px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        padding: 20px;
        background: white;
        border-radius: 0x;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
        color: #666;
        z-index: 9999;
    }
    
    .loading-spinner {
        width: 1rem;
        height: 1rem;
		display: inline-block;
        border: 3px solid #f3f3f3;
        border-top: 3px solid #0073aa;
        border-radius: 50%;
        animation: spin 0.8s linear infinite;
    }
    
    @keyframes spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    }
    
    /* Results container - absolutely positioned */
    .live-search-results {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        margin-top: 0px;
        max-height: 400px;
        overflow-y: auto;
        background: white;
        border-radius: 0px;
        box-shadow: 0px 0px 10px rgba(0,0,0,0.15)
        z-index: 9999;
    }

	.live-search-results,
	.searchwp-results-wrapper{
		border-radius: 0 !important;
		margin-top: 0 !important;


		.search-results-list {
			margin: 0;
		}
	}
    
    .live-search-results:empty {
        display: none;
    }
    
    /* Individual result items */
    .search-result-item {
        display: block;
    }
    
    .result-link {
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 16px 20px;
        border-bottom: 1px solid #eee;
        text-decoration: none;
        color: inherit;
        transition: background 0.2s;
        cursor: pointer;
    }
    
    .search-result-item:last-child .result-link {
        border-bottom: none;
    }
    
    .result-link:hover,
    .result-link:focus {
        background: #f5f5f5;
        outline: none;
    }
    
    /* Thumbnail */
    .result-thumbnail {
        flex-shrink: 0;
        width: 60px;
        height: 60px;
        border-radius: 4px;
        overflow: hidden;
        background: #f5f5f5;
    }
    
    .result-thumbnail img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }
    
    /* Content area */
    .result-content {
        flex: 1;
        min-width: 0;
    }
    
    .result-title {
        font-size: 16px;
        font-weight: 600;
        color: var(--gwd-color--dark);
		line-height: 1.1;
        margin: 0 0 4px;
    }
    
    /* Artist name for products */
    .result-artist {
        font-size: 14px;
		line-height: 1;
        color: #666;
        margin: 0 0 0.5rem;
        font-style: italic;
    }
    
    /* Meta information */
    .result-meta {
        display: flex;
        align-items: center;
        gap: 8px;
        flex-wrap: wrap;
    }
    
    .result-type {
        display: inline-block;
        padding: 0.25rem 0.5rem;
        font-size: 12px;
		line-height: 1;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        border-radius: 3px;
        background: #f0f0f0;
        color: #666;
    }
    
    /* Hide excerpts (not used in live search) */
    .result-excerpt {
        display: none;
    }
    
    .result-pdf-badge {
        display: inline-block;
        padding: 3px 8px;
        margin-left: 8px;
        font-size: 11px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        border-radius: 3px;
        background: #fce4ec;
        color: #c2185b;
    }

.search-result-item{
	--_tag-color: var(--gwd-color--dark);
	
	&[data-type="artist"],
        &[data-post-type="artist"]{
            --_tag-color: Hsl(from var(--gwd-color--primary) H S 45);
        }
        
        &[data-type="product"],
        &[data-post-type="product"]{
            --_tag-color: Hsl(from var(--gwd-color--accent-turquoise) H S 35);
        }
        
        &[data-type="product_cat"],
        &[data-post-type="product_cat"]{
            --_tag-color: Hsl(from var(--gwd-color--accent-orange) H S 48);
        }
        
        &[data-type="post"],
        &[data-post-type="post"]{
            --_tag-color: Hsl(from var(--gwd-color--secondary) H S 40);
        }
	
	.result-type{
		color: var(--_tag-color);
        background-color: Hsl(from var(--_tag-color) H S 96);
	}
}
    
    
    /* No results */
    .no-results {
        padding: 30px 20px;
        text-align: center;
        color: #666;
    }
    
    .search-error {
        padding: 20px;
        text-align: center;
        color: #d32f2f;
        background: #ffebee;
        border-radius: 4px;
    }
    
    /* Footer - View all link - absolutely positioned */
    .live-search-footer {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        margin-top: 8px;
        padding: 0;
        text-align: center;
        background: white;
        border-radius: 0px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
        z-index: 9998; /* Below results but above page content */
    }
    
    /* When results are showing, push footer down */
    .live-search-results:not(:empty) ~ .live-search-footer {
        margin-top: calc(8px + 400px); /* 8px gap + max-height of results */
    }
    
    .view-all-results {
		display: block;
		padding: 1rem 1.5rem;
        color: var(--gwd-color--primary);
        font-weight: 600;
        text-decoration: none;
    }
    
    .view-all-results:hover {
        text-decoration: underline;
    }
    
    /* Mobile adjustments */
    @media (max-width: 767px) {
        .searchwp-live-search-wrapper {
            max-width: 100%;
        }
        
        .live-search-results {
            max-height: 300px;
        }
        
        .live-search-results:not(:empty) ~ .live-search-footer {
            margin-top: calc(8px + 300px);
        }
        
        .live-search-input {
            font-size: 16px; /* Prevents iOS zoom */
        }
    }