.show-modal.modal{background-color:rgba(0,0,0,.5);display:block}.js-dropzone{display:flex;flex-wrap:wrap;gap:5%}.dz-preview{display:flex;gap:1em;margin-bottom:1em}.row>.dz-preview{width:30%}.dz-error-mark{display:none}.dz-error .dz-error-mark{display:block}.dz-success-mark{display:none}.dz-success .dz-success-mark{display:block}

/* Validation error styling */
.validation-error,
.invalid-feedback {
    color: #dc3545 !important;
    font-weight: 700 !important;
    font-size: 0.875rem !important;
    margin-top: 0.25rem !important;
    padding: 0.25rem 0 !important;
    line-height: 1.4 !important;
    position: relative !important;
    z-index: 10 !important;
    clear: both !important;
}

/* Show invalid-feedback only when explicitly shown with d-block class */
.invalid-feedback {
    display: none !important;
}

.invalid-feedback.d-block {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.validation-error {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Responsive logo sizing */
.navbar-brand-logo {
    max-width: 100% !important;
    height: auto !important;
}

/* Logo menší pro obrazovky pod 1200px (kdy se mění layout) */
@media (max-width: 1199px) {
    .navbar-brand-logo {
        max-width: 120px !important;
        max-height: 40px !important;
        width: auto !important;
        object-fit: contain !important;
    }
    
    /* Fix pro zarovnání loga */
    .navbar-brand {
        display: flex !important;
        align-items: center !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}

.signature-pad {
    background-color: white;
    border: 3px solid #ff6b35;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(255, 107, 53, 0.2);
}