.testdrive__hd {
    line-height: normal;
}

.testdrive__step .testdrive__hd:not(:has(~ span)) {
    padding-block: clamp(1rem, 3vw, 3rem);
}

.testdrive__step--vehicle .testdrive__sub {
    font-size: 1.4rem;
}

/* CHOIX VEHICULE */
.vsb-main.model-selected {
    border-color: #000;
}

.vsb-main.model-selected button {
    color: #000;
}

.testdrive__step .vsb-menu li {
    margin: 0;
}

/* .testdrive .testdrive__step {
    height: 100%;
    flex-grow: 1;
} */

.testdrive .vsb-menu {
    top: calc(100% + 4px);
    border-top: 1px solid transparent;
    border-radius: 0 0 10px 10px;
    border-top: none;
}

.vsb-menu ul {
    border-radius: 0.8rem;
}

/* END CHOIX VEHICULE */


/* GEOLOCALISATION  */

.testdrive .testdrive__map {
    transition: none;
    position: relative;
}

.testdrive .testdrive__map::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 85%);
    z-index: 1;
}

.testdrive__hd--location+.testdrive__container-step2 {
    padding: 1.25rem;
    border: 0.1rem solid transparent;
    border-radius: 0.5rem;
    appearance: none;
    margin: 0 0 1.25rem;
    display: flex;
    justify-content: space-between;
    background-color: #F7F8F8;
}

/* Override input types specifically */
.testdrive__container-step2 input[type="text"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    all: unset;
    width: 100%;
    ;
}


button.contact__btn--geolocate::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 22 22' fill='none'%3E%3Cpath d='M11.2865 18.5148C15.2786 18.5148 18.5148 15.2786 18.5148 11.2865C18.5148 7.29444 15.2786 4.05823 11.2865 4.05823C7.29447 4.05823 4.05826 7.29444 4.05826 11.2865C4.05826 15.2786 7.29447 18.5148 11.2865 18.5148Z' stroke='currentColor' stroke-width='1.46588'/%3E%3Cpath d='M0.00801319 11.2045H7.54633' stroke='currentColor' stroke-width='1.46588'/%3E%3Cpath d='M14.4697 11.2045H22.008' stroke='currentColor' stroke-width='1.46588'/%3E%3Cpath d='M11.2037 0.00795215L11.2037 7.54626' stroke='currentColor' stroke-width='1.46588'/%3E%3Cpath d='M11.2037 14.4697L11.2037 22.008' stroke='currentColor' stroke-width='1.46588'/%3E%3Cpath d='M11.2873 13.2779C12.3867 13.2779 13.2779 12.3867 13.2779 11.2872C13.2779 10.1878 12.3867 9.29657 11.2873 9.29657C10.1879 9.29657 9.2966 10.1878 9.2966 11.2872C9.2966 12.3867 10.1879 13.2779 11.2873 13.2779Z' fill='currentColor'/%3E%3C/svg%3E");
    width: auto;
    aspect-ratio: 1 / 1;
}

.td_flds #dealerOut {
    margin-top: 1rem;
}

.td_flds #dealerOut .distributor:not(:last-child) {
    border-bottom: 0.01rem solid rgba(218, 220, 222, 0.25);
}

.td_flds .distributor label {
    padding: 1.5rem;
    gap: 1.5rem;
}

.td_flds .distributor label div {
    gap: none;
    padding-inline: 0;
    line-height: normal;
    gap: 0.2rem
}

.td_flds .distributor label div .distributor_name {
    font-size: 1.5rem;
}

.td_flds .distributor label div .distributor_address {
    font-size: 1.2rem;
}



/* END GEOLOCALISATION  */



/* FORM INFORMATION  */

.testdrive__step--user .contact__container .contact__group {
    display: grid;
    width: auto;
    grid-template-areas:
        "civility . "
        "name fname"
        "ville zip";
    min-width: 0;
    grid-template-columns: repeat(2, 1fr);

}

.vsb-main#btn-group-salutation {
    grid-area: civility;
    margin-right: 0;
    width: auto;
}

.vsb-main#btn-group-salutation button {
    padding: 0 0 0 1rem;
}

.contact__container .contact__group input,
.contact__container .contact__group~input {
    display: block;
    text-align: left;
    height: auto;
    line-height: normal;
    padding: 1rem;
    border: 0.1rem solid #dadcde;
    background-color: transparent;
    border-radius: 0.5rem;
    appearance: none;
}

.contact__container textarea {
    width: auto;
}

#lastName {
    grid-area: name;
}

#firstName {
    grid-area: fname;
}

#city {
    grid-area: ville;
}

#postCode {
    grid-area: zip;
}

.testdrive__step--user .contact__container .contact__group>input {
    width: auto;
    min-width: 0;
    max-width: 100%;
}

.contact__container .contact__consent,
.contact__conditions {
    line-height: normal;
}

.contact__container .contact__consent {
    font-size: 1.4rem;
}

.contact__conditions {
    font-size: 1.2rem;
}

.testdrive .contact__container :is(input:required:valid, textarea:required:valid) {
    background-image: url('/content/dam/kwcms/kme/fr/fr/assets/freecode/testdrive/img/check.svg');
}

.testdrive .contact__container :is(input:required:invalid:not(:placeholder-shown), textarea:required:invalid:not(:placeholder-shown)) {
    background-image: url('/content/dam/kwcms/kme/fr/fr/assets/freecode/testdrive/img/danger.svg');
}

input::placeholder,
textarea::placeholder {
    font-size: 1.4rem;
}

.vsb-main.selected button {
    border-color: #000;
}

/* END FORM INFORMATION  */


/* CONFIRMATION */