/* Field group container */
.elementor-field-group.elementor-field-type-ostendis-request-types {
    margin-bottom: 10px !important;
}

.elementor-field-group.elementor-field-type-ostendis-request-types .elementor-field-subgroup {
    width: 100%;
}

/* Request types group - flex column layout */
.osfo-request-types-group {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}

/* Individual checkbox option styling */
.osfo-request-types-group .elementor-field-option {
    display: flex;
    align-items: center;
    width: 100%;
    border: 1.5px solid #e2e2e2;
    border-radius: 15px;
    padding: 12px 16px;
    margin-bottom: 0;
    cursor: pointer;
    transition: border-color 0.15s, background 0.15s;
    background: #ffffff;
    accent-color: #F49900;
}

/* Hover state */
.osfo-request-types-group .elementor-field-option:hover {
    border-color: #f49900;
}

/* Checked state */
.osfo-request-types-group .elementor-field-option:has(input:checked) {
    border-color: #f49900;
    background: #fff8ec;
}

/* Checkbox input styling */
.osfo-request-types-group .elementor-field-option input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    width: 16px;
    height: 16px;
    border: 1.5px solid #c0c0c0;
    border-radius: 5px;
    flex-shrink: 0;
    margin: 0;
    cursor: pointer;
    transition: border-color 0.15s, background 0.15s;
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

/* Checked checkbox */
.osfo-request-types-group .elementor-field-option input[type="checkbox"]:checked {
    background: #f49900;
    border-color: #f49900;
}

/* Checkmark icon */
.osfo-request-types-group .elementor-field-option input[type="checkbox"]:checked::after {
    content: '';
    position: absolute;
    left: 3px;
    top: 3px;
    width: 9px;
    height: 5px;
    border-left: 2px solid white;
    border-bottom: 2px solid white;
    transform: rotate(-45deg);
}

/* Label styling */
.osfo-request-types-group .elementor-field-option label {
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    margin: 0 0 0 10px;
    color: #1a1a1a;
    user-select: none;
}