/* Delivery-partner hub (resources/views/delivery/*). Static, not built by Vite:
   the pages reuse the compiled Tailwind classes and this file adds only what
   those pages need on top (sticky mobile bar, tables, Indic font stacks). */

.dl-page { padding-bottom: 4.75rem; }
@media (min-width: 640px) { .dl-page { padding-bottom: 0; } }

/* Sticky "Apply / WhatsApp / Call" bar, phones only */
.dl-sticky {
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 45;
    display: flex; gap: .5rem; align-items: stretch;
    padding: .5rem .75rem calc(.5rem + env(safe-area-inset-bottom, 0px));
    background: var(--surface, #fff);
    border-top: 1px solid var(--border-soft, rgba(15, 23, 42, .1));
    box-shadow: 0 -6px 20px rgba(15, 23, 42, .08);
}
@media (min-width: 640px) { .dl-sticky { display: none; } }
.dl-sticky a { min-height: 44px; }
.dl-touch { min-height: 44px; }

/* Requirements table */
.dl-table { width: 100%; border-collapse: collapse; font-size: .875rem; }
.dl-table th, .dl-table td { padding: .6rem .75rem; text-align: left; vertical-align: top; border-bottom: 1px solid var(--border-soft, #e5e7eb); }
.dl-table th { background: var(--theme-primary-a04, rgba(99, 102, 241, .05)); font-weight: 600; color: var(--ink, #111827); }
.dl-table td:first-child { font-weight: 600; color: var(--ink, #111827); }

/* Numbered steps */
.dl-steps { counter-reset: dl-step; }
.dl-step { position: relative; padding-left: 3.25rem; }
.dl-step::before {
    counter-increment: dl-step; content: counter(dl-step);
    position: absolute; left: 0; top: 0; width: 2.5rem; height: 2.5rem; border-radius: 9999px;
    display: flex; align-items: center; justify-content: center; font-weight: 800; color: #fff;
    background: var(--theme-primary, #6366f1);
}

/* Hindi / Gujarati: Inter first (its @font-face covers Latin only, so Indic text
   falls through), then the Indic fonts each platform ships — Android/Chrome OS
   Noto Sans, Windows Nirmala UI, iOS/macOS Kohinoor / Sangam — so nothing is
   downloaded on slow networks; a subset woff2 can be added later. */
html[lang="hi-IN"] body, html[lang="gu-IN"] body {
    font-family: Inter, "Noto Sans Devanagari", "Noto Sans Gujarati", "Nirmala UI", "Kohinoor Devanagari", "Kohinoor Gujarati",
        "Devanagari Sangam MN", "Gujarati Sangam MN", "Hind", "Mangal", "Shruti", "Noto Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    line-height: 1.7;
}
html[lang="hi-IN"] h1, html[lang="gu-IN"] h1, html[lang="hi-IN"] h2, html[lang="gu-IN"] h2 { line-height: 1.35; }

/* Language switch pills */
.dl-lang a { display: inline-flex; align-items: center; min-height: 36px; padding: 0 .75rem; border-radius: 9999px; font-size: .8125rem; font-weight: 600; border: 1px solid var(--border-soft, #e5e7eb); color: var(--ink-muted, #4b5563); background: var(--surface, #fff); }
.dl-lang a[aria-current="page"] { color: #fff; background: var(--theme-primary, #6366f1); border-color: transparent; }

/* Company blocks: keep the three short paragraphs scannable */
.dl-company p + p { margin-top: .5rem; }
.dl-company dt { font-size: .72rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--ink-muted, #6b7280); margin-top: .75rem; }
.dl-company dd { margin: .2rem 0 0; }

/* Reduced motion */
@media (prefers-reduced-motion: reduce) { .dl-sticky { transition: none; } }