/* ===========================
   Formularz STEINHOF
=========================== */

/* Kontener dla wyboru typu osoby */
.person-type-wrapper {
    display: flex;
    flex-direction: column; /* radio pod sobą */
    gap: 8px;
}

/* Styl dla każdej opcji radio */
.person-type-wrapper .radio-option {
    display: flex;
    align-items: center;
    cursor: pointer;
    gap: 5px; /* odstęp między radio a tekstem */
}

.person-type-wrapper .radio-option input[type="radio"] {
    width: unset;
}

/* Kontener pól formularza */
.person-fields {
    box-sizing: border-box;
}

/* Każde pole formularza */
.person-fields p {
    margin: 0 0 12px 0; /* odstęp między polami */
    display: block; /* blok, aby label był nad inputem */
}

/* Label w formularzu */
.person-fields label {
    display: block; /* zawsze nad inputem */
    margin-bottom: 4px; /* odstęp między label a inputem */
}

/* Inputy tekstowe, email, data, select */
.pluxee-register-client input[type="text"],
.pluxee-register-client input[type="email"],
.pluxee-register-client input[type="date"],
.pluxee-register-client select {
    width: 100%; /* input zajmuje całą szerokość */
    box-sizing: border-box;
    margin: 0;
}

/* Checkbox i radio w linii z tekstem */
.pluxee-register-client input[type="checkbox"],
.pluxee-register-client input[type="radio"] {
    width: auto; /* naturalna szerokość */
    margin: 0;
}

/* Small / tekst pomocniczy */
.person-fields small {
    display: block;
    margin-top: 4px;
}

/* Specjalne ustawienia dla sekcji Osoba kontaktowa (biznes) */
.business-fields p:first-of-type {
    margin-top: 8px;
}

/* ===========================
   Responsywność
=========================== */
/* @media (max-width: 600px) {
    .person-fields input[type="text"],
    .person-fields input[type="email"],
    .person-fields input[type="date"],
    .person-fields select 
    {
        width: 100%;
    }
} */