/*SETTINGS OF IMAGES INSIDE THE CAROUSEL*/
.c-item {
  height: 420px;
  width: auto;
  object-fit: cover;
}

.Valve-img {
  height: 100%;
  object-fit: cover;
  filter: brightness(0.9);
}

.sporlan-item{
height: 300px;
object-fit: cover;
width: auto;
}

.VPF-item{
  height: 200px;
object-fit: cover;
width: auto;
}


a{
  text-decoration: none;
  color: #002e57;
}
#textbkg{
  background-color: #002e57;
  color: white;
}

.textbkg{
  background-color: #002e57;
}

.McsModal{
  margin-top: 0px;
}

.ExvDriverTbl{
  margin-top: 30px;
}

#ExvText{
  color: #002e57;
}
#ExvText2{
  color: #c42020;
}
.TitleText{
  margin-top: 30px;
  margin-bottom: 20px;
}

/* ---------- Class equivalents for former IDs (kept #ExvText / #ExvText2 above) ---------- */
.exv-text  { color: #002e57; font-weight: 700; }
.exv-text2 { color: #c42020; font-weight: 700; }

/* ---------- Table styling: consistent size + mobile-friendly ---------- */

/* Every table wrapper on this page gets a horizontal scroll on narrow screens.
   Bootstrap .table-responsive already provides overflow-x:auto; we reinforce it. */
.table-responsive {
  -webkit-overflow-scrolling: touch;
}

/* Common table cell behavior */
#valveCodeTable td,
#valveCodeTable th,
#SporlandValvesInfo td,
#SporlandValvesInfo th,
#VpfValveInfo td,
#VpfValveInfo th {
  vertical-align: middle;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

/* Valve-code table (3 columns) — fits on all screens without horizontal scroll */
#valveCodeTable {
  table-layout: fixed;
  width: 100%;
}
#valveCodeTable th:nth-child(1),
#valveCodeTable td:nth-child(1) { width: 18%; }
#valveCodeTable th:nth-child(2),
#valveCodeTable td:nth-child(2) { width: 22%; }
#valveCodeTable th:nth-child(3),
#valveCodeTable td:nth-child(3) { width: 60%; }

/* Sporland + VPF spec tables (7 columns each) — need a minimum width so they don't crush */
#SporlandValvesInfo table,
#VpfValveInfo table {
  min-width: 720px;
}

/* Icons in table cells stay a sensible size on mobile */
#SporlandValvesInfo td img,
#VpfValveInfo td img {
  max-height: 28px;
  width: auto;
}

/* Buttons inside table cells: no extra padding that pushes rows tall */
#SporlandValvesInfo .btn-link,
#VpfValveInfo .btn-link {
  padding: 0;
  vertical-align: baseline;
  color: #002e57;
  font-weight: 700;
  text-decoration: none;
}
#SporlandValvesInfo .btn-link:hover,
#VpfValveInfo .btn-link:hover { text-decoration: underline; }

/* --- Small screens: compact typography for readability, keep tables scannable --- */
@media (max-width: 640px) {
  #valveCodeTable,
  #SporlandValvesInfo table,
  #VpfValveInfo table {
    font-size: 0.85rem;
  }
  #valveCodeTable td,
  #valveCodeTable th,
  #SporlandValvesInfo td,
  #SporlandValvesInfo th,
  #VpfValveInfo td,
  #VpfValveInfo th {
    padding: 0.35rem 0.4rem;
  }
  /* Narrower first column for 3-col table on phones so long descriptions have room */
  #valveCodeTable th:nth-child(1),
  #valveCodeTable td:nth-child(1) { width: 22%; }
  #valveCodeTable th:nth-child(2),
  #valveCodeTable td:nth-child(2) { width: 22%; }
  #valveCodeTable th:nth-child(3),
  #valveCodeTable td:nth-child(3) { width: 56%; }
}