/**
 * Ticket Walla — unified dark theme (no extra header/nav polish; header uses its own inline styles)
 */
:root {
  --tw-bg-deep: #07070c;
  --tw-bg-page: #0c0c12;
  --tw-bg-card: #12121c;
  --tw-bg-elevated: #181825;
  --tw-bg-input: #1e1e2e;
  --tw-border: rgba(255, 255, 255, 0.09);
  --tw-border-strong: rgba(255, 190, 51, 0.35);
  --tw-accent: #ffbe33;
  --tw-accent-hover: #ffc94d;
  --tw-text: #eaeaef;
  --tw-text-muted: #9b9bab;
  --tw-radius: 14px;
  --tw-shadow: 0 18px 50px rgba(0, 0, 0, 0.45);
  --tw-transition: 0.22s cubic-bezier(0.4, 0, 0.2, 1);
  --tw-glow: 0 0 48px rgba(255, 190, 51, 0.12);
}

html.theme-dark,
.theme-dark body {
  background-color: var(--tw-bg-page) !important;
  color: var(--tw-text);
  scroll-behavior: smooth;
}

.theme-dark a:hover,
.theme-dark a:focus {
  color: var(--tw-accent) !important;
}

.theme-dark .event_section .box {
  background: linear-gradient(
    165deg,
    var(--tw-bg-elevated) 0%,
    var(--tw-bg-card) 45%,
    #0f0f18 100%
  ) !important;
  border: 1px solid var(--tw-border);
  border-radius: var(--tw-radius) !important;
  box-shadow: var(--tw-shadow);
  transition: transform var(--tw-transition), box-shadow var(--tw-transition),
    border-color var(--tw-transition);
}

.theme-dark .event_section .box:hover {
  transform: translateY(-6px);
  border-color: var(--tw-border-strong);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.55), var(--tw-glow);
}

.theme-dark .event_section .box .img-box {
  background: #0a0a10 !important;
  border-radius: 12px !important;
}

.theme-dark .event_section .filters_menu li {
  border: 1px solid transparent;
  transition: var(--tw-transition);
}

.theme-dark .event_section .filters_menu li:hover {
  border-color: var(--tw-border);
  background: rgba(255, 190, 51, 0.08);
}

.theme-dark .event_section .filters_menu li.active {
  background: linear-gradient(135deg, #ffbe33, #e6a000) !important;
  color: #0a0a0c !important;
  font-weight: 700;
}

.theme-dark .book_section .form_container .form-control,
.theme-dark .contact_section .form_container input,
.theme-dark .contact_section .form_container textarea {
  background: var(--tw-bg-input) !important;
  border: 1px solid var(--tw-border) !important;
  color: var(--tw-text) !important;
  border-radius: 10px !important;
  transition: border-color var(--tw-transition), box-shadow var(--tw-transition);
}

.theme-dark .book_section .form_container .form-control:focus,
.theme-dark .contact_section .form_container input:focus,
.theme-dark .contact_section .form_container textarea:focus {
  border-color: var(--tw-accent) !important;
  box-shadow: 0 0 0 3px rgba(255, 190, 51, 0.2);
  outline: none;
}

.theme-dark .book_section .form_container .form-control::placeholder,
.theme-dark .contact_section .form_container input::placeholder {
  color: var(--tw-text-muted) !important;
}

.theme-dark .multi_step_form {
  background: var(--tw-bg-page) !important;
}

.theme-dark .multi_step_form #msform {
  background: var(--tw-bg-card) !important;
  border: 1px solid var(--tw-border);
  border-radius: var(--tw-radius);
  box-shadow: var(--tw-shadow);
}

.theme-dark .multi_step_form #msform .tittle h2,
.theme-dark .multi_step_form #msform fieldset h3 {
  color: var(--tw-text) !important;
}

.theme-dark .multi_step_form #msform .tittle p,
.theme-dark .multi_step_form #msform fieldset h6,
.theme-dark .multi_step_form #msform fieldset .h6 {
  color: var(--tw-text-muted) !important;
}

.theme-dark small {
  color: var(--tw-text-muted) !important;
}

.theme-dark .event_preview {
  background: var(--tw-bg-page) !important;
}

