/* A szűrő AJAX-os frissítésének visszajelzései.
   Külön fájl, hogy a témák (themes/<téma>/theme.css) érintetlenek maradjanak. */

#product-list-wrap {
    position: relative;
    min-height: 40px;
}

/* Töltés alatt a lista halványul, és nem kattintható — így látszik, hogy
   történik valami, de a korábbi találatok még olvashatók maradnak. */
#product-list-wrap.szuro-toltes {
    opacity: .45;
    pointer-events: none;
}

#product-list-wrap.szuro-toltes:after {
    content: "Szűrés folyamatban…";
    position: absolute;
    top: 8px;
    left: 50%;
    margin-left: -85px;
    width: 170px;
    padding: 6px 0;
    text-align: center;
    font-size: 12px;
    background: #fff;
    border: 1px solid #9cbee6;
    color: #24506b;
}

#szuro-visszajelzes {
    margin: 0 0 10px 0;
    padding: 6px 10px;
    font-size: 12px;
    color: #24506b;
    background: #eef4fb;
    border-left: 3px solid #9cbee6;
}

#szuro-visszajelzes.szuro-nincs-talalat {
    color: #7a3b12;
    background: #fdf3e7;
    border-left-color: #e0a76b;
}

/* Tulajdonságonkénti találatszám a szűrőben. */
.param-db {
    margin-left: 4px;
    font-size: 11px;
    color: #4a6f8a;
    white-space: nowrap;
}

/* Az az érték, aminek a bejelölése üres listát adna. Jelezzük, de nem
   tiltjuk le: a már bejelölt szűrő mindig visszavonható maradjon. */
.param-ures {
    opacity: .5;
}

.param-ures .param-db {
    color: #a06b3a;
}