/* =========================================================
   RWI DEALER LOCATOR - FINAL
   Alleen dealerzoeker
   ========================================================= */

.public-site > section.dealer-locator{
    box-sizing:border-box !important;
    width:100% !important;
    margin:0 !important;
    padding:12px 24px !important;
    background:#fff !important;
    border:0 !important;
    box-shadow:none !important;
}

.public-site > section.dealer-locator > .dealer-locator-inner{
    box-sizing:border-box !important;

    width:min(1120px,100%) !important;
    min-height:84px !important;
    margin:0 auto !important;
    padding:17px 22px !important;

    display:grid !important;
    grid-template-columns:minmax(320px,1fr) auto !important;
    align-items:center !important;
    gap:42px !important;

    background:#f7faf8 !important;
    border:1px solid #d8e3db !important;
    border-radius:15px !important;

    box-shadow:0 8px 24px rgba(18,58,35,.06) !important;
}

.public-site .dealer-locator-copy{
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
}

.public-site .dealer-locator-copy strong{
    display:block !important;
    margin:0 0 5px !important;

    color:#142a1e !important;
    font-size:17px !important;
    font-weight:800 !important;
    line-height:1.2 !important;
}

.public-site .dealer-locator-copy small{
    display:block !important;
    margin:0 !important;

    color:#708078 !important;
    font-size:12px !important;
    line-height:1.4 !important;
}

.public-site .dealer-locator-form{
    width:auto !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
}

.public-site .dealer-locator-control{
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;

    display:flex !important;
    flex-direction:row !important;
    align-items:stretch !important;
    justify-content:flex-start !important;

    gap:8px !important;
}

.public-site .dealer-locator-control > input#dealer-postcode{
    box-sizing:border-box !important;

    flex:0 0 190px !important;
    width:190px !important;
    min-width:190px !important;
    max-width:190px !important;

    height:48px !important;
    min-height:48px !important;
    max-height:48px !important;

    margin:0 !important;
    padding:0 15px !important;

    color:#142a1e !important;
    background:#fff !important;

    border:1px solid #cbd8cf !important;
    border-radius:12px !important;

    font-size:15px !important;

    box-shadow:none !important;
}

.public-site .dealer-locator-control > input#dealer-postcode:focus{
    outline:none !important;
    border-color:#159447 !important;
    box-shadow:0 0 0 3px rgba(21,148,71,.10) !important;
}

.public-site .dealer-locator-control > button[type="submit"]{
    box-sizing:border-box !important;

    flex:0 0 48px !important;
    width:48px !important;
    min-width:48px !important;
    max-width:48px !important;

    height:48px !important;
    min-height:48px !important;
    max-height:48px !important;

    margin:0 !important;
    padding:0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    color:#159447 !important;
    background:#fff !important;

    border:1px solid #cbd8cf !important;
    border-radius:12px !important;

    cursor:pointer !important;

    box-shadow:0 4px 12px rgba(18,58,35,.06) !important;
    transform:none !important;

    transition:
        background .18s ease,
        border-color .18s ease,
        color .18s ease,
        transform .18s ease !important;
}

.public-site .dealer-locator-control > button[type="submit"]:hover{
    color:#0d7b39 !important;
    background:#f2f8f4 !important;
    border-color:#159447 !important;
    transform:translateY(-1px) !important;
}

.public-site .dealer-locator-control > button[type="submit"] svg{
    width:21px !important;
    height:21px !important;
    color:currentColor !important;
}

.public-site .dealer-locator-message{
    font-size:12px !important;
}

/* Tablet / lange talen */
@media (max-width:900px){

    .public-site > section.dealer-locator > .dealer-locator-inner{
        width:min(680px,100%) !important;
        grid-template-columns:1fr !important;
        gap:14px !important;
    }

    .public-site .dealer-locator-form{
        justify-content:flex-start !important;
    }
}

/* Mobiel */
@media (max-width:520px){

    .public-site > section.dealer-locator{
        padding:8px 14px !important;
    }

    .public-site > section.dealer-locator > .dealer-locator-inner{
        padding:16px !important;
    }

    .public-site .dealer-locator-control{
        width:100% !important;
    }

    .public-site .dealer-locator-control > input#dealer-postcode{
        flex:1 1 auto !important;
        width:auto !important;
        min-width:0 !important;
        max-width:none !important;
    }
}