/* ===== КНОПКИ ПОИСКА - ПРИВЯЗАНЫ К ПОЛЮ ===== */

/* Контейнер поиска - относительное позиционирование */
.search-wrapper {
    position: relative !important;
    width: 100% !important;
    max-width: 800px !important;
    margin: 0 auto !important;
}

/* Поле ввода */
.search-wrapper input {
    width: 100% !important;
    padding: 0 100px 0 20px !important;
    font-size: 1.2em !important;
    background: white !important;
    border: 2px solid #E8DCCC !important;
    border-radius: 40px !important;
    color: #2C1810 !important;
    height: 60px !important;
    line-height: 60px !important;
    box-sizing: border-box !important;
}

/* Кнопка поиска (лупа) - абсолютно позиционируется внутри search-wrapper */
#submitBtn {
    position: absolute !important;
    right: 15px !important;
    top: 40% !important;
    transform: translateY(-50%) !important;
    background: transparent !important;
    border: none !important;
    width: 40px !important;
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    color: #9B6B43 !important;
    padding: 0 !important;
    z-index: 10 !important;
}

/* Кнопка очистки (крестик) - тоже абсолютно внутри search-wrapper */
#clearBtn {
    position: absolute !important;
    right: 60px !important;
    top: 40% !important;
    transform: translateY(-50%) !important;
    background: transparent !important;
    border: none !important;
    width: 40px !important;
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    color: #9B6B43 !important;
    padding: 0 !important;
    z-index: 10 !important;
}

/* Убираем эффекты при наведении */
#submitBtn:hover, #clearBtn:hover {
    background: transparent !important;
    border: none !important;
    color: #9B6B43 !important;
    opacity: 0.9 !important;
    transform: translateY(-50%) !important;
}

/* SVG внутри кнопок */
#submitBtn svg, #clearBtn svg {
    width: 22px !important;
    height: 22px !important;
    stroke: currentColor !important;
    stroke-width: 2 !important;
}

/* Мобильная версия */
@media (max-width: 768px) {
    .search-wrapper input {
        padding: 0 90px 0 15px !important;
        font-size: 1em !important;
        height: 50px !important;
        line-height: 50px !important;
    }
    
    #submitBtn {
        right: 12px !important;
        width: 36px !important;
        height: 36px !important;
    }
    
    #clearBtn {
        right: 52px !important;
        width: 36px !important;
        height: 36px !important;
    }
    
    #submitBtn svg, #clearBtn svg {
        width: 20px !important;
        height: 20px !important;
    }
}