/* Styles for radio buttons and checkboxes */
.ji_seminar_registration_form {
    --ji-check-mark: url('/typo3conf/ext/institutsseminarverwaltung/Resources/Public/icons/check_mark.svg');

    input:is([type="radio"], [type="checkbox"]) {
        all: unset;
        display: inline-block;
        min-width: 32px;
        height: 32px;
        background-clip: content-box;
        margin-right: 10px;
        padding: 0;
        background-color: var(--ji-light-grey);
        border: none;
        background-position: center center;

        &:required {
            border: solid 2px var(--ji-red);
        }

        &:hover {
            background-color: rgba(220, 26, 34, 0.6);
            background-image: var(--ji-check-mark);
            background-repeat: no-repeat;
            background-size: 28px 28px;
        }

        &:checked {
            background-color: var(--ji-red);
            background-image: var(--ji-check-mark);
            background-repeat: no-repeat;
            background-size: 30px 30px;
        }
    }

    input:is([type="text"], [type="email"]), select, textarea {
        margin-bottom: 15px;
    }

    .ji_seminar_details > div, #cpmsPrices > div {
        padding-bottom: 10px;
    }

    input:is([type="submit"]) {
        margin-top: 15px;
        border: none;
        width: 220px;
        background: var(--ji-gradient-red);
        padding: 10px;
        cursor: pointer;
        color: white;
    }
}