/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/


/* ===== Woodmart Search - Pill Style ===== */

.searchform.woodmart-ajax-search {
    position: relative;
    max-width: 100%;
}

/* Input style */
.searchform.woodmart-ajax-search input.s {
    width: 100%;
    border-radius: 999px;
    background: #f3f4f6;
    border: 1px solid #e5e7eb;
    padding: 12px 45px 12px 15px; /* space for icon */
    font-size: 14px;
    transition: all 0.2s ease;
    outline: none;
}

/* Focus effect */
.searchform.woodmart-ajax-search input.s:focus {
    background: #fff;
    border-color: #cbd5e1;
    box-shadow: 0 0 0 3px rgba(0,0,0,0.05);
}

/* Submit button -> convert to icon only */
.searchform.woodmart-ajax-search .searchsubmit {
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    border: none;
    background: transparent;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

/* Hide text inside button */
.searchform.woodmart-ajax-search .searchsubmit span {
    display: none;
}

/* Add magnifier icon */
.searchform.woodmart-ajax-search .searchsubmit::before {

    font-size: 16px;
    line-height: 1;
}

/* Clear button alignment fix */
.searchform.woodmart-ajax-search .wd-clear-search {
    right: 45px;
    top: 50%;
    transform: translateY(-50%);
}




/* end of search bar */

/* start of */