/* Ayamo, suivi des colis et de la navette (complète style.css) */
.trk{max-width:720px}
.trk-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;margin-top:20px}
.trk-etat{background:var(--navy);color:#fff;border:0}
.trk-etat .petit{color:#C9CCEA;font-size:15px;font-weight:700}
.trk-etat .gros{font-size:clamp(24px,3.4vw,32px);font-weight:900;font-variation-settings:"wdth" 118;line-height:1.15;margin-top:6px}
.trk-ok{background:#E8F6EE;color:#14532D;border-radius:12px;padding:16px 20px;margin-top:20px;font-weight:700}
.trk-info{background:var(--mist);border-radius:12px;padding:16px 20px;margin-top:20px}
.trk-err{background:#FDECEC;color:var(--wine);border-radius:12px;padding:16px 20px;margin-top:20px;font-weight:700}
.trk-steps{list-style:none}
.trk-steps li{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}
.trk-steps li:first-child{border-top:0}
.trk-pt{width:24px;height:24px;border-radius:50%;border:2px solid var(--line);display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:900}
.trk-steps li.fait .trk-pt{background:var(--blue);border-color:var(--blue)}
.trk-steps li.suiv{font-weight:800;color:var(--navy)}
.trk-steps li.suiv .trk-pt{border-color:var(--red);background:#fff}
.trk-h{font-variant-numeric:tabular-nums;font-weight:800;color:var(--navy)}
.trk-prevu{color:var(--red);font-weight:800;font-variant-numeric:tabular-nums}
.trk-muted{color:var(--muted)}
.trk-small{font-size:14px;color:var(--muted);margin-top:14px}
.trk-jours{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:8px}
.trk-jours input{width:auto;flex:0 1 200px}
.trk-nav{min-width:52px;padding:12px 16px}
.trk-nav:disabled{opacity:.35;cursor:default}
.trk-nums{columns:2;column-gap:24px;font-variant-numeric:tabular-nums;font-size:15px;margin-top:10px}
.trk-nums div{padding:3px 0;break-inside:avoid}
.trk-card details summary{cursor:pointer;color:var(--blue-dk);font-weight:800;margin-top:10px}
.trk-liste{list-style:none;margin-top:6px}
.trk-liste button{width:100%;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;text-align:left;font:inherit;background:none;border:0;border-top:1px solid var(--line);padding:14px 4px;cursor:pointer;color:var(--ink)}
.trk-liste li:first-child button{border-top:0}
.trk-liste button:hover{background:var(--mist)}
.trk-liste button.actif{background:var(--mist);font-weight:800;color:var(--navy)}
.trk-code{display:grid;gap:14px;max-width:420px}
.trk-code input{font-size:22px;letter-spacing:.3em}
.trk-lien{font-weight:800;color:var(--navy)}
@media (max-width:560px){.trk-card{padding:18px}.trk-nums{columns:1}}
/* Menu à 6 liens : garder chaque lien sur une ligne */
.nav a{white-space:nowrap}
@media (min-width:901px) and (max-width:1340px){.nav ul{gap:2px}.nav a{padding:8px 10px;font-size:14px}.head-call{padding:10px 14px;font-size:14px}}
@media (min-width:901px) and (max-width:1100px){.head-call{display:none}}
