#bp-liefergebiet-wrap {
max-width: 800px;
margin: 0 auto 2rem;
}
#bp-liefergebiet-map {
width: 100%;
height: 480px;
border-radius: 8px;
border: 1px solid #ddd;
margin-bottom: 1.2rem;
z-index: 0;
} #bp-liefergebiet-form label {
display: block;
font-weight: 600;
margin-bottom: .4rem;
font-size: 1rem;
}
.bp-liefergebiet-input-row {
display: flex;
gap: .5rem;
}
#bp-liefergebiet-address {
flex: 1;
padding: .6rem .8rem;
font-size: 1rem;
border: 1px solid #ccc;
border-radius: 6px;
}
#bp-liefergebiet-form button {
padding: .6rem 1.4rem;
font-size: 1rem;
font-weight: 600;
color: #fff;
background: #2e7d32;
border: none;
border-radius: 6px;
cursor: pointer;
white-space: nowrap;
transition: background .2s;
}
#bp-liefergebiet-form button:hover {
background: #1b5e20;
}
#bp-liefergebiet-form button:disabled {
background: #999;
cursor: wait;
} #bp-liefergebiet-result {
margin-top: 1rem;
padding: 1rem 1.2rem;
border-radius: 6px;
font-size: 1rem;
display: none;
}
#bp-liefergebiet-result.bp-success {
display: block;
background: #e8f5e9;
border: 1px solid #66bb6a;
color: #1b5e20;
}
#bp-liefergebiet-result.bp-fail {
display: block;
background: #fbe9e7;
border: 1px solid #ef5350;
color: #b71c1c;
}
#bp-liefergebiet-result.bp-error {
display: block;
background: #fff3e0;
border: 1px solid #ffa726;
color: #e65100;
} @media (max-width: 600px) {
#bp-liefergebiet-map {
height: 320px;
}
.bp-liefergebiet-input-row {
flex-direction: column;
}
#bp-liefergebiet-form button {
width: 100%;
}
}