/*
 Theme Name:   Jupiter X Child
 Theme URI:    https://themes.artbees.net/jupiterx/
 Description:  Child theme voor Jupiter X met responsive tabellen
 Author:       SmartMarketing
 Template:     jupiterx
 Version:      1.0.0
*/

@import url("../jupiterx/style.css");

/* Responsive en stijlvolle tabellen */
.table-container {
  width: 100%;
  overflow-x: auto;
  margin-bottom: 20px;
}

.tabel-smart {
  width: 100%;
  min-width: 600px;
  border-collapse: separate;
  border-spacing: 0;
  color: white;
  font-family: sans-serif;
}

.tabel-smart th,
.tabel-smart td {
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  text-align: left;
  background-color: rgba(255, 255, 255, 0.05);
  white-space: nowrap;
}

.tabel-smart th {
  background-color: rgba(255, 255, 255, 0.1);
  font-weight: bold;
}

.tabel-smart tr:hover td {
  background-color: rgba(255, 255, 255, 0.1);
  transition: background-color 0.3s ease;
}

.tabel-smart td:first-child,
.tabel-smart th:first-child {
  border-top-left-radius: 8px;
}

.tabel-smart td:last-child,
.tabel-smart th:last-child {
  border-top-right-radius: 8px;
}