/*
 * Autor: Ireneusz.Sobota@gmail.com
 *
 * Style aplikacji PackCheck (uzupełnienie Bootstrap 5).
 */

:root {
    --pc-accent: #0d6efd;
}

/* Przycisk „Wróć” — obrys i tekst pomarańczowe, bez wypełnienia (wypełnienie tylko po najechaniu) */
.btn-back {
    --bs-btn-color: #fd7e14;
    --bs-btn-bg: transparent;
    --bs-btn-border-color: #fd7e14;
    --bs-btn-hover-color: #1f1300;
    --bs-btn-hover-bg: #fd7e14;
    --bs-btn-hover-border-color: #fd7e14;
    --bs-btn-active-color: #1f1300;
    --bs-btn-active-bg: #e8690b;
    --bs-btn-active-border-color: #e8690b;
    --bs-btn-focus-shadow-rgb: 253, 126, 20;
}

.navbar-brand img {
    border-radius: 6px;
}

/* Wyniki wyszukiwania: przyklejony nagłówek, cały wiersz klikalny */
.scan-table thead th {
    position: sticky;
    top: 0;
    z-index: 1;
    background: var(--bs-body-bg);
    font-size: .8rem;
    text-transform: uppercase;
    letter-spacing: .02em;
    color: var(--bs-secondary-color);
    white-space: nowrap;
}

.scan-table tbody tr[data-href] {
    cursor: pointer;
}

.scan-table td {
    font-size: .9rem;
}

/* Ekran nagrania */
.clip-placeholder {
    min-height: 360px;
    background: var(--bs-tertiary-bg);
    border-radius: var(--bs-border-radius);
}

#clip-ready .plyr {
    border-radius: var(--bs-border-radius);
}

.scan-details dd {
    word-break: break-word;
}

/* Podgląd nakładki w ustawieniach wideo */
/* Przyklejony podgląd (od lg) — z-index niższy niż pasek nawigacji (1020) i jego menu,
   inaczej kafel przykrywa rozwinięte menu języka/użytkownika. */
@media (min-width: 992px) {
    .settings-preview-card {
        position: sticky;
        top: 80px;
        z-index: 1;
    }
}

.video-preview {
    position: relative;
    aspect-ratio: 16 / 9;
    border-radius: var(--bs-border-radius);
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .06) 25%, transparent 25%) 0 0 / 24px 24px,
        linear-gradient(160deg, #2b3440, #11161c);
    overflow: hidden;
}

.video-preview-text {
    position: absolute;
    left: 1%;
    top: 10%;
    padding: 2px 4px;
    background: rgba(0, 0, 0, .45);
    white-space: pre;
    line-height: 1.25;
    cursor: grab;
    user-select: none;
    touch-action: none;
    outline: 1px dashed rgba(255, 255, 255, .35);
    outline-offset: 2px;
}

.video-preview-text:hover,
.video-preview-text:focus-visible {
    outline: 2px dashed var(--bs-primary);
}

.video-preview-text.dragging {
    cursor: grabbing;
    outline: 2px solid var(--bs-primary);
}

.video-preview-text:empty {
    display: none;
}

.font-dejavu-sans-mono { font-family: "DejaVu Sans Mono", monospace; }
.font-dejavu-serif { font-family: "DejaVu Serif", serif; }
.font-dejavu-serif-italic { font-family: "DejaVu Serif", serif; font-style: italic; }
.font-essays { font-family: "Essays1743", serif; }
.font-essays-bold { font-family: "Essays1743", serif; font-weight: bold; }