.theme-dark .event_preview #event_section {
  background: var(--tw-bg-card) !important;
  border: 1px solid var(--tw-border);
  border-radius: var(--tw-radius);
  box-shadow: var(--tw-shadow);
}

.theme-dark .event_preview #event_section .navbar,
.theme-dark .navbar.sticky-top.bg-white {
  background: rgba(12, 12, 18, 0.92) !important;
  backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--tw-border) !important;
}

.theme-dark .event_preview #event_section .navbar h2,
.theme-dark .navbar.sticky-top.bg-white h2 {
  color: var(--tw-text);
}

.theme-dark .navbar.sticky-top.bg-white .price {
  color: var(--tw-text);
}

.theme-dark .event_preview #event_section .navbar i:hover {
  background: rgba(255, 190, 51, 0.15) !important;
  color: var(--tw-accent);
}

.theme-dark .event_preview .container h5,
.theme-dark .event_preview .container h6,
.theme-dark .event_preview .container p {
  color: var(--tw-text-muted);
}

.theme-dark .event_preview .container h5 {
  color: var(--tw-text);
}

.theme-dark .event_preview hr {
  border-color: var(--tw-border);
}

.theme-dark .nav-list {
  background: var(--tw-bg-card) !important;
  border-right: 1px solid var(--tw-border);
}

.theme-dark .nav-list li {
  border-bottom-color: var(--tw-border) !important;
}

.theme-dark .nav-list li.list-brand,
.theme-dark .nav-list li a {
  color: var(--tw-text) !important;
}

.theme-dark .nav-list li a.active {
  color: var(--tw-accent) !important;
}

.theme-dark .header {
  background: var(--tw-bg-elevated) !important;
  border-bottom: 1px solid var(--tw-border);
}

.theme-dark .register_tickets_area h4,
.theme-dark .tickets_checkout h5 {
  color: var(--tw-text) !important;
}

.theme-dark .tickets_checkout {
  border-bottom-color: var(--tw-border) !important;
  background: rgba(255, 255, 255, 0.02);
  border-radius: 12px;
  margin-bottom: 1rem;
  border: 1px solid var(--tw-border);
}

.theme-dark aside .content_aside {
  background: var(--tw-bg-elevated);
  border: 1px solid var(--tw-border);
  border-radius: var(--tw-radius);
  box-shadow: var(--tw-shadow);
}

.theme-dark aside .content_aside h3,
.theme-dark aside .content_aside h4,
.theme-dark aside .content_aside h5,
.theme-dark aside .content_aside h6 {
  color: var(--tw-text) !important;
}

.theme-dark .form-item input {
  background: var(--tw-bg-input) !important;
  border-color: var(--tw-border) !important;
  color: var(--tw-text) !important;
  border-radius: 10px !important;
}

.theme-dark .form-item label,
.theme-dark .form-item input[readonly] + label {
  background: var(--tw-bg-card) !important;
  color: var(--tw-text-muted) !important;
}

.theme-dark .form-item input:focus + label {
  color: var(--tw-accent) !important;
}

.theme-dark .note-editor {
  background: var(--tw-bg-input) !important;
  color: var(--tw-text) !important;
  border: 1px solid var(--tw-border) !important;
  border-radius: 10px !important;
}

.theme-dark .tag {
  background: var(--tw-bg-elevated) !important;
  color: var(--tw-text) !important;
  border: 1px solid var(--tw-border);
}

.theme-dark label {
  color: var(--tw-text-muted) !important;
}

.theme-dark .event-publish-card {
  background: var(--tw-bg-card);
  border-color: var(--tw-border) !important;
}

.theme-dark .event-publish-card .preview:hover {
  background: var(--tw-bg-elevated) !important;
  color: var(--tw-accent) !important;
}

.theme-dark .nice-select {
  background: var(--tw-bg-input) !important;
  border-color: var(--tw-border) !important;
  color: var(--tw-text) !important;
}

.theme-dark .nice-select .list {
  background: var(--tw-bg-card) !important;
  border: 1px solid var(--tw-border);
}

.theme-dark .note-toolbar {
  background: var(--tw-bg-elevated) !important;
  border-color: var(--tw-border) !important;
}

