/* ===== ELM COMPARISON TABLE (PL) — ASTRA SAFE ===== */

.elm-table-wrap {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin: 1.5rem 0;
}

table.elm-compare-pl {
  width: 100%;
  min-width: 720px;
  border-collapse: collapse;
  font-family: inherit;
  font-size: 16px;
  color: #111111;              /* force readable text */
  background-color: #ffffff;
}

table.elm-compare-pl th,
table.elm-compare-pl td {
  border: 1px solid #d9d9d9;
  padding: 12px 14px;
  vertical-align: top;
}

/* 🔴 HEADER FIX — overrides Astra */
table.elm-compare-pl thead th {
  background-color: #f5f5f5;
  color: #111111 !important;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
}

/* zebra rows */
table.elm-compare-pl tbody tr:nth-child(even) {
  background-color: #fafafa;
}

/* hover */
table.elm-compare-pl tbody tr:hover {
  background-color: #f2f4f7;
}

/* feature column emphasis */
table.elm-compare-pl td:first-child {
  font-weight: 600;
  white-space: nowrap;
}

/* mobile font scaling */
@media (max-width: 768px) {
  table.elm-compare-pl {
    font-size: 14px;
  }
}



/* ===== ELM PRICING TABLE (Astra-safe) ===== */

.elm-table-wrap {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin: 1.5rem 0;
}

table.elm-pricing {
  width: 100%;
  min-width: 920px;
  border-collapse: collapse;
  font-family: inherit;
  font-size: 16px;
  color: #111111;
  background-color: #ffffff;
}

table.elm-pricing th,
table.elm-pricing td {
  border: 1px solid #d9d9d9;
  padding: 12px 14px;
  vertical-align: top;
}

/* header */
table.elm-pricing thead th {
  background-color: #f2f2f2;
  color: #111111 !important;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
}

/* price columns */
table.elm-pricing th:nth-child(n+4),
table.elm-pricing td:nth-child(n+4) {
  text-align: center;
  white-space: nowrap;
}

/* zebra */
table.elm-pricing tbody tr:nth-child(even) {
  background-color: #fafafa;
}

/* hover */
table.elm-pricing tbody tr:hover {
  background-color: #f5f7fa;
}

/* emphasis */
table.elm-pricing td:first-child strong {
  font-weight: 700;
}

/* mobile */
@media (max-width: 768px) {
  table.elm-pricing {
    font-size: 14px;
  }
}



/* ===== ELM COMPARISON TABLE — ASTRA SAFE ===== */

.elm-table-wrap {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin: 1.5rem 0;
}

table.elm-compare {
  width: 100%;
  min-width: 720px;
  border-collapse: collapse;
  font-family: inherit;
  font-size: 16px;
  color: #111111;              /* force readable text */
  background-color: #ffffff;
}

table.elm-compare th,
table.elm-compare td {
  border: 1px solid #d9d9d9;
  padding: 12px 14px;
  vertical-align: top;
}

/* 🔴 HEADER FIX — overrides Astra */
table.elm-compare thead th {
  background-color: #f5f5f5;
  color: #111111 !important;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
}

/* zebra rows */
table.elm-compare tbody tr:nth-child(even) {
  background-color: #fafafa;
}

/* hover */
table.elm-compare tbody tr:hover {
  background-color: #f2f4f7;
}

/* feature column emphasis */
table.elm-compare td:first-child {
  font-weight: 600;
  white-space: nowrap;
}

/* mobile font scaling */
@media (max-width: 768px) {
  table.elm-compare {
    font-size: 14px;
  }
}



/* ===== ELM PRICING TABLE (Astra-safe) ===== */

.elm-table-wrap {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin: 1.5rem 0;
}

table.elm-pricing {
  width: 100%;
  min-width: 920px;
  border-collapse: collapse;
  font-family: inherit;
  font-size: 16px;
  color: #111111;
  background-color: #ffffff;
}

table.elm-pricing th,
table.elm-pricing td {
  border: 1px solid #d9d9d9;
  padding: 12px 14px;
  vertical-align: top;
}

table.elm-pricing thead th {
  background-color: #f2f2f2;
  color: #111111 !important;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
}

table.elm-pricing th:nth-child(n+4),
table.elm-pricing td:nth-child(n+4) {
  text-align: center;
  white-space: nowrap;
}

table.elm-pricing tbody tr:nth-child(even) {
  background-color: #fafafa;
}

table.elm-pricing tbody tr:hover {
  background-color: #f5f7fa;
}

table.elm-pricing td:first-child strong {
  font-weight: 700;
}

@media (max-width: 768px) {
  table.elm-pricing {
    font-size: 14px;
  }
}