/* DROPPY – Suche
   Wird nur auf diesen Seiten zusätzlich zu main.css geladen. */

/*  MOBILE (max-width: 767px)  */

@media screen and (max-width: 767px) {
    .search-mobile-fix {
        flex-direction: column !important;
        padding: 0 10px;
    }
    .search-mobile-fix .form-group {
        width: 100% !important;
    }
    .search-mobile-fix .btn {
        width: 100% !important;
        margin-top: 5px;
    }
    .log-output {
        font-size: 11px !important;
        padding: 10px !important;
        overflow-x: auto;
    }
    /* Jede Suchanfrage bleibt in einer Zeile (Datum | Zeit | Begriff | Treffer); lange Begriffe scrollen seitlich */
    .log-output li { white-space: nowrap; }
}

/*  4.12 Nachtrag v4.3: Anleitung, Captcha, Suche, Spenden  */

.search-box { margin-top: var(--space-3); padding: var(--space-4); border: 1px solid var(--c-line); border-radius: var(--radius); background: var(--c-bg); }

.search-form { display: flex; gap: var(--space-1); width: 100%; max-width: none; margin: 0; padding: 0; border: 0; box-shadow: none; }

.search-form .form-group { flex: 1; margin: 0; }

.search-form .form-control { width: 100%; height: 45px; padding: 0 15px; font-size: var(--fs-base); }

.search-form .btn { height: 45px; padding: 0 25px; white-space: nowrap; }

.search-tips { margin-top: var(--space-4); padding: var(--space-3); border-radius: var(--radius-sm); background: var(--c-white); border: 1px solid var(--c-line); }

.search-tips h3 { margin-top: 0; }

.search-tips ul { font-size: var(--fs-sm); }

.search-box hr { margin: var(--space-4) 0; border-top: 1px solid var(--c-line); }

.log-output { max-height: 350px; overflow-y: auto; padding: var(--space-2); border: 1px solid var(--c-line); border-radius: var(--radius-sm); background: var(--c-white); font-family: "Courier New", monospace; font-size: var(--fs-sm); }

/*  Suche: Trefferliste, Blaettern, Meldungen, Historie  */

.search-results { margin: var(--space-3) 0 0; padding: 0; list-style: none; }

.search-result { margin-bottom: var(--space-3); padding-bottom: var(--space-3); border-bottom: 1px solid var(--c-line); }

.search-result:last-child { border-bottom: 0; }

.search-result-title { color: var(--c-coral); font-size: var(--fs-lg); font-weight: 600; text-decoration: none; }

.search-result-title:hover { color: var(--c-coral-dark); text-decoration: underline; }

.search-result-url, .search-result-meta { display: block; color: var(--c-muted); font-size: var(--fs-xs); }

.search-result-snippet { display: block; margin-top: var(--space-1); color: var(--c-text); line-height: 1.6; }

.search-result-snippet strong { color: var(--c-dark); background: rgb(var(--rgb-teal) / .18); padding: 0 2px; border-radius: 3px; }

.search-message { margin: var(--space-3) 0 var(--space-1); text-align: center; font-weight: 600; }

.search-message--info { color: var(--c-teal); }

.search-message--error { color: var(--c-coral); }

.search-example { color: var(--c-coral); }

.search-footer { color: var(--c-muted); font-size: var(--fs-xs); }

.search-history-list { margin: 0; padding: 0; list-style: none; font-size: var(--fs-sm); }

.search-history-list li { padding: 4px 0; border-bottom: 1px dotted var(--c-line); color: var(--c-text); }

.search-history-link { color: var(--c-dark); font-weight: 600; text-decoration: none; }

.search-history-link:hover { color: var(--c-coral); }