/* administrace obrazku potahovaci pole */

.btn-xs { padding: .1rem .3rem; font-size: .75rem; }
/* Přidáme jasný kurzor a styl pro taženou kartu */
.sortable-item { cursor: grab; touch-action: none; }
.sortable-item:active { cursor: grabbing; }
.sortable-ghost { opacity: 0.4; background: #e9ecef !important; }
.image-card.to-delete { opacity: 0.3; filter: grayscale(1); }
/* Povolíme klikání na tlačítka i v "smazané" kartě */
.image-card.to-delete .delete-btn { pointer-events: auto; }
/* Ale zakážeme ostatní interakce jako výběr souboru */
.image-card.to-delete label { pointer-events: none; }

input[name$="-DELETE"] { display: none; }

    /* Vynucení moderního čitelného fontu pro všechny modaly */
.modal-content {
    font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
}

.modal-content h1,
.modal-content h2,
.modal-content h3,
.modal-content h4,
.modal-content h5,
.modal-content h6,
.modal-content .modal-title {
    font-family: 'Inter', sans-serif !important;
    font-weight: 600;
    letter-spacing: -0.01em;
}

.text-readable-shadow {
    text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.6) !important;
}

/* animace k prepinani pokoju */

@keyframes enterRoom {
    0% { transform: scale(1.15); opacity: 0; filter: blur(12px); }
    100% { transform: scale(1); opacity: 1; filter: blur(0); }
}

.animate-enter-room {
    animation: enterRoom 1.2s cubic-bezier(0.16, 1, 0.3, 1);
}

.scrollbar-hide::-webkit-scrollbar { display: none; }
.scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }