/* =========================================================================
 * BARTYN – Telefon-Laenderwahl: Tastaturbedienung (Ergaenzung zu bartyn-ffpc)
 * Nur Fokus-/Aktivzustaende, sticky Suche im offenen Dropdown und eine unsichtbare
 * Statusmeldung (v0.1.1).
 * Ruhezustand unveraendert: keine Regel aendert Groesse, Abstand oder Rahmen der Feldzeile.
 * outline / box-shadow beeinflussen die Geometrie nicht.
 *
 * Das Plugin-CSS setzt auf .depeur-ffpc-display:focus "outline:none !important".
 * Die Regeln hier sind spezifischer (Wrapper + Attribut) und daher wirksam,
 * gelten aber nur fuer Felder, die das Skript als "bereit" markiert hat.
 * ========================================================================= */

/* Sichtbarer Tastaturfokus auf der Laenderanzeige (innen, wegen overflow:hidden am Wrapper) */
.depeur-ffpc-wrapper .depeur-ffpc-display[data-bartyn-pk="bereit"]:focus-visible {
    outline: 2px solid #0b57d0 !important;
    outline-offset: -3px !important;
}

@supports not selector(:focus-visible) {
    .depeur-ffpc-wrapper .depeur-ffpc-display[data-bartyn-pk="bereit"]:focus {
        outline: 2px solid #0b57d0 !important;
        outline-offset: -3px !important;
    }
}

/* Suchfeld als sticky Kopfzeile im Scrollbereich des (nur offen sichtbaren) Dropdowns.
 * Bei scrollTop 0 ist das Layout identisch zum Original (sticky veraendert den Fluss nicht).
 * Beim Scrollen bleibt die Suche oben; das Skript haelt die aktive Option unterhalb davon.
 * Die beiden seitlichen Schatten (ohne Unschaerfe) decken die 10px-Randstreifen
 * (margin 0 10px des Originals) ab, damit darunter laufende Optionen nicht durchscheinen. */
.depeur-ffpc-dropdown .depeur-ffpc-search[data-bartyn-pk="bereit"] {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 1 !important;
    box-shadow: -10px 0 0 #fff, 10px 0 0 #fff !important;
}

/* Suchfeld im offenen Dropdown: Fokus als Unterstrich innen (keine Hoehenaenderung) */
.depeur-ffpc-dropdown .depeur-ffpc-search[data-bartyn-pk="bereit"]:focus {
    box-shadow: inset 0 -2px 0 #0b57d0, -10px 0 0 #fff, 10px 0 0 #fff !important;
}

/* Per Pfeiltaste aktive Option */
.depeur-ffpc-dropdown .depeur-ffpc-option.bartyn-pk-active {
    background-color: #e8f0fe;
    outline: 2px solid #0b57d0;
    outline-offset: -2px;
}

/* Statusmeldung (Trefferzahl / keine Treffer) nur fuer Screenreader */
.depeur-ffpc-dropdown .bartyn-pk-status {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
}

@media (forced-colors: active) {
    .depeur-ffpc-wrapper .depeur-ffpc-display[data-bartyn-pk="bereit"]:focus-visible,
    .depeur-ffpc-dropdown .depeur-ffpc-option.bartyn-pk-active {
        outline-color: Highlight !important;
    }
    .depeur-ffpc-dropdown .depeur-ffpc-search[data-bartyn-pk="bereit"]:focus {
        outline: 2px solid Highlight !important;
        outline-offset: -2px !important;
    }
}