/* /assets/css/header/header_9.css */

/* Общие стили для контейнера и рядов */
.sb-dominant .sb-header--minimal-search {
    padding: 0;
}
.sb-dominant .sb-header--minimal-search .sb-header-row--top {
    padding: 12px var(--sb-page-pad, 16px);
    border-bottom: 1px solid var(--sb-hairline);
    /* FIX: Добавляем display: flex для правильного выравнивания */
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.sb-dominant .sb-header--minimal-search .sb-header-row--nav {
    padding: 8px var(--sb-page-pad, 16px);
}

/* Стили для логотипа 21:9 */
.sb-dominant .sb-header--minimal-search .sb-ai-logo {
  height: 38px;
  max-width: 145px;
  object-fit: contain;
}

/* --- FIX: Стили для интерактивного поиска --- */

/* Контейнер для поиска */
.sb-dominant .sb-header--minimal-search .sb-search-icon {
    position: relative;
    display: flex;
    align-items: center;
}

.sb-dominant .sb-search-icon .wp-block-search__inside-wrapper {
    border: 1px solid transparent; /* Резервируем место под рамку */
    border-radius: 999px;
    transition: all 0.3s ease;
    padding: 2px;
}

/* Поле ввода */
.sb-dominant .sb-search-icon .wp-block-search__input {
    background: var(--sb-bg);
    border: none;
    color: var(--sb-base);
    /* Изначально скрыто */
    width: 0;
    padding: 6px 0;
    opacity: 0;
    transition: all 0.3s ease;
    margin-left: 0; /* Убираем отступ */
}
.sb-dominant .sb-search-icon .wp-block-search__input:focus {
    outline: none;
}

/* Кнопка-иконка */
.sb-dominant .sb-search-icon .wp-block-search__button {
    background: var(--sb-surface, var(--sb-bg)) !important;
    border: none !important;
    padding: 8px !important;
    border-radius: 999px;
    color: var(--sb-base);
    cursor: pointer;
    transition: background 0.2s ease;
    order: 2; /* Ставим кнопку справа */
}

.sb-dominant .sb-search-icon .wp-block-search__button:hover {
  background: var(--sb-surface) !important;
}

/* --- Состояние "АКТИВЕН" --- */
.sb-dominant .sb-search-icon.is-active .wp-block-search__inside-wrapper {
    background: var(--sb-surface);
    border-color: var(--sb-border);
}

.sb-dominant .sb-search-icon.is-active .wp-block-search__input {
    width: 200px;
    opacity: 1;
    padding: 6px 12px;
}