/*
 * ds-feedback — plutajuće dugme i modal za korisnički feedback.
 * Namerno ZASEBAN fajl (ne dirati dynasoft-theme.css — paralelni adaptive-display rad).
 * Granice su u em zbog ds-ui-scale (px media query laže pri skaliranju): 48em = 768px.
 */

.ds-feedback-fab {
    position: fixed;
    right: 1rem;
    bottom: 1rem;
    z-index: 1040; /* ispod Bootstrap modala (1055) */
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    border: none;
    border-radius: 2rem;
    padding: 0.45rem 0.9rem;
    background: #0d6efd;
    color: #fff;
    font-size: 0.9rem;
    line-height: 1.2;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
    cursor: pointer;
}

.ds-feedback-fab:hover,
.ds-feedback-fab:focus-visible {
    background: #0b5ed7;
    color: #fff;
}

/* Nivo 1 (telefon, ceo pojas < 48em): samo ikonica, ne zaklanja sadržaj i akcije pune širine. */
@media (max-width: 47.999em) {
    .ds-feedback-fab {
        padding: 0.55rem 0.7rem;
        border-radius: 50%;
    }

    .ds-feedback-fab-text {
        display: none;
    }
}

/* Dvokolonska mreža polja u modalu; na telefonu jedna kolona. */
.ds-feedback-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 0.75rem;
}

@media (max-width: 47.999em) {
    .ds-feedback-grid {
        grid-template-columns: 1fr;
    }

    .ds-feedback-capture .btn,
    #ds-feedback-modal .modal-footer .btn {
        width: 100%;
    }

    #ds-feedback-modal .modal-footer {
        flex-direction: column-reverse;
    }
}

/* Triger u zaglavlju (DisplayMode=1): drži ikonicu i tekst u jednom redu. */
.ds-feedback-header-link {
    white-space: nowrap;
}

/* Honeypot: vizuelno nepostojeći, ali prisutan u DOM-u za botove. */
.ds-feedback-hp {
    position: absolute;
    left: -9999px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/* Privremeno sakrivanje modala i backdrop-a dok se uzima svež kadar izabrane browser kartice. */
.ds-feedback-capture-hidden {
    visibility: hidden !important;
}

.ds-feedback-preview {
    padding: 0.5rem;
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-radius: 0.375rem;
    background: var(--bs-tertiary-bg, #f8f9fa);
}

.ds-feedback-preview img {
    display: block;
    width: 100%;
    max-height: 18rem;
    object-fit: contain;
}