/**
 * Psyche - STYLE WYSZUKIWARKI
 * Ladowane wylacznie na stronie wyszukiwania (wyszukiwanie.php)
 */

/* ===== FORMULARZ W HERO ===== */
.podtytul-hero-archiwum { font-size: var(--r-base); color: var(--c-szarofiolet); margin-bottom: var(--o-8); }

.formularz-glowny-szukaj {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: var(--o-3);
    max-width: 640px;
    margin-inline: auto;
}
.pole-przycisk-szukaj { display: flex; flex: 1 1 360px; gap: var(--o-2); }
.input-szukaj-glowny {
    flex: 1;
    padding: 13px var(--o-4);
    background: var(--c-tlo2);
    border: 1px solid var(--c-ramka);
    border-radius: 10px;
    color: var(--c-tekst);
    font-family: var(--f-tekstowa);
    font-size: var(--r-base);
    outline: none;
    transition: border-color var(--czas-baza);
}
.input-szukaj-glowny::placeholder { color: var(--c-tekst-2); }
.input-szukaj-glowny:focus { border-color: var(--c-fiolet); }

.select-filtr-szukaj {
    padding: 13px var(--o-4);
    background: var(--c-tlo2);
    border: 1px solid var(--c-ramka);
    border-radius: 10px;
    color: var(--c-tekst);
    font-family: var(--f-tekstowa);
    font-size: var(--r-sm);
    outline: none;
    cursor: pointer;
}

/* ===== WYNIKI ===== */
.wyniki-szukania { padding: var(--o-12) 0 var(--o-24); }
.naglowek-wynikow { margin-bottom: var(--o-8); }
.naglowek-wynikow h2 { font-family: var(--f-tytulowa); font-size: var(--r-2xl); font-weight: 700; color: var(--c-tekst); margin-bottom: var(--o-2); }
.licznik-wynikow { font-family: var(--f-mono); font-size: var(--r-sm); color: var(--c-tekst-2); }

.podpowiedzi-szukania { margin-top: var(--o-6); text-align: left; max-width: 360px; margin-inline: auto; }
.podpowiedzi-szukania h4 { font-size: var(--r-sm); color: var(--c-tekst); margin-bottom: var(--o-2); }
.podpowiedzi-szukania ul { list-style: none; display: flex; flex-direction: column; gap: var(--o-1); }
.podpowiedzi-szukania li { font-size: var(--r-sm); color: var(--c-tekst-2); padding-left: var(--o-4); position: relative; }
.podpowiedzi-szukania li::before { content: '•'; position: absolute; left: 0; color: var(--c-fiolet); }

/* Podswietlenie wyszukiwanej frazy */
.tresc-karty mark, .naglowek-wynikow mark {
    background: rgba(155, 109, 255, 0.28);
    color: var(--c-mgielka);
    padding: 0 2px;
    border-radius: 3px;
}

/* ===== POPULARNE TEMATY (stan poczatkowy) ===== */
.tematy-popularne { padding: var(--o-12) 0 var(--o-24); text-align: center; }
.siatka-tematow { display: flex; flex-wrap: wrap; gap: var(--o-3); justify-content: center; margin-top: var(--o-6); }
.tag-tematu {
    display: inline-flex; align-items: center; gap: 6px;
    padding: var(--o-2) var(--o-4);
    background: var(--c-tlo2);
    border: 1px solid var(--c-ramka);
    border-radius: 100px;
    font-size: var(--r-sm);
    color: var(--c-szarofiolet);
    transition: border-color var(--czas-baza), color var(--czas-baza);
}
.tag-tematu:hover { border-color: var(--c-fiolet); color: var(--c-mgielka); }

@media (max-width: 600px) {
    .pole-przycisk-szukaj { flex-basis: 100%; }
    .formularz-glowny-szukaj { flex-direction: column; align-items: stretch; }
}