.theme-dark .app-page-shell .card {
  background: var(--tw-bg-card);
  border: 1px solid var(--tw-border);
  border-radius: var(--tw-radius);
  box-shadow: var(--tw-shadow);
  overflow: hidden;
}

.theme-dark .app-page-shell .card-header {
  background: var(--tw-bg-elevated) !important;
  color: var(--tw-text) !important;
  border-bottom: 1px solid var(--tw-border) !important;
  font-weight: 700;
}

.theme-dark .app-page-shell .card-body {
  color: var(--tw-text-muted);
}

.theme-dark .app-page-shell .btn-primary {
  background: linear-gradient(135deg, #ffbe33, #e6a000);
  border: none;
  color: #0a0a0c;
  font-weight: 700;
  border-radius: 999px;
  padding: 0.5rem 1.25rem;
  transition: transform var(--tw-transition), box-shadow var(--tw-transition);
}

.theme-dark .app-page-shell .btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(255, 190, 51, 0.35);
  color: #0a0a0c !important;
}

.theme-dark .app-page-shell .btn-link {
  color: var(--tw-accent) !important;
}

.theme-dark .app-page-shell .alert-success {
  background: rgba(46, 204, 113, 0.15);
  border: 1px solid rgba(46, 204, 113, 0.4);
  color: #6ee7a8;
  border-radius: 12px;
}

.theme-dark .ticket-alert-success {
  background: linear-gradient(135deg, rgba(46, 204, 113, 0.2), rgba(39, 174, 96, 0.12));
  border: 1px solid rgba(46, 204, 113, 0.45);
  color: #8ef5c0;
  border-radius: var(--tw-radius);
  padding: 1.5rem;
}

.theme-dark .ticket-alert-error {
  background: linear-gradient(135deg, rgba(231, 76, 60, 0.2), rgba(192, 57, 43, 0.12));
  border: 1px solid rgba(231, 76, 60, 0.45);
  color: #ffb4a8;
  border-radius: var(--tw-radius);
  padding: 1.5rem;
}

.theme-dark .ticket-btn-outline {
  display: inline-block;
  margin-top: 1.25rem;
  padding: 0.65rem 1.5rem;
  border-radius: 999px;
  border: 2px solid var(--tw-accent);
  color: var(--tw-accent) !important;
  font-weight: 700;
  transition: var(--tw-transition);
}

.theme-dark .ticket-btn-outline:hover {
  background: var(--tw-accent);
  color: #0a0a0c !important;
  transform: translateY(-2px);
}

.theme-dark .seat-select-card {
  border: 1px solid var(--tw-border) !important;
  background: var(--tw-bg-elevated) !important;
  color: var(--tw-text) !important;
  border-radius: 12px !important;
  transition: transform var(--tw-transition), border-color var(--tw-transition),
    box-shadow var(--tw-transition);
}

.theme-dark .seat-select-card:hover:not(.seat-disabled) {
  transform: scale(1.03);
  border-color: var(--tw-border-strong) !important;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35);
}

.theme-dark .seat-select-card.seat-disabled {
  opacity: 0.45;
  cursor: not-allowed !important;
}

.theme-dark .seat-select-card:has(input:checked) {
  border-color: var(--tw-accent) !important;
  box-shadow: 0 0 0 3px rgba(255, 190, 51, 0.25);
  background: rgba(255, 190, 51, 0.08) !important;
}

.theme-dark .tw-seat-panel {
  background: var(--tw-bg-card) !important;
  border: 1px solid var(--tw-border) !important;
  color: var(--tw-text) !important;
  border-radius: var(--tw-radius) !important;
  box-shadow: var(--tw-shadow);
}

.theme-dark .tw-seat-tile {
  transition: transform var(--tw-transition), box-shadow var(--tw-transition),
    border-color var(--tw-transition);
}

.theme-dark .tw-seat-tile:hover {
  transform: scale(1.08);
  box-shadow: 0 8px 24px rgba(255, 190, 51, 0.25) !important;
  border-color: rgba(255, 190, 51, 0.6) !important;
}

.theme-dark .flex-table-rounded .table-wrapper {
  background-color: var(--tw-bg-elevated) !important;
  border: 1px solid var(--tw-border);
}

.theme-dark .bg-white {
  background-color: var(--tw-bg-elevated) !important;
  color: var(--tw-text);
}

