/* Chuyển theme dark */
body.bg-dark section h2 {
  color: #ffd700;
}

body.bg-dark section .note {
  color: #ffd523;
}

body.bg-dark section h3 {
  color: #ffd700;
}

body.bg-dark .table th,
.bg-dark .table tr td {
  border-color: #000;
}

body.bg-dark .table thead th {
  background-color: #ffd700;
  color: #393e46;
}

body.bg-dark .table tr td {
  background-color: #fffbe0;
}

body.bg-dark .accordion-button[aria-expanded="false"] {
  background-color: #ffde4d;
}

body.bg-dark .accordion-button[aria-expanded="true"] {
  background-color: #fff455;
}

body.bg-dark .accordion-body {
  background-color: #fffbe0;
}

body.bg-dark .thank-you-section p {
  color: #ffd700;
}

/* Theme light */
.ticket-pricing {
  text-align: center;
}

.ticket-pricing h2 {
  text-align: center;
}

.section-title {
  text-align: center;
  margin: 40px 0 20px;
  font-size: 36px;
  font-weight: bold;
  color: #393e46;
  text-transform: uppercase;
}

h3 {
  text-align: left;
  margin-left: 10px;
}

.custom-spacing {
  margin-bottom: 50px;
}

.ticket-pricing p {
  color: #393e46;
}

.table-responsive {
  overflow-x: auto;
}

.table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 1rem;
}

.table th,
.table td {
  padding: 1rem;
  border: 1px solid #ccc;
  text-align: center;
  vertical-align: middle;
}

.table thead th {
  background-color: #393e46;
  color: #fff;
  font-weight: bold;
  font-size: 1rem;
}

.table tbody tr td {
  font-size: 1rem;
}

.table tbody tr:hover {
  background-color: #b2b1b9;
}

.table .left-col {
  font-weight: bold;
}

.table .vip {
  color: #d9534f;
  font-weight: bold;
}

.table .sweetbox {
  color: #5bc0de;
  font-weight: bold;
}

.note {
  font-style: italic;
  color: #393e46;
  font-size: smaller;
}

/* CSS để căn các mục danh sách */
.discounts-section .accordion-body ul {
  padding-left: 20px;
}

.discounts-section .accordion-body ul li {
  text-align: left;
  list-style-position: inside;
}

/* Màu khi đóng (aria-expanded="false") */
.accordion-button[aria-expanded="false"] {
  background-color: #d1d1d1; /* Màu nền khi đóng */
  color: #393e46; /* Màu chữ khi đóng */
}

/* Màu khi mở (aria-expanded="true") */
.accordion-button[aria-expanded="true"] {
  background-color: #eeeeee; /* Màu nền khi mở */
  color: #393e46; /* Màu chữ khi mở */
}

.accordion-button {
  transition: background-color 0.3s ease, color 0.3s ease;
}

.thank-you-section {
  padding: 20px;
  border-radius: 8px;
}
.thank-you-section p {
  margin: 0;
  color: #393e46;
}
.thank-you-section .lead {
  font-size: 1.25rem;
}
.thank-you-section .fw-bold {
  font-size: 1.5rem;
  color: #393e46;
}