.elementor-1656 .elementor-element.elementor-element-ca0ff9e{--display:flex;}.elementor-1656 .elementor-element.elementor-element-76d3a64{--display:flex;}.elementor-1656 .elementor-element.elementor-element-f46adf2{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-1656 .elementor-element.elementor-element-289b595{margin:2% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}.elementor-1656 .elementor-element.elementor-element-332dfbd{font-family:"Roboto", Sans-serif;font-size:1.15em;font-weight:400;}.elementor-1656 .elementor-element.elementor-element-332dfbd p{margin-block-end:0px;}.elementor-1656 .elementor-element.elementor-element-c25975b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1656 .elementor-element.elementor-element-965928c.elementor-element{--align-self:stretch;--flex-grow:1;--flex-shrink:0;}.elementor-1656 .elementor-element.elementor-element-b1bae66.elementor-element{--align-self:stretch;}.elementor-1656 .elementor-element.elementor-element-7690320{--display:flex;}.elementor-1656 .elementor-element.elementor-element-19663a4{--grid-columns:3;--grid-row-gap:20px;--e-loop-nothing-found-message-align:center;--grid-column-gap:20px;--e-loop-nothing-found-message-space-from-top:50px;--e-loop-nothing-found-message-space-from-bottom:50px;--e-loop-nothing-found-message-color:#F30000;}.elementor-1656 .elementor-element.elementor-element-19663a4 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-1656 .elementor-element.elementor-element-19663a4 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-1656 .elementor-element.elementor-element-19663a4 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-1656 .elementor-element.elementor-element-19663a4 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-1656 .elementor-element.elementor-element-19663a4 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-1656 .elementor-element.elementor-element-19663a4 .e-loop-nothing-found-message__text{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1656 .elementor-element.elementor-element-f358b74{--display:flex;}@media(min-width:768px){.elementor-1656 .elementor-element.elementor-element-ca0ff9e{--content-width:1210px;}}@media(max-width:1024px){.elementor-1656 .elementor-element.elementor-element-19663a4{--grid-columns:2;}.elementor-1656 .elementor-element.elementor-element-19663a4 .e-loop-nothing-found-message__text{font-size:var( --e-global-typography-secondary-font-size );}}@media(max-width:767px){.elementor-1656 .elementor-element.elementor-element-19663a4{--grid-columns:1;}.elementor-1656 .elementor-element.elementor-element-19663a4 .e-loop-nothing-found-message__text{font-size:var( --e-global-typography-secondary-font-size );}}/* Start custom CSS for container, class: .elementor-element-c25975b *//* --- ЗМІННІ ТА ОСНОВНІ ПАРАМЕТРИ --- */
:root {
    --sf-accent-color: #209d8d; /* Бірюзовий акцент */
    --sf-border-color: #e0e0e0; /* Світло-сіра рамка */
    --sf-radius: 25px; /* Загальне заокруглення */
    --sf-height: 50px; /* Загальна висота елементів */
}

/* --- 1. СТИЛІ ПОЛЯ ТЕКСТОВОГО ПОШУКУ (Search) --- */

/* Контейнер поля пошуку, рамка, заокруглення */
.search-filter-field--type-search .search-filter-input-text {
    min-height: var(--sf-height);
    border: 1px solid var(--sf-border-color);
    border-radius: var(--sf-radius);
    background-color: #fff;
    transition: all 0.2s ease-in-out;
    display: flex;
    align-items: center; /* Вертикальне вирівнювання */
    padding: 0 15px; /* Горизонтальні відступи */
}

/* Фокусний стан (зелена рамка) */
.search-filter-field--type-search .search-filter-input-text:focus-within {
    border-color: var(--sf-accent-color);
    box-shadow: 0 0 0 1px var(--sf-accent-color);
}

/* Стилізація Іконки Пошуку */
.search-filter-field--type-search .search-filter-input-text__icon {
    margin-right: 10px; 
    color: #6c757d; 
    font-size: 18px; 
    display: flex;
    align-items: center;
}

/* Стилізація Поля Вводу (<input>) */
.search-filter-field--type-search .search-filter-input-text__input {
    border: none !important;
    outline: none !important;
    background: transparent !important;
    flex-grow: 1;
    width: 100%;
    padding: 0; 
    font-size: 16px; 
    line-height: 1.5; 
    align-self: center; /* Вертикальне вирівнювання тексту */
}

/* --- 2. СТИЛІ ВИПАДАЮЧИХ СПИСКІВ (Combobox - Category/Donor) --- */

/* Базовий контейнер Combobox (рамка та заокруглення) */
.search-filter-field--type-choice .search-filter-component-combobox-base {
    min-height: 48px; 
    border: 1px solid var(--sf-border-color);
    border-radius: var(--sf-radius);
    background-color: #fff;
    transition: all 0.2s ease-in-out;
}

/* Активний/сфокусований стан Combobox */
.search-filter-field--type-choice .search-filter-component-combobox-base--focused {
    border-color: var(--sf-accent-color) !important;
    box-shadow: 0 0 0 1px var(--sf-accent-color);
}

/* Вирівнювання вмісту (текст/іконки) по вертикалі у центрі заголовка */
.search-filter-field--type-choice .search-filter-component-combobox__header {
    display: flex;
    align-items: center;
    padding: 0 10px; 
    min-height: 48px; 
}

/* Контейнер дій (Actions) - допомагає вирівнювати текст */
.search-filter-component-combobox__actions {
    display: flex;
    flex-grow: 1;
    align-items: center;
}

/* --- 2.1 ЗАБОРОНА РУЧНОГО ВВОДУ (Select-Only) --- */

.search-filter-field--type-choice .search-filter-component-combobox__actions-input {

    pointer-events: none !important; 

    
    /* Додаткові властивості, які ви забули: */
    border: none !important;
    outline: none !important;
    background: transparent !important;
}

/* --- 3. СТИЛІ КНОПКИ "ПОШУК" (Submit Button) --- */

.search-filter-field--control-type-submit .search-filter-input-button {
    /* Геометрія */
    min-height: 48px; 
    padding: 12px 25px; 
    border-radius: var(--sf-radius); 
    
    /* Колір */
    background-color: var(--sf-accent-color); 
    color: #ffffff; 
    border: 1px solid var(--sf-accent-color); 
    
    /* Шрифт та курсор */
    font-size: 16px;
    font-weight: 600; 
    cursor: pointer;
    
    /* Ефект переходу */
    transition: all 0.3s ease-in-out;
}

/* Стилі при наведенні курсору (Hover) */
.search-filter-field--control-type-submit .search-filter-input-button:hover {
    background-color: #1a7e71; 
    border-color: #1a7e71;
    box-shadow: 0 4px 10px rgba(32, 157, 141, 0.4); /* Додана тінь для ефекту */
}

/* Стилі при активному натисканні (Active State) */
.search-filter-field--control-type-submit .search-filter-input-button:active {
    background-color: #16645a; 
    transform: translateY(1px); 
}
.search-filter-component-combobox-listbox-base {
    /* Фон та рамка */
    background-color: #ffffff;
    border: 1px solid var(--sf-border-color); /* Світло-сіра рамка */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* М'яка тінь для об'єму */
    
    /* Заокруглення (тільки знизу, якщо список примикає до поля вводу) */
    border-radius: 0 0 10px 10px; 
    
    /* Додаткові відступи */
    padding: 5px 0;
    
    /* Перевірте, чи не потрібно змінити позиціонування, якщо вигляд не коректний */
    z-index: 999; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7690320 *//* Стилі для прихованого повідомлення */
#no-results-message {

    padding: 30px;
    margin-top: 20px;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 8px;
    background-color: #f7f7f7;
    font-size: 1.2em;
    color: #333;
}/* End custom CSS */