/* Modernized search box — same markup/JS, refreshed styling */

.search-box {
    background-color: #2C2A28;
    background-image: url('../assets/search_icon.png');
    background-position: 14px center;
    background-repeat: no-repeat;
    background-size: 20px;
    color: #ffffff;
    width: 260px;
    max-width: 100%;
    font-size: 15px;
    font-family: inherit;
    padding: 12px 20px 12px 44px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 999px;
    outline: none;
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

.search-box:focus {
    border-color: #C46B4C;
    box-shadow: 0 0 0 3px rgba(196, 107, 76, 0.25);
}

.search-box::placeholder { color: rgba(255, 255, 255, 0.65); }
.search-box:-ms-input-placeholder { color: rgba(255, 255, 255, 0.65); }
.search-box::-ms-input-placeholder { color: rgba(255, 255, 255, 0.65); }