/* ==========================================================
   Site fixes (Nov 2026) - cooperativehospitalpkd.com
   Loaded after style.css. Minor UI fixes only.
   ========================================================== */

/* Long email addresses must wrap instead of pushing the page sideways */
a[href^="mailto:"] { word-break: break-word; overflow-wrap: anywhere; }

/* Never let the page scroll sideways on phones */
html, body { overflow-x: hidden; }

/* Contact page maps */
.contact-map iframe { width: 100%; max-width: 100%; }

/* Small link between Doctors page and Timetable */
.page-switch-link { text-align: center; margin: -10px 0 30px; }
.page-switch-link a {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 10px 20px; border-radius: 30px;
  border: 1px solid currentColor; font-weight: 600; font-size: 15px;
}

/* ---------- Doctors timetable: card layout on phones ---------- */
@media (max-width: 767.98px) {
  .table-responsive { overflow: visible; }
  table.doctors-timetable,
  table.doctors-timetable tbody,
  table.doctors-timetable tr,
  table.doctors-timetable td {
    display: block; width: 100% !important; min-width: 0 !important;
  }
  table.doctors-timetable { border: 0 !important; background: transparent !important; }
  table.doctors-timetable thead { display: none; }
  table.doctors-timetable tr {
    background: #fff; border: 1px solid #e3e8ef !important; border-radius: 12px;
    margin: 0 0 12px; padding: 12px 14px;
    box-shadow: 0 2px 8px rgba(13, 27, 62, .06);
  }
  table.doctors-timetable tr[data-spec]::before {
    content: attr(data-spec); display: block; margin-bottom: 4px;
    font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase;
    color: #0e9f6e;
  }
  table.doctors-timetable td {
    border: 0 !important; padding: 2px 0 !important; text-align: left !important;
    background: transparent !important; vertical-align: top;
  }
  table.doctors-timetable td[data-col="num"],
  table.doctors-timetable td[data-col="spec"] { display: none !important; }
  table.doctors-timetable td[data-col="name"],
  table.doctors-timetable td[data-col="name"] * { font-size: 17px; font-weight: 700; color: #0d1b3e; }
  table.doctors-timetable td[data-col="qual"],
  table.doctors-timetable td[data-col="qual"] * { font-size: 13px; line-height: 1.5; color: #6b7280; }
  table.doctors-timetable td[data-col="time"] {
    margin-top: 8px; padding: 8px 10px !important; border-radius: 8px;
    background: #f1f7f4 !important; font-size: 14px;
  }
  table.doctors-timetable td[data-col="time"] * { text-align: left !important; }
}