/* Upload Dialog Styles - FORCE OVERRIDE */

/* Upload dialog content - MAXIMÁLNÍ VIDITELNOST */
div.fg-upload-dialog div.fg-upload-dialog-content,
.fg-upload-dialog .fg-upload-dialog-content,
.fg-upload-dialog-content {
    background: rgba(15, 15, 15, 0.99) !important;
    backdrop-filter: blur(5px) !important;
    -webkit-backdrop-filter: blur(5px) !important;
    border: 3px solid rgba(102, 126, 234, 0.7) !important;
    border-radius: 12px !important;
    box-shadow: 
        0 25px 80px rgba(0, 0, 0, 0.8),
        0 0 0 2px rgba(102, 126, 234, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* Vylepšení vnitřního obsahu */
.fg-upload-dialog-inner {
    background: transparent;
    border-radius: 16px;
    position: relative;
    z-index: 1;
}

/* Header - FORCE VIDITELNOST */
div.fg-upload-header,
.fg-upload-dialog .fg-upload-header,
.fg-upload-header {
    background: rgba(102, 126, 234, 0.4) !important;
    border-bottom: 3px solid rgba(102, 126, 234, 0.8) !important;
    margin: -20px -20px 20px -20px !important;
    padding: 25px 20px !important;
    border-radius: 12px 12px 0 0 !important;
}

h2.fg-upload-title,
.fg-upload-dialog .fg-upload-title,
.fg-upload-title {
    color: white !important;
    font-weight: 700 !important;
    font-size: 20px !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5) !important;
    margin: 0 !important;
}

/* Vylepšení tlačítka pro zavření */
.button-upload-close {
    background: rgba(239, 68, 68, 0.2) !important;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(239, 68, 68, 0.3) !important;
    border-radius: 8px !important;
    width: 32px !important;
    height: 32px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 14px !important;
}

.button-upload-close:hover {
    background: rgba(239, 68, 68, 0.4) !important;
    transform: scale(1.05);
    color: white !important;
}

/* Content bar - výrazný */
.fg-upload-content-bar {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 10px;
    padding: 16px;
    margin-bottom: 20px;
}

.fg-upload-content-title {
    color: rgba(255, 255, 255, 0.95) !important;
    font-weight: 600 !important;
    font-size: 16px !important;
}

/* Vylepšení tlačítek - výraznější */
.fg-upload-content-add-more,
.upload-button {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.9), rgba(118, 75, 162, 0.9)) !important;
    border: 1px solid rgba(102, 126, 234, 0.6) !important;
    border-radius: 8px !important;
    color: white !important;
    font-weight: 600 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    transition: all 0.2s ease;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
}

.fg-upload-content-add-more:hover,
.upload-button:hover {
    background: linear-gradient(135deg, rgba(102, 126, 234, 1), rgba(118, 75, 162, 1)) !important;
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(102, 126, 234, 0.5);
}

.fg-upload-content-add-more-caption {
    color: white !important;
    font-weight: 600 !important;
}

/* Files container - čitelnější */
.fg-upload-files-container {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 10px;
    margin: 16px 0;
}

/* Labels a texty - FORCE ČITELNOST */
label.fg-upload-label,
.fg-upload-dialog label,
.fg-upload-label,
span.fg-upload-content-title,
.fg-upload-content-title {
    color: white !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.6) !important;
    display: block !important;
}

/* Accordion - čitelnější */
.fg-upload-settings-accordion {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 10px;
    overflow: hidden;
}

.fg-upload-settings-toggle {
    background: rgba(255, 255, 255, 0.08) !important;
    border: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
    transition: all 0.2s ease;
    color: rgba(255, 255, 255, 0.9) !important;
}

.fg-upload-settings-toggle:hover {
    background: rgba(255, 255, 255, 0.12) !important;
}

.fg-upload-settings-toggle-content span {
    color: rgba(255, 255, 255, 0.95) !important;
    font-weight: 600 !important;
}

.fg-upload-settings-toggle-content small {
    color: rgba(255, 255, 255, 0.7) !important;
}

/* Input fieldy - čitelnější */
.fg-upload-input {
    background: rgba(255, 255, 255, 0.12) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 6px !important;
    color: rgba(255, 255, 255, 0.95) !important;
    font-weight: 500 !important;
    transition: all 0.2s ease;
}

.fg-upload-input:focus {
    background: rgba(255, 255, 255, 0.16) !important;
    border-color: rgba(102, 126, 234, 0.7) !important;
    box-shadow: 0 0 0 2px rgba(102, 126, 234, 0.2);
    outline: none;
}

.fg-upload-input::placeholder {
    color: rgba(255, 255, 255, 0.6) !important;
}

/* Informace a poznámky */
.fg-upload-settings-note {
    color: rgba(255, 255, 255, 0.8) !important;
}

.fg-upload-settings-note i {
    color: rgba(102, 126, 234, 0.8) !important;
}

/* Progress indikátory */
.fg-upload-informer {
    color: rgba(255, 255, 255, 0.9) !important;
    font-weight: 500 !important;
}

/* Pro světlý režim - pokud by bylo potřeba */
@media (prefers-color-scheme: light) {
    .fg-upload-dialog-content {
        background: rgba(240, 240, 240, 0.95) !important;
        border-color: rgba(0, 0, 0, 0.1);
    }
    
    .fg-upload-dialog-content::before {
        background: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.1), transparent);
    }
    
    .fg-upload-header {
        background: linear-gradient(135deg, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.02));
        border-bottom-color: rgba(0, 0, 0, 0.1);
    }
    
    .button-upload-close {
        background: rgba(0, 0, 0, 0.05) !important;
        border-color: rgba(0, 0, 0, 0.1) !important;
        color: rgba(0, 0, 0, 0.7);
    }
    
    .button-upload-close:hover {
        background: rgba(0, 0, 0, 0.1) !important;
        color: rgba(0, 0, 0, 1);
    }
}