/* Code Father overlay for the travel-os skin.
   Purpose: keep carTypes/fees as REAL <table> (SEO lock #4 — LLM citation edge)
   but style them in travel-os tokens, and add the recommendation banner (SEO #2). */

.tos-recommendation {
  background: var(--tos-soft-gold);
  border: 1px solid var(--tos-gold);
  border-radius: var(--tos-radius-lg, 14px);
  padding: 14px 18px;
  margin-top: 18px;
}
.tos-recommendation strong { color: var(--tos-gold-dark); }
.tos-recommendation p { margin: .35rem 0 0; color: var(--tos-slate-700); line-height: 1.5; }

.tos-table-wrap { overflow-x: auto; }
.tos-table {
  width: 100%;
  border-collapse: collapse;
  background: var(--tos-card);
  border: 1px solid var(--tos-border);
  border-radius: var(--tos-radius-lg, 14px);
  overflow: hidden;
}
.tos-table caption {
  text-align: left;
  color: var(--tos-muted);
  font-size: var(--tos-small, .85rem);
  padding: 0 0 10px;
}
.tos-table th {
  background: var(--tos-navy-900);
  color: #fff;
  text-align: left;
  padding: 12px 16px;
  font-size: .9rem;
  font-weight: 600;
}
.tos-table td {
  padding: 12px 16px;
  border-top: 1px solid var(--tos-border);
  color: var(--tos-slate-700);
}
.tos-table tbody tr:nth-child(even) { background: var(--tos-slate-100); }
.tos-table tbody tr:first-child td { border-top: 0; }

.tos-info-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; }
.tos-info-list li {
  background: var(--tos-card);
  border: 1px solid var(--tos-border);
  border-radius: var(--tos-radius-md, 10px);
  padding: 12px 16px;
  color: var(--tos-slate-700);
  line-height: 1.5;
}

/* Language top bar (Nir-requested) */
.tos-topbar { background: var(--tos-navy-950); color: #e2e8f0; }
.tos-topbar__inner { display: flex; align-items: center; gap: 4px; justify-content: flex-end; padding: 6px 0; flex-wrap: wrap; }
.tos-topbar__globe { margin-right: auto; font-size: .8rem; opacity: .75; letter-spacing: .02em; }
.tos-lang { display: inline-flex; align-items: center; gap: 5px; color: #cbd5e1; text-decoration: none; padding: 3px 9px; border-radius: var(--tos-radius-pill, 999px); font-size: .8rem; transition: background .15s, color .15s; }
.tos-lang__flag { font-size: .95rem; }
.tos-lang.is-active { background: rgba(255,255,255,.16); color: #fff; font-weight: 600; }
.tos-lang:hover { background: rgba(255,255,255,.08); color: #fff; }