/* Styling for corporate membership forms */

/*
 * Enlarged and accessible input styles for the SHD hire corporate forms.
 * We set the width to 100% so the field spans the available container and
 * increase the padding and font-size for better usability on desktop and mobile.
 */
.shd-corp-register-form input,
.shd-corp-login-form input,
.shd-corp-reset-form input {
    width: 100%;
    max-width: 600px;
    padding: 14px 18px;
    font-size: 1.1rem;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 6px;
    margin-top: 6px;
}

.shd-corp-register-form label,
.shd-corp-login-form label,
.shd-corp-reset-form label {
    display: block;
    font-weight: 600;
    margin-bottom: 4px;
}

.shd-corp-register-form p,
.shd-corp-login-form p,
.shd-corp-reset-form p {
    margin-bottom: 16px;
}

/* Style the submit buttons larger as well */
.shd-corp-register-form .button,
.shd-corp-login-form .button,
.shd-corp-reset-form .button {
    padding: 14px 28px;
    font-size: 1.1rem;
    border-radius: 6px;
}

/* ===== Hire Booking Forms (Airport/Hourly etc.) ===== */
.shd-hire-form input,
.shd-hire-form select,
.shd-hire-form textarea{
    width: 100%;
    max-width: 100%;
    padding: 14px 18px;
    font-size: 1.05rem;
    box-sizing: border-box;
    border: 1px solid #cfcfcf;
    border-radius: 10px;
}

.shd-hire-form textarea{
    min-height: 120px;
}

.shd-hire-form label{
    display: block;
    font-weight: 600;
}

.shd-hire-form p{
    margin: 0 0 18px 0;
}

.shd-row{
    display:flex;
    flex-wrap:wrap;
    gap:16px;
    margin: 0 0 18px 0;
}
.shd-row .shd-col{
    flex: 1 1 0;
    min-width: 220px;
}

.shd-hire-submit{
    width: 100%;
    padding: 16px 22px;
    font-size: 1.1rem;
    border-radius: 10px;
}

@media (max-width: 640px){
    .shd-row{
        flex-direction:column;
    }
}


/* ===== 2カラム（ハイヤー専用：テーマと衝突しないクラス名） ===== */
.shd-hire-row{
    display:flex !important;
    flex-wrap:wrap;
    gap:16px;
    margin: 0 0 18px 0;
}
.shd-hire-row .shd-hire-col{
    flex: 1 1 0;
    min-width: 220px;
}
@media (max-width: 640px){
    .shd-hire-row{
        flex-direction:column;
    }
}


/* ===== チェックボックスを大きく・タップしやすく ===== */
.shd-hire-form input[type="checkbox"]{
    width: 22px;
    height: 22px;
    transform: scale(1.2);
    margin-right: 10px;
    cursor: pointer;
}

.shd-hire-form label input[type="checkbox"]{
    vertical-align: middle;
}