.theme-dark .text-muted {
  color: var(--tw-text-muted) !important;
}

.theme-dark .border,
.theme-dark .border-gray-200 {
  border-color: var(--tw-border) !important;
}

.theme-dark hr {
  border-color: var(--tw-border);
}

.theme-dark.auth-body section {
  background: radial-gradient(
      ellipse 120% 80% at 20% 20%,
      rgba(255, 190, 51, 0.08),
      transparent 50%
    ),
    linear-gradient(160deg, #06060a 0%, #0f0f18 45%, #08080e 100%) !important;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.theme-dark.auth-body section > .container {
  position: relative;
  width: 100%;
  max-width: 960px;
  height: 560px;
  min-height: 480px;
  background: var(--tw-bg-card) !important;
  border: 1px solid var(--tw-border);
  border-radius: 12px;
  box-shadow: var(--tw-shadow) !important;
  overflow: hidden;
}

.theme-dark.auth-body .container .user .formBx {
  background: var(--tw-bg-elevated) !important;
}

.theme-dark.auth-body .title,
.theme-dark.auth-body .container .user .formBx form h2 {
  color: var(--tw-text) !important;
}

@media (max-width: 992px) {
  .theme-dark.auth-body section > .container {
    height: auto;
    min-height: 520px;
  }

  .theme-dark.auth-body .container .user {
    position: relative;
    height: auto;
    min-height: 480px;
  }
}

.theme-dark.auth-body .formBx form input.form-control {
  background: var(--tw-bg-input) !important;
  border: 1px solid var(--tw-border) !important;
  color: var(--tw-text) !important;
  border-radius: 10px !important;
  transition: var(--tw-transition);
}

.theme-dark.auth-body .formBx form input.form-control:focus {
  border-color: var(--tw-accent) !important;
  box-shadow: 0 0 0 3px rgba(255, 190, 51, 0.2);
}

.theme-dark.auth-body input[type="submit"] {
  border-radius: 999px !important;
  font-weight: 800 !important;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  padding: 12px !important;
  border: none !important;
  transition: transform var(--tw-transition), box-shadow var(--tw-transition) !important;
}

.theme-dark.auth-body input[type="submit"]:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(255, 190, 51, 0.35);
}

.theme-dark .bg-orange,
.theme-dark .btn.bg-orange {
  background: linear-gradient(135deg, #ffbe33, #e6a000) !important;
  color: #0a0a0c !important;
  font-weight: 800;
  border: none !important;
  border-radius: 999px !important;
  transition: var(--tw-transition);
}

.theme-dark .bg-orange:hover,
.theme-dark .btn.bg-orange:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 28px rgba(255, 190, 51, 0.4);
  color: #0a0a0c !important;
}

.theme-dark .btn-primary,
.theme-dark .btn-warning {
  transition: transform var(--tw-transition), box-shadow var(--tw-transition);
}

.theme-dark .btn-primary:hover,
.theme-dark .btn-warning:hover {
  transform: translateY(-2px);
}

.theme-dark *:focus-visible {
  outline: 2px solid var(--tw-accent);
  outline-offset: 2px;
}

.theme-dark table.table {
  color: var(--tw-text);
}

.theme-dark table.table thead th {
  border-color: var(--tw-border);
  color: var(--tw-text-muted);
  background: var(--tw-bg-elevated);
}

.theme-dark table.table td,
.theme-dark table.table th {
  border-color: var(--tw-border);
}

.theme-dark table.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.04);
}

.theme-dark table.table-striped tbody tr:nth-of-type(even) {
  background-color: transparent;
}

.theme-dark .dataTables_wrapper,
.theme-dark .dataTables_wrapper .dataTables_length,
.theme-dark .dataTables_wrapper .dataTables_filter,
.theme-dark .dataTables_wrapper .dataTables_info,
.theme-dark .dataTables_wrapper .dataTables_paginate {
  color: var(--tw-text-muted) !important;
}

.theme-dark .dataTables_wrapper input {
  background: var(--tw-bg-input) !important;
  border: 1px solid var(--tw-border) !important;
  color: var(--tw-text) !important;
  border-radius: 8px !important;
}

.theme-dark.auth-body .invalid-feedback {
  color: #ffb4a8 !important;
}