@import url("/assets/fonts/anuphan/webfont.css");

body {
  font-family: "Anuphan", sans-serif;
  line-height: 1.6;
}
p {
  margin: 0;
}

/* Table Styles */
table {
  border-collapse: collapse;
  width: 100%;
  margin: 1rem 0;
}

/* Table Type 1 - News/Information Table */
table.table-type-1 {
  border: 1px solid #ddd;
}

table.table-type-1 thead {
  background-color: #2c3e50;
  color: white;
}

table.table-type-1 th {
  padding: 12px 16px;
  text-align: left;
  font-weight: 600;
  border: 1px solid #ddd;
}

table.table-type-1 td {
  padding: 12px 16px;
  border: 1px solid #ddd;
}

table.table-type-1 tbody tr:nth-child(even) {
  background-color: #f8f9fa;
}

table.table-type-1 tbody tr:hover {
  background-color: #e8f4f8;
}

/* Table Type 2 - Product/Service Table */
table.table-type-2 {
  border: 2px solid #3498db;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

table.table-type-2 thead {
  background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);
  color: white;
}

table.table-type-2 th {
  padding: 14px 16px;
  text-align: left;
  font-weight: 700;
  border: 1px solid #3498db;
}

table.table-type-2 td {
  padding: 14px 16px;
  border: 1px solid #e0e0e0;
}

table.table-type-2 tbody tr {
  border-bottom: 2px solid #ecf0f1;
  transition: background-color 0.2s;
}

table.table-type-2 tbody tr:hover {
  background-color: #ebf5fb;
}

table.table-type-2 tbody tr:last-child {
  border-bottom: 2px solid #3498db;
}

/* Table Type 3 - Comparison Table */
table.table-type-3 {
  border: 1px solid #95a5a6;
}

table.table-type-3 thead {
  background-color: #34495e;
  color: white;
}

table.table-type-3 th {
  padding: 13px 16px;
  text-align: center;
  font-weight: 700;
  border: 1px solid #95a5a6;
}

table.table-type-3 td {
  padding: 13px 16px;
  border: 1px solid #bdc3c7;
  text-align: center;
}

table.table-type-3 tbody tr:nth-child(odd) {
  background-color: #ecf0f1;
}

table.table-type-3 tbody tr:nth-child(even) {
  background-color: #ffffff;
}

table.table-type-3 tbody tr:hover {
  background-color: #fff3cd;
}

/* Table Type 1 - First Column Style */
table.table-type-1 tbody td:first-child {
  font-weight: 600;
  background-color: #f0f0f0;
}

/* Table Type 2 - Price Column Style */
table.table-type-2 tbody td:last-child {
  font-weight: 700;
  color: #27ae60;
  font-size: 1.1em;
}

/* Table Type 3 - Header Column Style */
table.table-type-3 tbody td:first-child {
  font-weight: 600;
  background-color: #d5dbdb;
  text-align: left;
}