/* Path: C:/Users/wasoua/Python Projects/1AuthSite/app/static/css/delete_checkbox.css File: delete_checkbox.css */

/* DELETE CHECKBOX COMPONENT */

.delete-checkbox-item {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    position: relative;
}

/* скрытый input */
.delete-checkbox-item input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

/* визуальный чекбокс */
.delete-checkbox-item .checkmark {
    width: 20px;
    height: 20px;
    border: 2px solid #e5e7eb;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    transition: all 0.2s ease;
}

/* hover */
.delete-checkbox-item:hover .checkmark {
    border-color: #d1d5db;
}

/* checked */
.delete-checkbox-item input:checked + .checkmark {
    background-color: #fef2f2;
    border-color: #ef4444;
}

/* иконка */
.delete-checkbox-item .checkmark svg path {
    stroke: #9ca3af;
}

.delete-checkbox-item input:checked + .checkmark svg path {
    stroke: #ef4444;
}