body,html{background-color:#f9fafb;font-family:system-ui,sans-serif;margin:0;padding:0}*{box-sizing:border-box}.transit-planner-container{background:#0000;border:none;border-radius:0;box-shadow:none;margin:0 auto;max-width:1000px;padding:10px var(--wp--preset--spacing--50)}.panel-map-wrapper,.transit-planner-container{display:flex;flex-direction:column;gap:10px;width:100%}.map-box,.panel-box{background:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 8px #00000026}.map-box{height:100%;width:100%}.panel{display:flex;flex:1 1 auto;flex-direction:column;gap:20px;padding:24px}.map-container,.panel{background-color:initial}.map-container{height:100%!important;width:100%!important}@media (max-width:567px){.map-box{height:300px}.map-container{height:100%!important}}@media (min-width:568px){.map-box{height:auto}.map-container{height:100%!important}}@media (min-width:768px){.map-box{height:auto}.map-container{height:100%!important}}@media (min-width:568px){.panel-map-wrapper{flex-direction:row}.panel-box{border-radius:8px 0 0 8px}.map-box,.panel-box{flex:1 1;max-width:none;min-width:0}.map-box{border-radius:0 8px 8px 0}.map-container{height:300px}}@media (min-width:768px){.panel-map-wrapper{flex-direction:row}.panel-box{border-radius:8px 0 0 8px;max-width:none}.map-box,.panel-box{flex:1 1;min-width:0}.map-box{border-radius:0 8px 8px 0}.map-container{height:300px}}.content-column,.input-group{display:flex;flex-direction:column;gap:8px}.input-wrapper{position:relative;width:100%}.input{border:1px solid #ccc;border-radius:6px;box-sizing:border-box;font-size:16px;padding:10px 36px 10px 12px;width:100%}.input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb33;outline:none}.clear-button{background:none;border:none;color:#999;cursor:pointer;font-size:16px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.clear-button:hover{color:#333}.location-button{background-color:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;padding:10px 16px;width:100%}.location-button:hover{background-color:#1e40af}.location-button.disabled{background-color:#ccc;cursor:not-allowed}.suggestions{background:#fff;border:1px solid #ccc;border-radius:4px;left:0;list-style:none;margin-top:4px;max-height:180px;overflow-y:auto;padding:0;position:absolute;top:100%;width:100%;z-index:10}.suggestion-item{border-bottom:1px solid #eee;cursor:pointer;font-size:14px;padding:8px 12px}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background-color:#f3f4f6}.find-routes-button{align-items:center;background-color:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:16px;gap:8px;justify-content:center;padding:12px}.warning-message{background-color:#fef3c7;border:1px solid #facc15;border-radius:6px;color:#b45309;font-size:14px;padding:10px 14px;text-align:center}.panel-title{font-size:1.25rem;font-weight:600;margin-bottom:12px}.route-cards-container{margin-top:20px}.route-cards-container,.route-navigation{box-sizing:border-box;max-width:100%;padding:0;width:100%}.route-navigation{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.route-navigation button{background-color:#2563eb;border:none;border-radius:6px;box-sizing:border-box;color:#fff;cursor:pointer;flex:1 1;max-width:150px;padding:8px 16px;text-align:center}.route-navigation button:disabled{background-color:#ccc;cursor:not-allowed}.route-navigation span{box-sizing:border-box;flex:1 1;max-width:150px;text-align:center}.route-card{word-wrap:break-word;background-color:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 8px #0000001a;max-width:100%;padding:15px}.route-card,.route-card h3{box-sizing:border-box;width:100%}.route-card h3{font-size:1.2rem;font-weight:600;margin:0 0 10px}.route-card div{word-wrap:break-word;box-sizing:border-box;width:100%}.route-card p{font-size:14px;margin:5px 0}.steps{margin-top:15px}.steps-list{margin-top:10px}.step{background-color:#f9fafb;border-left:4px solid #0000;border-radius:4px;display:flex;flex-direction:column;margin-bottom:20px;padding:15px}.walking-step{border-left-color:#4caf50}.bus-step{border-left-color:#2196f3}.train-step{border-left-color:#ff9800}.tram-step{border-left-color:#e91e63}.step-header{align-items:center;display:flex;font-size:16px;font-weight:600;gap:10px;margin-bottom:8px}.step-icon{flex-shrink:0;height:20px;width:20px}.walking-icon{color:#4caf50}.bus-icon{color:#2196f3}.train-icon{color:#ff9800}.tram-icon{color:#e91e63}.step-action{flex:1 1}.step-destination{color:#333;font-weight:700}.transit-identifier{border-radius:4px;display:inline-block;font-weight:700;margin:0 4px;padding:4px 8px}.step-details{color:#555;font-size:14px;line-height:1.5;margin-top:8px;padding-left:30px}.step-details p{margin:5px 0}.step-details strong{color:#333;font-weight:700}.sub-steps{color:#666;font-size:14px;line-height:1.5;margin-top:8px;padding-left:30px}.sub-steps li{margin:5px 0}
/*# sourceMappingURL=main.b70d5ee7.css.map*/