.articl-container {
    display: flex;
    flex-direction: column;
    gap:1rem;
}

.articl-form {
    border: 2px solid var(--green-10); 
    border-radius: 5px;
    box-shadow: 0px 5px 5px var(--green-light-25)
}
.articl-form-ul {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin: 1rem;
    z-index: 4;
}

.articl-form__title,
.articl-form__img,
.articl-form__txt,
.articl-form__category,
.articl-form__price,
.articl-form__discount,
.articl-form__date__container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 1rem;
}

.articl-form__title-label,
.articl-form__img-label,
.articl-form__txt-label,
.articl-form__category-label,
.articl-form__discount-label,
.articl-form__price-label,
.articl-form__start-label,
.articl-form__end-label {
    font-size: 1.25rem;
    color: var(--green);
    font-weight: bold;
}

.articl-form__title-input,
.articl-form__img-input,
.articl-form__category-input,
.articl-form__discount-input,
.articl-form__price-input ,
.articl-form__start-input,
.articl-form__end-input{
    border: 1px solid var(--black);
    border-radius: 5px;
    height: 3.125rem;
    padding: 1rem;
}

.articl-form__txt-input {
    min-height: 15rem;
}

.articl-form__btn {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 1rem;
}

.articl-form-btn__draft {
    font-size: 1.25rem;
}
.articl-form-btn__publish {
    font-size: 1.25rem;
}

.articl-form__price__container {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

@media screen and (min-width: 960px) {
    .articl-form-ul {
        width: 950px; /** to be reviewed **/
    }
    .articl-form__price__container {
        flex-direction: row;
    }
}

// quill
.quill-wrapper {
    position: relative;
}
.ql-toolbar{
position: sticky;
top: 2rem;
z-index: 5;
background-color: var(--green);

}