/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/
Description: A Hello Elementor gyermektémája.
Author: Felhasználó
Author URI: https://example.com/
Template: hello-elementor
Version: 1.0.0
*/

/* Ide írhatod az egyedi CSS kódjaidat, amelyek felülírják a szülőtéma stílusait */


/* --- KERESŐ STÍLUSOK --- */

.search-form-wrapper {
    position: relative;
}

/* A legördülő lista doboza */
#searchResults {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #ffffff;
    border: 1px solid #ddd;
    z-index: 9999;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    display: none; 
    max-height: 400px;
    overflow-y: auto;
    border-radius: 0 0 8px 8px;
}

/* A találati elemek */
.search-result-item {
    display: flex;
    align-items: center;
    padding: 10px;
    text-decoration: none;
    color: #333;
    border-bottom: 1px solid #eee;
    cursor: pointer;
    transition: filter 0.2s;
}

/* Hover hatás - a JS által beállított színekhez igazítva */
.search-result-item:hover {
    filter: brightness(90%);
}

.search-result-item img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    margin-right: 15px;
    border-radius: 4px;
}

.no-result {
    padding: 15px;
    text-align: center;
    color: #999;
}

/* Reszponzivitás */
@media (max-width: 600px) {
    .search-result-item { padding: 8px; }
    .search-result-item img { width: 40px; height: 40px; }
}