/* Plik: /public/assets/css/public-styles.css */

.tgp-voting-wrapper .tgp-form-group {
    position: relative; /* Potrzebne do pozycjonowania wyników */
    margin-bottom: 2em; /* Zwiększona przerwa między blokami */
}
.tgp-voting-wrapper .tgp-game-search {
    width: 100%; /* Pasek wyszukiwania na całą szerokość */
    padding: 8px;
}
.tgp-voting-wrapper .tgp-submit-group {
    margin-top: 2em; /* Zwiększona przerwa nad przyciskiem */
}

.tgp-search-results {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border-top: none;
    z-index: 1000;
    max-height: 300px;
    overflow-y: auto;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

.tgp-results-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.tgp-results-list li {
    display: flex; /* Użycie flexbox do ułożenia miniaturki i tekstu */
    align-items: center;
    padding: 8px 12px;
    cursor: pointer;
    border-bottom: 1px solid #eee;
}

.tgp-results-list li:last-child {
    border-bottom: none;
}

.tgp-results-list li:hover {
    background-color: #f5f5f5;
}

.tgp-results-list li img {
    width: 40px;
    height: 40px;
    object-fit: cover;
    margin-right: 12px;
    border: 1px solid #ddd;
}

/* Prosta animacja ładowania */
.tgp-game-search.loading {
    background-image: url('data:image/gif;base64,R0lGODlhEAAQAPIAAP///wAAAMLCwkJCQgAAAGJiYoKCgpKSkiH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAEAAQAAADMwi63P4wyklrE2MIOggZnAdOmGYJRbExwroUmcG2LmDEwnHQLVsYOd2mBzkYDAdKa+dIAAAh+QQJCgAAACwAAAAAEAAQAAADNAi63P5OjCEgG4QMu7DmikRxQlFUYDEZIGBMRVsaqHwctXXf7WEYB4Ag1xjihkMZsiUkKhIAIfkECQoAAAAsAAAAABAAEAAAAzYIujIjK8pByJDMlFYvBoVjHA70GU7xSUJhmKtwHPAKzLO9HMaoKwJZ7Rf8AYPDDzKpZBqfvwQAIfkECQoAAAAsAAAAABAAEAAAAzMIumIlK8oyhpHsnFZfhYumCYUhDAQxRIdhHBGqRoKw0R8DYlJd8z0fMDgsGo/IpHI5TAAAIfkECQoAAAAsAAAAABAAEAAAAzIIunInK0rnZBTwGPNMgQwmdsNgXGJUlIWEuR5oWUIpz8pAEAMe6TwfwyYsGo/IpFKSAAAh+QQJCgAAACwAAAAAEAAQAAADMwi6IMKQORfjdOe82p4wGccc4CEuQradylesojEMBgsUc2G7sDX3lQGBMLAJibufbSlKAAAh+QQJCgAAACwAAAAAEAAQAAADMgi63P7wCRHZnFVdmgHu2nFwlWCI3WGc3TSWhUFGxTAUkGCbtgENBMJAEJsxgMLWzpEAACH5BAkKAAAALAAAAAAQABAAAAMyCLrc/jDKSatlQtScKdceCAjDII7HcQ4EMTCpyrCuUBjCYRgHVtqlAiB1yKLgcByCSFUQQAIfkECQoAAAAsAAAAABAAEAAAAzIIunLjwAID_gPwiSnrGobjT82iHNEwDDI7sXXYgUnGFbFMAjBvAUoNAoZJRKBoEAADs=');
    background-repeat: no-repeat;
    background-position: right 10px center;
}