/* ===== input[type=file] : .form-control ile aynı görünüm ===== */
input[type=file] {
    display: block;
    width: 100%;
    padding: 6px;
    font-size: 14px;
    cursor: pointer;
    outline: 0;
    border: solid 1px rgba(0,0,0,0.05);
    background: rgba(0,0,0,.025);
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

    input[type=file]:focus {
        box-shadow: none !important;
        border-color: var(--primary-color);
    }

    input[type=file]:disabled {
        cursor: not-allowed;
        opacity: .5;
    }

    /* "Dosya Seç" butonu (modern tarayıcılar) */
    input[type=file]::file-selector-button {
        margin: 0 12px 0 0;
        padding: 8px 16px;
        border: none;
        border-radius: 6px;
        background-color: var(--primary-color);
        color: #ffffff;
        font-size: 12px;
        line-height: 1;
        cursor: pointer;
        opacity: .8;
        transition: opacity .2s ease;
    }

        input[type=file]::file-selector-button:hover {
            opacity: 1;
        }

    /* Eski Safari/Chrome için ayrı kural (birleştirilirse iki kural da bozulur) */
    input[type=file]::-webkit-file-upload-button {
        margin: 0 12px 0 0;
        padding: 8px 16px;
        border: none;
        border-radius: 6px;
        background-color: var(--primary-color);
        color: #ffffff;
        font-size: 12px;
        cursor: pointer;
        opacity: .8;
        -webkit-appearance: none;
    }

        input[type=file]::-webkit-file-upload-button:hover {
            opacity: 1;
        }

/* ===== Koyu tema ===== */
.form-dark input[type=file],
.text-light input[type=file] {
    color: #ffffff;
    border: solid 1px rgba(255,255,255,0.2);
    background: rgba(255,255,255,.025);
}

/* ===== Underline varyantı (.form-underline ile) ===== */
input[type=file].form-underline,
.form-underline input[type=file] {
    padding: 10px 0;
    margin-bottom: 20px;
    border: none;
    border-bottom: solid 1px var(--heading-font-color);
    background: none;
    border-radius: 0;
    box-shadow: none;
    color: #333;
}

.text-light input[type=file].form-underline,
.text-light .form-underline input[type=file],
.dark-scheme input[type=file].form-underline {
    color: #ffffff;
    border-bottom-color: rgba(255, 255, 255, .3);
}

/* ===== Özel label varyantı (radio-opt mantığıyla) =====
   HTML:
   <div class="file-opt">
     <input type="file" id="cv" name="cv">
     <label for="cv">Dosya Seç</label>
     <span class="file-name">Dosya seçilmedi</span>
   </div>
*/
.file-opt {
    display: flex;
    align-items: center;
    gap: 10px;
}

    .file-opt input[type="file"] {
        display: none;
    }

    .file-opt label {
        min-width: 100px;
        padding: 10px 16px;
        margin: 0;
        font-size: 12px;
        text-align: center;
        cursor: pointer;
        background-color: var(--primary-color);
        color: #ffffff;
        border-radius: 6px;
        opacity: .8;
        transition: opacity .2s ease;
    }

        .file-opt label:hover,
        .file-opt input[type="file"]:focus + label {
            opacity: 1;
        }

    .file-opt .file-name {
        font-size: 13px;
        opacity: .7;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }