/* /public_html/assets/css/planner.css — planificatorul de traseu (peste map.css) */
.planner-sec .sec-head{margin-bottom:12px}
.planner-sec .sec-head h1{color:#15314f; font-weight:600; letter-spacing:-.02em; font-size:clamp(28px,4vw,44px); margin:6px 0 10px}
.planner-sec .sec-head p{color:#5b6472; font-size:17px; max-width:640px}

.planner-bar{display:flex; flex-wrap:wrap; align-items:center; gap:10px 14px; margin:8px 0 16px}
.btn-ghost{background:#fff; border:1px solid #e0dacd; color:#15314f; padding:9px 14px; border-radius:999px; font:inherit; font-weight:600; font-size:14px; cursor:pointer}
.btn-ghost:hover{border-color:#ea580c; color:#ea580c}
.rt-summary{display:none; gap:16px; align-items:center; padding:8px 14px; background:#fff7ed; border:1px solid #fed7aa; border-radius:999px; font-size:14px; color:#9a3412}
.rt-summary.on{display:flex}
.rt-summary b{color:#ea580c}
.rt-hint{color:#8a929d; font-size:14px; margin:0}

.rg-pop-add{display:inline-block; margin-top:8px; background:#ea580c; color:#fff; border:0; padding:7px 12px; border-radius:8px; font:inherit; font-weight:700; font-size:13px; cursor:pointer}
.rg-pop-add:hover{background:#c2410c}
.rg-pop .rg-pop-link{margin-left:10px}

/* Leaflet Routing Machine — card pe brand */
.leaflet-routing-container{background:#fff; border:1px solid #ece7df; border-radius:14px; box-shadow:0 10px 30px rgba(21,49,79,.12); padding:6px 8px; max-width:320px; font:inherit}
.leaflet-routing-container h2{font-size:14px; color:#15314f}
.leaflet-routing-alt h3{font-size:13px}
.leaflet-routing-geocoder input{font:inherit; border:1px solid #e0dacd; border-radius:8px; padding:8px 10px}
@media(max-width:760px){
  .leaflet-routing-container{max-width:78vw}
  .planner-sec .sec-head p{font-size:16px}
}