/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Feb 22 2026 | 20:02:31 */
/* =========================================================
   1. УБИРАЕМ СТАНДАРТНУЮ ЖЕЛТУЮ/ОРАНЖЕВУЮ ОБВОДКУ (OUTLINE)
   ========================================================= */
.wp-block-search__input:focus {
    outline: none !important;
    box-shadow: 0 0 0 1px #000 !important; 
    border-color: #000 !important;
}

/* =========================================================
   2. ФИКС "СЪЕЗЖАЮЩЕЙ" СТРОКИ НА МОБИЛЬНЫХ (ТОЛЬКО ДЛЯ ШАПКИ)
   ========================================================= */
@media (max-width: 768px) {
    header.wp-block-template-part {
        position: relative !important;
    }

    header .wp-block-search:not(.wp-block-search__searchfield-hidden) {
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        width: 100% !important;
        background-color: #ffffff !important;
        padding: 10px 15px !important;
        box-shadow: 0 4px 6px rgba(0,0,0,0.05) !important;
        box-sizing: border-box !important;
        z-index: 9999 !important;
        margin: 0 !important;
    }

    header .wp-block-search:not(.wp-block-search__searchfield-hidden) .wp-block-search__inside-wrapper {
        width: 100% !important;
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
    }

    header .wp-block-search:not(.wp-block-search__searchfield-hidden) .wp-block-search__input {
        width: 100% !important;
        flex-grow: 1 !important;
    }
}

/* =========================================================
   3. СТИЛИЗАЦИЯ КНОПКИ ПОИСКА (ЧЕРНАЯ)
   ========================================================= */
.wp-block-search__button {
    background-color: #000 !important;
    color: #fff !important;
    border: none !important;
    transition: background-color 0.2s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-left: 0 !important;
}

.wp-block-search__button:hover {
    background-color: #333 !important;
}

.wp-block-search__button svg {
    fill: currentColor !important;
}

/* =========================================================
   4. ОТОДВИГАЕМ КНОПКУ И ДЕЛАЕМ ТЕКСТ БЛЕДНЫМ
   ========================================================= */
.wp-block-search__inside-wrapper {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important; 
}

/* Делаем печатающийся текст подсказки еле видным (бледным) */
.wp-block-search__input::placeholder {
    color: #999 !important;
    opacity: 0.6 !important;
}
.wp-block-search__input:focus::placeholder {
    opacity: 0.3 !important; /* При клике делаем еще прозрачнее */
}