/* Tester round 2 — WhatsApp, prenotazioni mobile, KDS toolbar */

/* WhatsApp config — no truncated labels in inputs */
.wa-line .form-control,
.wa-line input[type="text"],
.wa-line input[type="time"] {
  text-overflow: clip !important;
  overflow: visible !important;
  white-space: normal !important;
  max-width: 100% !important;
  width: 100% !important;
}

.wa-line .row > [class*="col-"] {
  min-width: 0;
}

@media (max-width: 767px) {
  .wa-line .row > [class*="col-md-"] {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/* Uniform WhatsApp brand in guides */
.pf-wa-brand-fix {
  word-break: break-word;
}

/* Top bar — labor cost chip readable on mobile */
.pf-labor-chip {
  max-width: min(100%, 18rem);
  white-space: normal;
  line-height: 1.2;
  text-align: center;
}

@media (max-width: 767px) {
  .pf-labor-chip {
    font-size: 0.72rem !important;
    padding: 0.4rem 0.55rem !important;
  }
}

/* Prenotazioni / embedded widgets — title + iframe within viewport */
@media (max-width: 767px) {
  .main-content > .header {
    padding-top: 0.85rem !important;
    padding-bottom: 0.75rem !important;
  }

  .main-content > .header .container-fluid,
  .main-content > .header .container {
    padding-left: 0.85rem;
    padding-right: 0.85rem;
  }

  .main-content > .header h1,
  .main-content > .header h2,
  .main-content > .header .display-2,
  .main-content > .header .display-3,
  .main-content > .header .display-4 {
    font-size: 1.35rem !important;
    line-height: 1.25 !important;
    word-break: break-word;
    hyphens: auto;
  }

  .main-content > .header .row.align-items-center {
    align-items: flex-start !important;
  }

  .main-content .container-fluid > .card,
  .main-content .container > .card {
    overflow: hidden;
  }

  .main-content iframe,
  .card iframe,
  .embed-responsive,
  .embed-responsive iframe,
  .pf-reservations-embed,
  .pf-reservations-embed iframe {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .embed-responsive {
    overflow: hidden;
    max-width: calc(100vw - 1.5rem);
    margin-left: auto;
    margin-right: auto;
  }

  .card-body.p-0,
  .card-body.p-0 iframe {
    max-width: 100%;
  }
}

/* KDS / ordini — station toolbar wraps on small screens */
.pf-kds-toolbar,
.kds-toolbar,
.navbar .kds-stations,
#kds-stations,
.kds-station-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  align-items: center;
  max-width: 100%;
}

@media (max-width: 767px) {
  .kds-station-btn,
  .pf-kds-toolbar .btn,
  .kds-toolbar .btn,
  .navbar .kds-station-btn {
    font-size: 0.78rem !important;
    padding: 0.45rem 0.55rem !important;
    white-space: nowrap;
    flex: 0 1 auto;
    max-width: 100%;
  }

  .kds-station-btn .btn-inner--text,
  .kds-station-btn span {
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .navbar-top .container-fluid {
    flex-wrap: wrap;
    gap: 0.35rem;
  }
}