/* Delhi Cabz road distance calculator. Scoped to #dczb-distance so theme and Elementor styles can't override it. */
#dczb-distance{--o:#F97316;--oh:#FC8F45;--k:#0F0E0C;--mut:#6B675C;font-family:Inter,"Helvetica Neue",Arial,sans-serif;font-weight:300;color:var(--k);background:#fff;border:1px solid #E4DED2;border-radius:12px;padding:22px;box-shadow:0 18px 40px rgba(24,22,15,.06);-webkit-font-smoothing:antialiased}
#dczb-distance *{box-sizing:border-box}
#dczb-distance .dczbd-row{display:flex;gap:12px;align-items:stretch}
#dczb-distance .dczbd-f{flex:1 1 0;min-width:0;position:relative;display:flex;flex-direction:column;gap:6px}
#dczb-distance label{font-size:12px;color:var(--mut)}
#dczb-distance input,#dczb-distance select{height:54px;width:100%;border:0;border-radius:8px;background:#F5F2EC;padding:0 16px;font:inherit;font-size:17px;color:var(--k);outline:0;appearance:none;-webkit-appearance:none;box-shadow:none;margin:0}
#dczb-distance input:focus,#dczb-distance select:focus{background:#EFEBE3;outline:2px solid var(--o)}
#dczb-distance input[hidden]{display:none}
#dczb-distance select{cursor:pointer;padding-right:40px;background:#F5F2EC url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F97316' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center / 18px 18px}
#dczb-distance select + input{margin-top:8px}
#dczb-distance .dczbd-go{align-self:flex-end;height:54px;padding:0 28px;border:0;border-radius:8px;background:var(--o);color:#fff;font:inherit;font-size:16px;font-weight:500;cursor:pointer;text-transform:none;letter-spacing:normal;box-shadow:none;transition:background .2s}
#dczb-distance .dczbd-go:hover{background:var(--oh)}
#dczb-distance .dczbd-go[disabled]{opacity:.6;cursor:progress}
#dczb-distance .dczbd-sug{position:absolute;left:0;right:0;top:100%;z-index:20;background:#fff;border-radius:8px;box-shadow:0 18px 40px rgba(0,0,0,.18);margin-top:6px;overflow:hidden;display:none}
#dczb-distance .dczbd-sug.show{display:block}
#dczb-distance .dczbd-sug button{display:block;width:100%;text-align:left;border:0;background:#fff;padding:11px 16px;cursor:pointer;color:var(--k);font:inherit;border-radius:0;text-transform:none;letter-spacing:normal}
#dczb-distance .dczbd-sug button:hover{background:#FFF7ED}
#dczb-distance .dczbd-sug span{display:block;font-size:15px;font-weight:400}
#dczb-distance .dczbd-sug small{display:block;font-size:12px;color:var(--mut)}
#dczb-distance .dczbd-msg{margin:12px 0 0;font-size:14px;color:#B4410B;min-height:0}
#dczb-distance .dczbd-msg:empty{display:none}
#dczb-distance .dczbd-out{margin-top:18px;padding:20px;border-radius:10px;background:var(--k);color:#fff}
#dczb-distance .dczbd-out[hidden]{display:none}
#dczb-distance .dczbd-km{font-size:40px;font-weight:400;letter-spacing:-.02em;line-height:1.1}
#dczb-distance .dczbd-time{margin-top:6px;font-size:15px;color:#CFCBC2}
#dczb-distance .dczbd-book{display:inline-block;margin-top:14px;color:var(--o);font-weight:500;text-decoration:none}
#dczb-distance .dczbd-book:hover{color:var(--oh)}
@media (max-width:700px){
  #dczb-distance{padding:16px}
  #dczb-distance .dczbd-row{flex-direction:column}
  #dczb-distance .dczbd-go{align-self:stretch}
}