/* =====================================================================
   Fókusz Computer – fejléc kereső lenyíló listája (Scripts/search_ajax.js)
   Minden szabály .fck- előtagú, a meglévő sablon stílusaival nem ütközik.
   Csak px egységek (a sablon a html font-size-t átállítja).
   ===================================================================== */
.fck-panel {
    position: fixed;
    z-index: 100000;
    background: #fff;
    border: 1px solid #e3e6eb;
    border-radius: 12px;
    box-shadow: 0 12px 32px rgba(15, 23, 42, .16), 0 2px 6px rgba(15, 23, 42, .06);
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 14px;
    line-height: 1.35;
    color: #1f2937;
    text-align: left;
    animation: fckBe .14s ease-out;
}
.fck-panel[hidden] { display: none; }
.fck-panel.fck-frissul .fck-lista { opacity: .55; transition: opacity .1s; }
@keyframes fckBe { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }

.fck-fej {
    display: flex; justify-content: space-between; align-items: center;
    padding: 10px 14px 6px;
    font-size: 11px; font-weight: 700; letter-spacing: .6px; text-transform: uppercase; color: #6b7280;
}
.fck-db { font-weight: 600; letter-spacing: 0; text-transform: none; color: #9ca3af; }

.fck-lista { list-style: none; margin: 0; padding: 0 6px 6px; }
.fck-elem { margin: 0; padding: 0; list-style: none; }
.fck-link {
    display: flex; align-items: center; gap: 12px;
    padding: 8px 8px; border-radius: 8px;
    color: inherit !important; text-decoration: none !important;
}
.fck-elem.fck-aktiv .fck-link, .fck-link:hover { background: #f1f5fb; }
.fck-elem.fck-aktiv .fck-link { box-shadow: inset 3px 0 0 #2460a7; }

.fck-kep {
    flex: none; width: 56px; height: 56px; border-radius: 8px;
    background: #fff; border: 1px solid #eef0f3;
    display: flex; align-items: center; justify-content: center; overflow: hidden;
}
.fck-kep img { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; display: block; }

.fck-szoveg { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.fck-nev {
    font-size: 14px; font-weight: 600; color: #1f2937;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.fck-nev mark { background: #fff1d6; color: inherit; padding: 0 1px; border-radius: 3px; }
.fck-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; font-size: 12px; color: #6b7280; }
.fck-cikk { font-variant-numeric: tabular-nums; }
.fck-gyarto { font-weight: 600; color: #4b5563; }
.fck-keszlet { color: #15803d; font-weight: 600; }
.fck-keszlet::before { content: ""; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: currentColor; margin: 0 5px 1px 0; vertical-align: middle; }
.fck-keszlet.fck-nincs { color: #9ca3af; }

.fck-ar { flex: none; display: flex; flex-direction: column; align-items: flex-end; gap: 2px; white-space: nowrap; margin-left: 4px; }
.fck-most { font-size: 15px; font-weight: 700; color: #1f2937; font-variant-numeric: tabular-nums; }
.fck-akcios .fck-most { color: #c2410c; }
.fck-regi { font-size: 12px; color: #9ca3af; }

.fck-osszes {
    position: sticky; bottom: 0;
    display: flex; align-items: center; justify-content: center; gap: 8px;
    padding: 12px 14px;
    border-top: 1px solid #eef0f3; background: #fafbfc;
    font-weight: 700; color: #2460a7 !important; text-decoration: none !important;
}
.fck-osszes:hover { background: #f1f5fb; }
.fck-nyil { transition: transform .15s; }
.fck-osszes:hover .fck-nyil { transform: translateX(3px); }

.fck-uzenet { padding: 16px 16px; color: #4b5563; }
.fck-uzenet strong { color: #1f2937; }
.fck-tipp { margin-top: 6px; font-size: 12px; color: #9ca3af; }
.fck-tolt { display: flex; align-items: center; gap: 10px; color: #6b7280; }
.fck-spinner {
    width: 16px; height: 16px; border-radius: 50%;
    border: 2px solid #dbe3ef; border-top-color: #2460a7;
    animation: fckForog .7s linear infinite;
}
@keyframes fckForog { to { transform: rotate(360deg); } }

/* a keresőmező: a böngésző saját "x" törlőgombja maradhat, a jQuery UI régi listája ne jelenjen meg */
.ui-autocomplete { display: none !important; }

@media (max-width: 575px) {
    .fck-panel { border-radius: 10px; }
    .fck-link { padding: 10px 6px; gap: 10px; }
    .fck-kep { width: 52px; height: 52px; }
    .fck-ar { margin-left: 0; }
    .fck-most { font-size: 14px; }
    /* iOS: 16px alatti betűméretnél a mezőre koppintva ránagyít */
    #txtSearch { font-size: 16px !important; }
}