/*
Fausse bonne idée car ça met du style sur les selectize, checkbox... alors que c'est pas adapté

input {
    border-radius:  6px;
    border: 1px solid  #E3E6ED;
    background:  #FFF;
    display: flex;
    height: 32px;
    padding: 8px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;


    overflow: hidden;
    color:  #636363;
    text-overflow: ellipsis;
    font-family: "Inter", sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;

    width: 100%;
}
*/

.etk-input-text {
    height: 32px;
    padding: 8px;

    border-radius: 6px; /* radius-S */
    border: 1px solid #E3E6ED; /* stroke-default */
    background: #FFF; /* bg-fill-neutral-default */

    overflow: hidden;
    color: #191919; /* text-default */
    text-overflow: ellipsis;

    /* body/M/Regular */
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;

    width: 100%;
}

.etk-input-text:disabled {
    background: #F9F9F9; /* bg-fill-neutral-secondary */
    color: #E3E6ED; /* stroke-default */
    cursor: not-allowed;
}

/* J'ai pas l'impression que ça fonctionne pour les input classique */
.etk-input-text:focus {
    border-color: #9CBEFC; /* stroke-hover = brands-eteko-cobalt-200 */
}


.etk-input-textarea {
    padding: 8px;

    border-radius: 6px; /* radius-S */
    border: 1px solid #E3E6ED; /* stroke-default */
    background: #FFF; /* bg-fill-neutral-default */

    overflow: hidden;
    color: #191919; /* text-default */
    text-overflow: ellipsis;

    /* body/M/Regular */
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;

    width: 100%;
}

.etk-input-textarea:disabled {
    background: #F9F9F9; /* bg-fill-neutral-secondary */
    cursor: not-allowed;
}

/* J'ai pas l'impression que ça fonctionne pour les input classique */
.etk-input-textarea:focus {
    border-color: #9CBEFC; /* stroke-hover = brands-eteko-cobalt-200 */
}


.etk-text-mandatory {
    /*color: #E2483D !important;*/
}

.etk-input-mandatory {
    /*color: #E2483D !important;*/
    border-color: #E2483D !important; /* stroke-error */
}


.etk-input-cb {
    width: 14px;
    height: 14px;
    padding: 10px;

    border-radius: 4px; /* radius-SS */
    border: 1px solid #E3E6ED; /* stroke-default */
    background: #FFF; /* bg-fill-neutral-default */
}

.etk-input-cb:hover {
    background: #F9F9F9 !important; /* bg-fill-neutral-secondary */
    cursor: pointer;
}

.etk-input-cb:disabled {
    background: #F4F4F4; /* bg-fill-neutral-tertiary */
    cursor: default !important;
}


input[type=file] {
    color: #191919; /* text-default */
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

input[type=file]::file-selector-button {
    height: 32px; /* size = S */
    padding: 0 12px;
    gap: 8px;
    margin-right: 8px;

    border-radius: 6px; /* radius-S */
    border: 1px solid #E3E6ED; /* stroke-default */
    background: #FFF; /* bg-fill-neutral-default */
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.07);

    color: #191919; /* text-default */
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

input[type=file]::file-selector-button:hover {
    border: 1px solid #E3E6ED; /* stroke-default */
    background: #F9F9F9; /* bg-fill-neutral-secondary */
    cursor: pointer;
}