/* Student Enquiry */
.student-enquiry-steps {
    gap: 0.5rem;

    .form-step {
        font-size: var(--fs-250);
    }
}

.student-enquiry-form {
    --_accent-clr: var(--tertiary-clr-900);
    --_accent-soft-clr: color-mix(in srgb, var(--tertiary-clr-900) 8%, var(--white-clr));
    --_line-clr: var(--white-clr-900);

    legend {
        margin-bottom: 0.5rem;
        font-size: var(--fs-500);
        font-weight: var(--fw-700);
        color: var(--text-clr-700);
    }

    .enquiry-help,
    .enquiry-note {
        padding: 0;
        font-size: var(--fs-300);
        font-weight: var(--fw-400);
    }

    .enquiry-note {
        padding: 0.75rem 1rem;
        border-radius: 0.75rem;
        background-color: var(--_accent-soft-clr);
    }

    .enquiry-or {
        display: flex;
        align-items: center;
        gap: 1rem;
        font-size: var(--fs-300);
        color: var(--text-clr-700);

        &::before,
        &::after {
            content: "";
            flex: 1;
            border-bottom: 1px solid var(--_line-clr);
        }
    }

    .btn-signin-socials {
        margin-inline: auto;
    }

    .enquiry-subpanel {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0.75rem;
        padding: 1rem;
        border: 1px solid var(--_line-clr);
        border-radius: 1rem;

        @media (width <= 480px) {
            grid-template-columns: 100%;
        }
    }

    .form-group-enum-radio-group {
        display: grid;
        gap: 0.5rem;

        > label:first-child {
            font-weight: var(--fw-600);
        }
    }

    .form-group-radio-btn {
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: 1fr;
        gap: 0.25rem;
        padding: 0.25rem;
        border-radius: 0.75rem;
        background-color: var(--_accent-soft-clr);

        @media (width <= 480px) {
            grid-auto-flow: row;
        }
    }

    .form-group-radio-btn label {
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        font-size: var(--fs-300);
        line-height: 1.2;
        user-select: none;
    }

    .form-group-radio-btn label {
        padding: 0.625rem 0.75rem;
        border-radius: 0.5rem;
        transition: background-color 0.15s ease;
    }

    /* Visually hidden rather than display:none so the inputs stay keyboard-focusable */
    .form-group-radio-btn input {
        position: absolute;
        opacity: 0;
        pointer-events: none;
    }

    .form-group-radio-btn label:has(input:checked) {
        background-color: var(--white-clr);
        color: var(--_accent-clr);
        font-weight: var(--fw-600);
        box-shadow: 0 0.0625rem 0.1875rem rgb(0 0 0 / 0.15);
    }

    .form-group-radio-btn label:has(input:focus-visible) {
        outline: 0.125rem solid var(--_accent-clr);
        outline-offset: 0.125rem;
    }
}
/* End of Student Enquiry */