/* ============================================================
   driver_offline_look.css — επικαλύψεις και κομμένα κουμπιά στην εφαρμογή οδηγού
   ============================================================ */

/* «N εκκρεμούν» (chip της ουράς, inline style στο saas_offline_queue.js): κρυφό όσο είναι ανοιχτός ο wizard
   παράδοσης/παραλαβής ή φύλλο/παράθυρο (επιλογέας τρόπου πληρωμής, «Αποστολή μηνύματος», ερώτηση έκδοσης).
   Ξαναφαίνεται μόνο του μόλις κλείσουν, γιατί ο κανόνας παύει να ισχύει. Το !important νικά το inline display. */
body:has(#page-delivery-wizard.active) #cfx-offline-chip,
body:has(#page-wizard.active) #cfx-offline-chip,
body:has(#cfx-pm-overlay) #cfx-offline-chip,
body:has(#cvx-issue-confirm) #cfx-offline-chip,
body:has(#modal-send-message[style*="flex"]) #cfx-offline-chip {
  display: none !important;
}

/* Μήνυμα ειδοποίησης (toast): ΜΟΝΟ σε πλάτος ≤600px εμφανίζεται πάνω, κάτω από την κεφαλίδα, ώστε να μη
   σκεπάζει το κουμπί ολοκλήρωσης στο κάτω μέρος. Σε desktop καμία αλλαγή. */
@media (max-width: 600px) {
  .toast {
    bottom: auto;
    top: calc(env(safe-area-inset-top, 0px) + 60px);
    max-width: calc(100vw - 24px);
    transform: translateX(-50%) translateY(-12px);
  }
  .toast.toast-in { transform: translateX(-50%) translateY(0); }
}

/* Κουμπί ολοκλήρωσης παράδοσης: το κείμενο επιτρέπεται να πάει σε δεύτερη γραμμή, δεν κόβεται στα 360px.
   Ειδικότερος επιλογέας από τον κανόνα του wizard (που μπαίνει αργότερα στη σελίδα). */
.dw-fin button .dw-fin-main {
  white-space: normal;
  overflow-wrap: anywhere;
}

/* Κουμπιά wizard (π.χ. «Επικαιροποίηση»): να μπορούν να στενέψουν και να χωρά η λέξη στα 360px. */
.wz-btns .wz-btn {
  min-width: 0;
  padding-left: 6px;
  padding-right: 6px;
  font-size: min(1rem, 4vw);
  line-height: 1.15;
}

/* Σειρά με «Επικαιροποίηση» (data-wz-act="update"), ≤600px: στήλη, «Επικαιροποίηση» πάνω, «Κατάσταση» κάτω, πλήρες
   πλάτος, χωρίς σπάσιμο λέξης, ίδια γραμματοσειρά και μέγεθος. Οι άλλες σειρές .wz-btns δεν αλλάζουν. */
@media (max-width: 600px) {
  .wz-btns:has([data-wz-act="update"]) {
    flex-direction: column-reverse;
  }
  .wz-btns:has([data-wz-act="update"]) .wz-btn {
    width: 100%;
    flex: none;
    white-space: nowrap;
    font-size: 1rem;
  }
}