/* ----------------------------------------
** SMD PLUGIN STYLES
---------------------------------------- */

/* search */
.smd-search {
    position: relative;
    display: flex;
    align-items: center;
	justify-content: flex-end;
}

#smd-search-input {
    width: 0;
    height: 36px;
    margin-top: 3px;
    margin-bottom: 3px;	
    padding: 0;
    border: none;
    border-bottom: 1px solid #ccc;
    opacity: 0;
    transition: 0.3s ease;
}

.smd-search.open #smd-search-input {
    width: 180px;
    opacity: 1;
    padding: 4px 8px;
}

#smd-search-icon {
	margin-left: 8px;
	cursor: pointer; 
    color: #fff;
}

#smd-search-icon .smd-search-svg {
    width: 18px;
    height: 24px;
    background-color: #fff;
    mask: url('../icons/search.svg') no-repeat center;
    mask-size: contain;
}
/* END : search */


/* listings archive */
.smd-listing-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 2rem;
}

.smd-listing-card {
    border: 1px solid #eee;
    padding: 1rem;
    border-radius: 6px;
    background: #fff;
}

.smd-featured-badge {
    display: inline-block;
    background: #ffcc00;
    padding: 2px 6px;
    font-size: 12px;
    border-radius: 3px;
    margin-bottom: 6px;
}
/* END: listings archive */