/*
 * Phishingacik – drag&drop zóna na nahratie screenshotu e-mailu.
 * ODS2 nemá komponent pre drag&drop plochu, preto vlastný modul (JS: phishingacik-dropzone.js).
 * Základ (obrys, zaoblenie, odsadenie, tlačidlo, správa o chybe) dávajú ODS2 triedy
 * (card border-accent, btn btn--fill, message--error); tu sú len stavy zóny.
 *
 * Markup:
 * <div class="card border-accent phishing-dropzone" data-phishing-dropzone="true">
 *   … <input type="file" class="visually-hidden phishing-dropzone__input"> <label class="btn btn--fill">…</label> …
 * </div>
 */

/* súbor sa práve ťahá nad zónou – rovnaký prvok ako ODS2 file-input (prerušovaný obrys v akcentovej farbe) */
.phishing-dropzone.is-dragover {
    background-color: var(--color-background-accent);
    outline: 2px dashed var(--color-border-accent);
    outline-offset: 2px;
}

/* klávesnicový focus na skrytom inpute sa zobrazí na tlačidle (label) */
.phishing-dropzone__input:focus-visible + .btn {
    outline: 2px solid var(--color-border-contrast);
    outline-offset: 2px;
}