/**
 * Custom Forms - Front Office Styles
 */

.custom-field-group.required .form-control-label .required,
.custom-field-group.required .custom-control-label .required {
    color: red;
    font-weight: bold;
    margin-left: 2px;
}

/* Style dla komunikatów błędów przy polach */
.custom-field-error {
    color: #dc3545; /* Bootstrap danger color */
    font-size: 0.875em;
    margin-top: 0.25rem;
}
.form-control.is-invalid, .custom-control-input.is-invalid ~ .custom-control-label {
     border-color: #dc3545; /* Wizualne zaznaczenie błędu */
}
.custom-control-input.is-invalid ~ .custom-control-label::before {
     border-color: #dc3545;
}

.custom-form__title {
    font-size: 18px;
    font-weight: 500;
}

.custom-form input[type='text'],
.custom-form input[type='email'],
.custom-form textarea {
    background: unset;
    border: unset;
    border-bottom: 1px solid black;
    padding: 10px;
}

.custom-form input[type='checkbox'] {
    left: 0;
    top: 0;
    border: 1px solid black;
    color: white;
    opacity: 1 !important;
    border-radius: 0px !important;
    z-index: 1 !important;
}

.custom-form input[type='checkbox']:checked {
    accent-color: black;
}

.custom-form button[type='submit'] {
    color: white;
    background: black;
    min-width: 50%
}