.mol-radiobutton-group {
    @apply w-full;

    .atm-heading {
        @apply mb-3 text-secondary-col-1;
    }

    .radiobutton-group-wrapper {
        @apply flex flex-col gap-2;
    }

    /* Vacancy style variant - horizontal layout like submenu */
    &.vacancy-style {
        @apply relative font-display;

        .atm-heading {
            @apply hidden;
        }

        /* Mobile: Hide entire radiobutton group, dropdown will be controlled by filter button */
        @media (max-width: 768px) {
            @apply hidden;
        }

        .atm-form-radiobutton {
            @apply m-0 gap-0 block;

            .form-radiobutton {
                @apply hidden;
            }

            .atm-form-label {
                @apply text-md font-normal block py-4 px-4 text-black cursor-pointer bg-white m-0;
                @apply border-none w-full rounded-none;
            }

            .form-radiobutton:checked + .atm-form-label {
                @apply bg-primary text-white;
            }

            .form-radiobutton:disabled + .atm-form-label {
                @apply opacity-50 cursor-not-allowed;
            }
        }
    }

    /* Desktop: Horizontal layout */
    @media (min-width: 769px) {
        .radiobutton-group-wrapper {
            @apply flex flex-row gap-0 bg-white rounded-t-xl overflow-hidden;
        }

        .dropdown-toggle {
            @apply hidden;
        }

        .dropdown-options {
            @apply flex flex-row gap-0 w-full overflow-x-auto;
        }

        .atm-form-radiobutton {
            @apply flex-shrink-0 m-0 gap-0 block;

            .form-radiobutton {
                @apply hidden;
            }

            .atm-form-label {
                @apply text-md font-normal block py-5 px-3 text-black cursor-pointer bg-white m-0;
                @apply hover:bg-primary hover:text-white transition-colors;
                @apply border-none w-full h-full rounded-none;
            }

            .form-radiobutton:checked + .atm-form-label {
                @apply bg-primary text-white;
            }

            .form-radiobutton:disabled + .atm-form-label {
                @apply opacity-50 cursor-not-allowed;
            }
        }
    }
}