/* Additional CSS fixes for PDF Optimizer file uploads */

/* Ensure file upload areas have proper positioning */
.file-upload-area {
    position: relative;
    z-index: 5;
}

/* Ensure all file upload labels are clickable and properly positioned */
.file-upload-label {
    position: relative !important;
    z-index: 2 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Ensure file inputs are properly positioned but invisible */
input[type="file"] {
    position: absolute !important;
    z-index: 3 !important;
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    left: 0 !important;
    opacity: 0 !important;
    cursor: pointer !important;
    border: none !important;
    outline: none !important;
}

/* Ensure tool content containers don't interfere with clicking */
.tool-content {
    position: relative;
}

.tool-content.active .file-upload-label {
    display: flex !important;
    pointer-events: auto !important;
}

/* Fix for compress tool specifically if needed */
#compress-tool .file-upload-label {
    background: var(--bg-card) !important;
    border: 2px dashed var(--border) !important;
    position: relative !important;
    z-index: 100 !important;
}

#compress-tool .file-upload-label:hover {
    border-color: var(--accent) !important;
    background: var(--bg-card-hover) !important;
}

/* Ensure no elements overlap the upload areas */
.file-upload-area {
    position: relative;
    z-index: 5;
}

/* Make sure icons and text inside labels don't block clicks */
.file-upload-label * {
    pointer-events: none;
}

.file-upload-label i,
.file-upload-label span,
.file-upload-label small {
    pointer-events: none !important;
}