#dbp-planner-wrapper { border: 1px solid #ddd; padding: 20px; border-radius: 5px; max-width: 900px; margin: 20px auto; }
.dbp-form-group { margin-bottom: 15px; }
.dbp-form-group label { display: block; font-weight: bold; margin-bottom: 5px; }
.dbp-form-group input[type="text"] { box-sizing: border-box; width: 100%; padding: 8px; border: 1px solid #ccc; border-radius: 3px; }
#dbp-planner-form button { padding: 10px 15px; background-color: #0073aa; color: white; border: none; cursor: pointer; border-radius: 3px; }
#dbp-planner-form button:hover { background-color: #0085ba; }
#dbp-results { margin-top: 20px; border-top: 1px dashed #ddd; padding-top: 15px; }
#dbp-results h4 { margin-top: 0; }
.dbp-steps { list-style: decimal; padding-left: 20px; }
.dbp-steps li { margin-bottom: 10px; line-height: 1.5; } #dbp-map {
height: 400px;
margin-bottom: 20px;
border: 1px solid #ccc;
border-radius: 5px;
} body.single-bus_stop .entry-title {
text-align: center !important;
} .dbp-input-wrapper {
position: relative;
display: flex;
}
.dbp-input-wrapper input {
flex-grow: 1;
}
#dbp-get-location {
position: absolute;
right: 1px;
top: 1px;
bottom: 1px;
border: none;
background: #f0f0f0;
cursor: pointer;
padding: 0 12px;
border-radius: 0 2px 2px 0;
color: #ffff00;
font-size: 16px;
}
#dbp-get-location:hover {
background: #e0e0e0;
} @media (min-width: 992px) {
#dbp-planner-wrapper {
max-width: 900px; }
} .user-location-marker .pulsing-icon {
border-radius: 50%;
width: 12px;
height: 12px;
background-color: #0078ff;
border: 2px solid #fff;
box-shadow: 0 0 5px rgba(0,0,0,0.5); animation: pulsate 1.5s ease-out infinite;
}
@keyframes pulsate {
0% {
transform: scale(1);
opacity: 1;
}
100% {
transform: scale(3);
opacity: 0;
}
}