/*
  dahuuk-navigation.css — order-detail-page-এর stage-tracker-card-এর
  ভেতরে embed করার জন্য পুনর্লিখিত। Brand-token-নির্ভর, fixed-height
  সরানো হয়েছে, compact card-style।
*/

.dnav-root {
    font-family: inherit;
    display: flex; flex-direction: column;
    background: var(--color-bg); color: var(--color-text);
    border: 1px solid var(--color-border); border-radius: var(--radius);
    overflow: hidden;
}

.dnav-map {
    width: 100%; aspect-ratio: 16 / 10; max-height: 260px;
    background: var(--color-bg-alt);
}

.dnav-info-bar {
    padding: var(--space-3);
}

.dnav-eta-row {
    display: flex; align-items: baseline; gap: 8px; margin-bottom: var(--space-2);
}
.dnav-eta-value { font-size: 1.3rem; font-weight: 800; color: var(--color-text); }
.dnav-eta-unit  { font-size: var(--font-size-sm); color: var(--color-text-secondary); }
.dnav-eta-sep   { color: var(--color-border); font-size: 1.1rem; }

.dnav-action-row { display: flex; gap: var(--space-2); }

.dnav-btn {
    flex: 1;
    min-height: 46px;
    border: none; border-radius: var(--radius);
    display: flex; align-items: center; justify-content: center; gap: 6px;
    font-size: var(--font-size-sm); font-weight: 700;
    cursor: pointer; font-family: inherit;
}
.dnav-btn-route { background: var(--color-bg-alt); color: var(--color-text); flex: 1; }
.dnav-btn-navigate { background: var(--color-primary); color: #fff; flex: 2; }
.dnav-btn:disabled { opacity: 0.5; cursor: not-allowed; }
.dnav-btn:active { transform: scale(0.97); }

.dnav-icon { font-size: 1.1rem; line-height: 1; }

.dnav-message {
    padding: var(--space-2) var(--space-3); margin: 0 0 var(--space-2);
    background: #fff7ed; border: 1px solid #fde5cf; border-radius: 8px;
    font-size: var(--font-size-sm); color: #92400e; text-align: center; display: none;
}
.dnav-message.dnav-visible { display: block; }

@media (max-width: 420px) {
    .dnav-action-row { flex-direction: column; }
    .dnav-btn { flex: 1 !important; }
}

.dnav-root * { box-sizing: border-box; }