body {
  color: #c9d1d9;
  background: #1f2328;
}

a:not(.button):not(.custom-btn),
a:not(.button):not(.custom-btn):active,
a:not(.button):not(.custom-btn):visited {
  color: #c9d1d9;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

h3 a {
  color: #c9d1d9;
}

.header-content-container {
  background: rgba(31, 35, 40, 0.95);
  border-bottom: 1px solid #2A2F34;
}

.header-top-line {
  background: #4b1970;
  background: linear-gradient(90deg, #4b1970 0%, #1960ca 100%);
}

.header-bottom-line {
  background: #4b1970;
  background: linear-gradient(90deg, #4b1970 0%, #1960ca 100%);
}

.header-sub {
  background: rgba(34, 38, 43, 0.9);
  border-bottom: 1px solid #2A2F34;
}

.header-sub-profile-image-border {
  background: #21252B;
  box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.12);
}

.header-sub-profile-image-container:hover {
  .header-sub-profile-image-border {
    box-shadow: 0px 4px 25px rgba(115, 44, 102, 0.5);
  }
}

.header-sub-content {
  color: #b2b3bf;
}

.header-sub-content .title {
  color: #b2b3bf;
}

.header-sub-content .subtitle {
  color: #9b9ba5;
}

/* Header Scroll Behavior Dark Mode */
.header-content-wrapper.header-sub-hidden {

  .header-content-container {
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.3s ease;
  }

  .header-sub-wrapper {}
}

.header-logo-container {
  background-image: url("/img/jeckdesk-logo-horizontal-w.svg");
  opacity: 0.95;
}

/* Header Action Buttons Dark Mode */
.header-action-btn {
  background: transparent;
  border: 1px solid transparent;
  color: #C8D1D9;

  i {
    color: #C8D1D9;
  }

  &:hover {
    color: #FFFFFF;
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.025);
  }

  &:active {
    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(255, 255, 255, 0.2);
  }

  &.desktop-only:not(:last-child)::after {
    background: #363C42;
  }
}

/* Dark Mode Links als Action Buttons */
a.header-action-btn:not(#customer-portal-btn) {

  &:link,
  &:visited {
    color: #C8D1D9 !important;
    text-decoration: none !important;
  }

  &:hover {
    color: #FFFFFF !important;
    text-decoration: none !important;
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.025);
  }

  &:active {
    color: #FFFFFF !important;
    text-decoration: none !important;
    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(255, 255, 255, 0.2);
  }

  i {
    color: inherit !important;
  }
}

/* Mobile Dark Mode for Action Buttons */
@media screen and (max-width: 767px) {
  .header-action-btn {
    border: 1px solid transparent;

    &:hover {
      background: rgba(255, 255, 255, 0.05);
      border-color: rgba(255, 255, 255, 0.025);
    }
  }

  #theme-toggle-btn::after {
    background: #363C42;
  }
}

/* Mobile Menu Dark Mode */
.mobile-menu-dropdown {
  background: #1F2328;
  box-shadow: 0 4px 33px rgba(0, 0, 0, 0.2);
  border: 1px solid #2A2F34;
}

.mobile-menu-item {
  background: transparent;
  border: 1px solid transparent;
  color: #C8D1D9;

  i {
    color: #C8D1D9;
  }

  &:hover {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.025);
  }

  &#mobile-customer-portal-btn {
    background: #732C66;
    color: #FFFFFF;
    border-color: #732C66;

    i {
      color: #FFFFFF;
    }

    &:hover {
      background: #8B3B7A;
      border-color: #8B3B7A;
    }
  }
}

/* Dark Mode Links als Mobile Menu Items */
a.mobile-menu-item {

  &:link,
  &:visited {
    color: #C8D1D9 !important;
    text-decoration: none !important;
  }

  &:hover {
    color: #C8D1D9 !important;
    text-decoration: none !important;
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.025);
  }

  &:active {
    color: #C8D1D9 !important;
    text-decoration: none !important;
  }

  &#mobile-customer-portal-btn {

    &:link,
    &:visited,
    &:hover,
    &:active {
      color: #FFFFFF !important;
    }
  }
}

.griv-nav-content {
  background: #FFFFFF;
  border: 1px solid #EBEBEB;
}

.griv-nav-item.active {
  background: #F6F6F6;
  color: #666666;
}

.griv-nav-item:hover {
  background: #FCFCFC;
}

.articles-grid-item-container {
  color: #000;
}

.articles-grid-item {
  border: 1px solid rgba(255, 255, 255, 0.025);
}

.articles-grid-info-item {
  background: #171C20;
  border: 1px solid #171C20;
  transition: box-shadow 0.3s ease, border-color 0.3s ease;
}

.article-grid-image {
  background-color: #1b2023;
}

.articles-grid-info-item-date {}

.articles-grid-info-item-title .title {
  color: #fff;
}

.articles-grid-info-item-title .subtitle {
  color: #8E8E8E;
}

.articles-grid-info-item-location {
  color: #D8D8D8;
}


.articles-grid-divider {
  background: #2A2F34;
}

.articles-grid-info-item-event-host .event-host-image {
  background: #1B2023;
  border: 1px solid #24282D;
}

.articles-grid-info-item-event-host .event-host-text {
  color: #FFFFFF;
}


.article-distance-label {
  color: #fff;
  background: #171D20;
  border: 1px solid #24282D;
}

.article-status-label {
  color: #fff;
}

.article-details-info-container {}

.client-info-image {
  border: 1px solid rgba(255, 255, 255, 0.025);
  background: #1b2023;
}

.tickets-list-item-container {
  background: #22262B;
  border: 1px solid #363C42;

  &::after {
    background: #363C42;
  }
}

.tickets-grid-divider {
  background: #2A2F34;
}

.tickets-list-item .title .title-type {
  background: #3C4248;
  border: 1px solid #2A2F34;
  color: #B1B3BF;
}

.tickets-list-item .title .title-status {
  background: #3C4248;
  border: 1px solid #2A2F34;
  color: #B1B3BF;
}

.tickets-list-item .amount .amount-value {
  background: #1c1e21;
  border-top: 1px solid #1c1e21;
  border-bottom: 1px solid #1c1e21;
  color: #fff;
}

.tickets-list-item .amount .amount-value.disabled {
  border: 1px solid #1c1e21;
}

.tickets-list-item .amount .amount-btn {
  background: #171A1D;
  color: #C8D1D9;
}

.tickets-list-item .amount .amount-add {
  background: #171A1D;
  color: #C8D1D9;
}

.tickets-list-item .amount .amount-add:not(.disabled):hover {
  background: #442B85;
  color: #fff;
}

.tickets-list-item .amount .amount-remove {
  background: #171A1D;
  color: #C8D1D9;
}

.tickets-list-item .amount .amount-remove:not(.disabled):hover {
  background: #FF4A4A;
  color: #fff;
}

.ticket-item-seating-hint {
  background: #22262B;
  border: 1px solid #363C42;
  color: #C8D1DA;
}

.tickets-list-item .amount .amount-value.clickable i {
  color: #8B949E;
}

.tickets-list-item .amount .amount-value.clickable:hover {
  background: #171A1D;
  border-top: 1px solid #181A1D;
  border-bottom: 1px solid #181A1D;
}

.tickets-list-item .amount .amount-value.clickable:hover i {
  color: #C8D1D9;
}

.amount-dropdown {
  background: #1F2328;
  border: 1px solid #363C42;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.2);
}

.amount-dropdown-arrow {
  border-top-color: #22262B;
}

.amount-dropdown-arrow::before {
  border-top-color: #22262B;
}

.amount-dropdown-item {
  border-bottom: 1px solid #2A2F34;
  color: #C8D1D9;
}

.amount-dropdown-item:hover {
  background: #22262B;
}

.amount-dropdown-item.selected {
  background: #732C66;
  color: #FFFFFF;
}

.checkout-timer {
  background: #442B85;
  color: #fff;
}

.checkout-timer.mobile-cart-visible {}

.checkout-v-divider-gap {
  background: #2A2F34;
}

.payment-method-item {
  background: #1f2328;
  border: 1px solid #2A2F34;
  color: #C8D1D9;
}

.payment-method-item:not(.active):hover {
  border: 1px solid rgba(88, 54, 172, 0.8);
  box-shadow: 0px 0px 5px 0px rgba(69, 43, 133, 0.1);
}

input[type="text"]:not(.custom-form),
input[type="email"]:not(.custom-form),
input[type="number"]:not(.custom-form),
input[type="password"]:not(.custom-form),
textarea:not(.custom-form),
select:not(.custom-form) {
  color: #fff;
  background-color: #171a1d;
  border: 1px solid #363c42;
}

input[type="text"]:not(.error):not(.custom-form):focus,
input[type="number"]:not(.error):not(.custom-form):focus,
input[type="email"]:not(.error):not(.custom-form):focus,
input[type="password"]:not(.error):not(.custom-form):focus,
textarea:not(.error):not(.custom-form):focus,
select:not(.error):not(.custom-form):focus {
  background-color: #171a1d !important;
  border: 1px solid #676f77;
}

.input-table-list {
  border-left: 2px solid #363c42 !important;
}

.custom-file-input {
  color: #8e8e8e;
  background-color: #171a1d;
  border: 1px solid #363c42;
}

.status-container {
  background: #22262b;
  border: 1px solid #363c42;
  color: #c9d1d9;
}

.checkbox_label {
  color: #fff;
}

.checkbox_label:before {
  background-color: #1B1F23;
  border-color: #2E3338;
}

.checkbox_label:after {
  background-color: #CAD1D9;
  border-color: #CAD1D9;
}

input[type="checkbox"]:checked+.checkbox_label:before {
  border-color: #2E3338;
}

input[type="checkbox"].disabled+.checkbox_label:before,
input[type="checkbox"]:disabled+.checkbox_label:before {
  background-color: #1B1F23;
}

input[type="checkbox"].disabled+.checkbox_label:after,
input[type="checkbox"]:disabled+.checkbox_label:after {
  background-color: #CAD1D9;
}

select {
  background-image: url("/img/chevron-down.svg");
  background-size: 14px;
  background-repeat: no-repeat;
  background-position: calc(100% - 20px) center;
}

select.error {
  background-image: url("/img/chevron-down.svg");
  background-size: 14px;
  background-repeat: no-repeat;
  background-position: calc(100% - 20px) center;
}

.ui.modal {
  background: #1f2328;
}

.ui.modal>.content {
  background: #1f2328;
  color: #c8d1d9;
}

.ui.modal>.actions {
  background: #22262b;
  border-top: 1px solid #363c42;
}

.ui.modal>.content>.description {}

.ui.label {
  color: #c9d1d9 !important;
  background-color: #171a1d !important;
}

.ui.dropdown {
  color: #fff !important;
  background-color: #171a1d !important;
  border-color: #363c42 !important;
  background-image: url("/img/chevron-down.svg") !important;
  background-size: 14px !important;
  background-repeat: no-repeat !important;
  background-position: calc(100% - 20px) center !important;
}

.ui.selection.dropdown:focus {
  border-color: #676f77 !important;
}

.ui.dropdown .menu {
  background: #171a1d !important;
}

.ui.search.selection.dropdown.custom-dropdown>input.search {
  color: #fff !important;
}

.ui.multiple.search.dropdown>input.search {
  color: #fff !important;
}

.ui.search.dropdown.active>input.search,
.ui.search.dropdown.visible>input.search {
  color: #fff !important;
}

.ui.dropdown .menu>.message:not(.ui) {
  color: #8e8e8e;
}

.ui.search.selection.dropdown.custom-dropdown {
  background-image: url("/img/icon-search-dark.svg") !important;
  background-size: 14px !important;
  background-repeat: no-repeat !important;
  background-position: 17px center !important;
}

.ui.selection.dropdown {
  background-color: #171a1d !important;
}

.ui.selection.active.dropdown .menu {
  border-color: #676f77 !important;
}

.ui.selection.active.dropdown:hover .menu {
  border-color: #676f77 !important;
}

.ui.selection.dropdown .menu>.item {
  border-top: 1px solid #363c42;
}

.ui.dropdown .menu .selected.item,
.ui.dropdown.selected {
  background: #171a1d;
}

.ui.dropdown .menu>.item:hover {
  background: #171a1d;
}

.ui.dropdown .menu .selected.item,
.ui.dropdown.selected {
  color: #fff !important;
}

.ui.dropdown .menu>.item:hover {
  color: #fff !important;
}

.ui.dropdown .menu>.item {
  color: #fff !important;
}

.ui.selection.visible.dropdown>.text:not(.default) {
  color: #fff !important;
}

.detail-dropdown-item .dropdown-image {
  background: #22262b;
  border: 1px solid #363c42;
}

.button.neutral {
  color: #c9d1d9;
  border: 1px solid #c9d1d9;
}

.button.neutral.filled {
  background-color: #2e3237;
  color: #fff;
  border: 1px solid #2e3237;
}

.button.neutral:hover {
  background-color: #292c31;
  color: #fff;
  border: 1px solid #292c31;
}

.button.textual {
  color: #c9d1d9;
}

.button.disabled {
  background-color: none;
  color: #acafbb;
  border: 1px solid #424950;
}

.button.filled.disabled {
  background: #3c4248;
  color: #acafbb;
  border: 1px solid #424950;
}

.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
  color: #22262b;
}

.datepicker--cell.-focus- {
  background: #c9d1d9;
  color: #22262b;
}

.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
  color: #22262b;
}

.datepicker {
  background: #22262b;
  border-bottom: 1px solid #363c42;
  color: #c9d1d9;
}

.datepicker--pointer {
  position: absolute;
  top: -5px;
  background: #22262b;
  border-top: 1px solid #22262b;
  border-right: 1px solid #22262b;
  width: 10px;
  height: 10px;
  z-index: -1;
}

.datepicker--cell-day.-other-month-,
.datepicker--cell-year.-other-decade- {
  color: #c9d1d9;
}

.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
  color: #22262b;
}

.-disabled-.-focus-.datepicker--cell-day.-other-month-,
.-disabled-.-focus-.datepicker--cell-year.-other-decade- {
  color: #c9d1d9;
}

.datepicker--nav {
  border-bottom: 1px solid #363c42;
}

.datepicker--nav-title:hover {
  background: #f0f0f0;
  color: #22262b;
}

.datepicker--nav-title:hover i {
  color: #22262b;
}

.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
  color: #22262b;
}

.datepicker--time {
  border-top: 1px solid #363c42;
}

.datepicker--time-current-hours.-focus-,
.datepicker--time-current-minutes.-focus- {
  color: #22262b;
}

.datepicker--time-row {
  background: linear-gradient(to right, #363c42, #363c42) left 50%/100% 1px no-repeat;
}

.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
  color: #22262b;
}

.status-container {
  background: #22262B;
  border: 1px solid #363c42;
  color: #c9d1d9;
}

.status-container.success:before {
  background: #39d67b;
}

.status-container.error:before {
  background: #ff4a4a;
}

.status-container.warning:before {
  background: #fbbd09;
}

.status-container.info:before {
  background: #732d67;
}

.overlay-processing-container {
  background: rgba(3, 3, 4, 0.7);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.overlay-processing-container .text {
  color: #c9d1d9;
}

.chart-content-frame {
  background: #22262B;
  border: 1px solid #363C42;
}

.package-indicator {
  background: #732c66;
  border: 1px solid #732c66;
  color: #fff;
}

.package-info-container {
  background: #22262B;
  border: 1px solid #363C42;

  .package-info-text {
    color: #C8D1DA;
  }

  .package-sub-articles {
    color: #C8D1DA;

    .package-sub-price {
      color: #C8D1DA;
    }
  }

  .package-total-info {
    border-top: 1px solid #363C42;
    color: #C8D1DA;
  }
}

/* Ticket-Portal */

.portal-order-event-container {
  background: #22262B;
  border: 1px solid #363C42;
}

.portal-order-info-container {
  background: #22262B;
  border: 1px solid #363C42;
}

.portal-tickets-item {
  background: #1F2328;
  border: 1px solid #363C42;
  border-bottom: 1px solid #363C42;
}

.portal-container-title {
  background: #181A1D;
  color: #fff;
}

.portal-tickets-item::before {
  background: #732C66;
}

.portal-tickets-item.ticket-type-sub::before {
  background: #6c6c6c;
}

.ticket-header {
  border-bottom: 1px solid #363C42;
  background: #22262B;
}

.ticket-label {
  background: #181A1D;
  color: #fff;
}

.ticket-actions {
  border-top: 1px solid #363C42;
}

.ticket-actions-wallet {
  border-top: 1px solid #363C42;
  background: #1C2024;
}

.wallet-button-container {
  background: #22262B;
  border: 1px solid #363C42;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.wallet-button-container:hover {
  background: #252A2F;
  border-color: #4A5158;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.event-description-text {
  color: #C8D1D9;
}

.segment-toggle {
  background: #22262B;
  border: 1px solid #363C42;
}

.segment-indicator {
  background: #732C66;
}

.segment-button {
  color: #8B949E;

  &.active {
    color: #fff;
  }

  &:hover:not(.active) {
    color: #C8D1D9;
  }
}

.portal-tickets-list-item {
  background: #1F2328;
  border: 1px solid #363C42;
}

.portal-tickets-list-item::before {
  background: #732C66;
}

.portal-tickets-list-item.ticket-type-sub::before {
  background: #6c6c6c;
}

.list-item-title .ticket-category {
  color: #C8D1D9;
}

.ticket-type-badge-small {
  background: #22262B;
  color: #C8D1D9;
  border: 1px solid #363C42;
}

.list-item-details {
  color: #8B949E;
}

.list-item-price {
  color: #C8D1D9;
}

.list-item-wallet-container {
  background: #1C2024;
  border-top: 1px solid #2A2F34;
}

.list-item-wallet-buttons .wallet-button-container {
  background: transparent;
  border: none;
  box-shadow: none;
}

.list-item-wallet-buttons .wallet-button-container:hover {
  background: transparent;
  border: none;
  box-shadow: none;
}

.notification-text {
  margin-top: 50px;
  font-size: 11px;
  text-align: justify;
  color: #50545a;
}

/* Wallet Hint Dark Mode */
.wallet-hint-container {
  background: #22262B;
  border: 1px solid #363C42;
}

.wallet-hint-icon {
  background: #732C66;
}

.wallet-hint-title {
  color: #C8D1D9;
}

.wallet-hint-description {
  color: #8B949E;
}

.wallet-hint-description strong {
  color: #C8D1D9;
}

@media screen and (max-width: 1100px) {
  .articles-grid-item-container {
    color: #000;
  }
}

/* Share Modal Dark Mode */
.share-modal-overlay {
  background: rgba(0, 0, 0, 0.8);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

.share-modal-overlay.show {
  opacity: 1;
  visibility: visible;
}

.share-modal {
  background: #1F2328;
  border: 1px solid #363C42;
  transform: translateY(100px);
  opacity: 0;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;
}

.share-modal.show {
  transform: translateY(0);
  opacity: 1;
}

.share-modal-header {
  border-bottom: 1px solid #363C42;

  h3 {
    color: #C8D1D9;
  }
}

.share-modal-close {
  background: #22262B;
  color: #8B949E;
  border: 1px solid transparent;

  &:hover {
    background: #22262B;
    color: #C8D1D9;
    border: 1px solid #363C42;
  }
}

.share-option-item {
  &:hover {
    background: #22262B;
  }

  span {
    color: #8B949E;
  }
}

.share-option-icon {
  background: #C8D1DA !important;
  border: 1px solid #363C42 !important;
  color: #37393b !important;
}

.share-option-icon.native {
  background: #732C66 !important;
  border: 1px solid #732C66 !important;
  color: #FFFFFF !important;
}

.share-link-section {
  label {
    color: #C8D1D9;
  }
}

.share-link-input {
  border: 1px solid #363C42;
  background: #22262B;

  input {
    color: #C8D1D9;
    background: transparent;

    &::placeholder {
      color: #6C737A;
    }
  }
}

.share-copy-btn {
  background: #22262B;
  border-left: 1px solid #363C42 !important;
  color: #8B949E;

  &:hover {
    background: #171A1D;
    color: #C8D1D9;
  }

  &.positive {
    background: #19E181;
    color: #fff;

    &:hover {
      background: #19E181;
    }
  }
}

/* Personalize Modal Dark Mode */
.personalize-modal-overlay {
  background: rgba(0, 0, 0, 0.8);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

.personalize-modal-overlay.show {
  opacity: 1;
  visibility: visible;
}

.personalize-modal {
  background: #1F2328;
  border: 1px solid #363C42;
  transform: translateY(100px);
  opacity: 0;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;
}

.personalize-modal.show {
  transform: translateY(0);
  opacity: 1;
}

.personalize-modal-header {
  border-bottom: 1px solid #363C42;
}

.personalize-modal-header h3 {
  color: #C8D1D9;
}

.personalize-modal-close {
  background: #22262B;
  color: #8B949E;
  border: 1px solid transparent;
}

.personalize-modal-close:hover {
  background: #22262B;
  color: #C8D1D9;
  border: 1px solid #363C42;
}

/* Event Info Modern Dark Mode */
.timeline-line {
  background: linear-gradient(180deg, #732C66 0%, rgba(115, 44, 102, 0.15) 100%);
}

.timeline-line::after {
  background: rgba(115, 44, 102, 0.25);
}

.timeline-dot {
  background: #1F2328;
  border-color: #732C66;
}

.timeline-dot i {
  color: #C17BB5;
}

.timeline-content {
  background: #22262B;
  border: 1px solid #363C42;
}

.timeline-content::before {
  border-color: transparent #22262B transparent transparent;
}

.timeline-content::after {
  border-color: transparent #363C42 transparent transparent;
}

.timeline-header h3 {
  background: #1F2328;
  color: #C8D1D9;
  border: 1px solid #363C42;
}



.detail-item {
  color: #C8D1D9;
}

.detail-item strong {
  color: #C8D1D9;
}

.detail-icon {
  background: rgba(115, 44, 102, 0.12);
  border-color: rgba(115, 44, 102, 0.2);
}

.detail-icon i {
  color: #C17BB5;
}

.detail-label {
  color: #6B737A;
  font-weight: 600;
}

.timeline-action {
  border-top-color: #363C42;
}

.calendar-dropdown {
  background: #22262B;
  border-color: #363C42;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);

  .calendar-option {
    color: #C8D1D9;

    &:hover {
      background: #1F2328;
    }

    &+& {
      border-top-color: #363C42;
    }
  }
}

.location-full-width {}

.location-name-large {
  color: #C8D1D9;
}

.location-address {
  color: #8B949E;
}

.location-address i {
  color: #C17BB5;
}

.location-address span {
  color: #C8D1D9;
}

.location-map-container {
  border-color: #262b30;
  background: #161B22;
}

.location-map-placeholder {
  background: #1F2328;
}

.map-privacy-notice {
  h4 {
    color: #C8D1D9;
  }

  p {
    color: #8B949E;
  }
}

@media screen and (max-width: 767px) {
  .event-info-item {
    border-bottom: 1px solid #32373B;
  }
}

/* Ticket Type Modal Dark Mode */
.ticket-type-modal-overlay {
  background: rgba(0, 0, 0, 0.8);
}

.ticket-type-modal {
  background: #1F2328;
  border: 1px solid #363C42;
}

.ticket-type-package-info {
  border-top: 1px solid #363C42;

  .package-indicator {
    background: #732c66;
    border: 1px solid #732c66;
    color: #fff;
  }

  .package-info-container {
    background: #22262B;
    border: 1px solid #363C42;
    color: #C8D1D9;

    .package-info-text {
      color: #C8D1D9;

      i {
        color: #C8D1D9;
      }
    }

    .package-sub-articles {
      color: #8B949E;

      .package-sub-price {
        color: #8B949E;
      }
    }

    .package-total-info {
      border-top: 1px solid #363C42;
      color: #8B949E;
    }
  }
}

.ticket-type-modal-header {
  border-bottom: 1px solid #363C42;
}

.ticket-type-modal-header h3 {
  color: #C8D1D9;
}

.ticket-type-modal-close {
  background: #22262B;
  color: #8B949E;
  border: 1px solid transparent;
}

.ticket-type-modal-close:hover {
  background: #22262B;
  color: #C8D1D9;
  border: 1px solid #363C42;
}

.ticket-type-option {
  border: 1px solid #363C42;
  background: #22262B;

  &:hover:not(.disabled) {
    background: #23272d;
    border-color: #432B85;
    box-shadow: 0px 0px 5px 0px rgba(69, 43, 133, 0.3);
  }

  &.disabled {
    background: #1F2328;
    opacity: 0.5;

    .ticket-type-price {
      background: #363C42;
    }
  }
}

.ticket-type-disabled-reason {
  background: #332D1C;
  border-color: #574B24;
  color: #FFD95D;
}

.ticket-type-name {
  color: #C8D1D9;
}

.ticket-type-description-container {
  border-top: 1px solid #363C42;
}

.ticket-type-description-title {
  color: #8B949E;
}

.ticket-type-description {
  color: #8B949E;
}

.ticket-type-price {
  color: #fff;
  background: #38D57A;
}

.ticket-seat-info {
  border-bottom-color: #363C42;
}

.ticket-type-selection-hint {
  color: #8B949E;
}

.ticket-seat-info-title {
  color: #8B949E;
}

.ticket-seat-info-item {
  color: #C8D1D9;
}

.ticket-seat-info-item .label {
  color: #8B949E;
}

.ticket-item-limit-info {
  color: #8B949E;
}

.ticket-item-description-container {
  border-top-color: #363C42;
}

.ticket-item-limits {
  border-top-color: #363C42;
}

/* Tickets Filter Dark Mode */
.tickets-filter-menu {
  background: #22262B;
  border: 1px solid #363C42;
}

.filter-btn {
  background: #1F2328;
  border: 1px solid #363C42;
  color: #8B949E;
}

.filter-btn:hover {
  background: #252A2F;
  border-color: #732C66;
  color: #C8D1D9;
}

.filter-btn.active {
  background: #732C66;
  border-color: #732C66;
  color: #FFFFFF;
}

.filter-divider {
  background: #363C42;
}

.filter-btn.filter-category:hover {
  border-color: var(--category-color);
  background: #252A2F;
}

.filter-btn.filter-category.active {
  background: var(--category-color);
  border-color: var(--category-color);
  color: #FFFFFF;
}

.no-tickets-message {
  color: #8B949E;
  background: #22262B;
  border: 1px solid #363C42;
}

.category-dot {
  border: 1px solid rgba(255, 255, 255, 0.3);
}

/* Show More Button Dark Mode */
.tickets-show-more-btn {
  background: #1F2328;
  border: 1px solid #363C42;
  color: #8B949E;
}

.tickets-show-more-btn:hover {
  background: #252A2F;
  border-color: #732C66;
  color: #C8D1D9;
}

/* Seating Plan Modal Dark Mode */
.seating-plan-modal-overlay {
  background: rgba(0, 0, 0, 0.8);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

.seating-plan-modal-overlay.show {
  opacity: 1;
  visibility: visible;
}

.seating-plan-modal {
  background: #1F2328;
  border: 1px solid #363C42;
  transform: translateY(100px);
  opacity: 0;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;
}

.seating-plan-modal.show {
  transform: translateY(0);
  opacity: 1;
}

.seating-plan-modal-header {
  border-bottom: 1px solid #363C42;
}

.seating-plan-modal-header h3 {
  color: #C8D1D9;
}

.seating-plan-modal-close {
  background: #22262B;
  color: #8B949E;
  border: 1px solid transparent;
}

.seating-plan-modal-close:hover {
  background: #22262B;
  color: #C8D1D9;
  border: 1px solid #363C42;
}

.seating-plan-info {
  color: #8B949E;
}

#seating-plan-container {
  background: #1a1f22;
  border: 1px solid #363C42;
}

/* Events Search Bar Dark Mode */
.events-search-bar {
  background-color: #22262B;
  border: 1px solid #363c42;
}

.search-field-label {
  color: #6f7681;
}

.search-field-icon {
  color: #8B8E92;
}

.search-field-container:focus-within .search-field-icon {
  color: #fff;
}

.event-search-input {
  color: #fff;
}

.event-search-input::placeholder {
  color: #8B8E92;
}

.search-reset-btn {
  color: #8B8E92;
}

.search-reset-btn:hover {
  color: #fff;
}

.search-divider {
  background-color: #383C41;
}

.search-field-button {
  background: #2E3237;
  color: #fff;
}

.search-field-button:hover {
  background: #2A2C31;
}

.search-field-button.active {
  background: #732C66;
}

.search-field-button.active:hover {
  background: #8B3B7A;
}

.search-field-button.loading {
  color: #fff;
}

/* Filter Modal Dark Mode */
.filter-modal-overlay {
  background: rgba(0, 0, 0, 0.8);
}

.filter-modal {
  background: #1F2328;
  border: 1px solid #363C42;
}

.filter-modal-header {
  border-bottom: 1px solid #363C42;
}

.filter-modal-header h3 {
  color: #C8D1D9;
}

.filter-modal-close {
  background: #22262B;
  color: #8B949E;
  border: 1px solid transparent;
}

.filter-modal-close:hover {
  background: #22262B;
  color: #C8D1D9;
  border: 1px solid #363C42;
}

.filter-section-title {
  color: #C8D1D9;
}

.filter-section label {
  cursor: default;
}

.filter-modal-actions {
  border-top: 1px solid #363C42;
  background: #22262B;
}

/* Events Loading and No Results Dark Mode */
.events-loading-indicator {
  .loading-text {
    color: #8B949E;
  }
}

.events-no-results {
  .no-results-icon {
    color: #363C42;
  }

  .no-results-title {
    color: #C8D1D9;
  }

  .no-results-text {
    color: #8B949E;
  }
}

/* Events No Results Dark Mode */
.no-results-container {
  background: linear-gradient(135deg, #1B1F23 0%, #2A2F34 100%);
  border-color: #2A2F34;

  &::before {
    background: radial-gradient(circle, rgba(115, 44, 102, 0.1) 0%, transparent 70%);
  }

  .no-results-icon {
    color: #732C66;
  }

  .no-results-title {
    color: #C8D1D9;
  }

  .no-results-text {
    color: #8B949E;
  }
}

.suggested-events-section {
  .suggested-events-divider {
    .divider-line {
      background: #2A2F34;
    }

    .divider-text {
      color: #8B949E;
    }
  }
}

.articles-grid-info-actions-society {
  background: #1B2023;
  /* border: 1px solid #24282D; */
}

/* Articles Grid Hover Effects Dark Mode */
.articles-grid-item-container:not(.details):hover {
  .articles-grid-item {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08), 0 3px 6px rgba(0, 0, 0, 0.03);
  }

  .articles-grid-info-item {
    border-color: #2A2F34;
  }

  &.promo-card .articles-grid-item {
    box-shadow: 0 10px 25px rgba(115, 44, 102, 0.35), 0 3px 10px rgba(115, 44, 102, 0.25);
  }
}

.tickets-load-more-container {
  border-top: 1px solid #2A2F34;
}

.load-more-container {
  border-top: 1px solid #2A2F34;
}

/* Event Description Fade Dark Mode */
.article-details-description .description-content.expandable {
  .description-fade {
    background: linear-gradient(to bottom, transparent 0%, rgba(31, 35, 40, 0.9) 50%, rgba(31, 35, 40, 1) 100%);
  }

  /* Description Divider Dark Mode */
  .description-divider {
    &:hover {
      .divider-text {
        color: #C17BB5;
      }
    }

    .divider-line {
      background: #2A2F34;
    }

    .divider-text {
      color: #8B949E;
    }
  }
}

/* Payment Methods Section Dark Mode */
.payment-methods-container {
  background: transparent;
}

.payment-methods-wrapper {
  background: #22262B;
}

.payment-method-logo {
  opacity: 0.75;
  filter: brightness(0.9);

  &:hover {
    opacity: 1;
    filter: brightness(1.1) drop-shadow(0 4px 12px rgba(115, 44, 102, 0.2));
  }
}

/* Payment Notification Dark Mode */
.payment-notification-wrapper {
  .payment-method-logo {
    img {
      filter: grayscale(100%) brightness(0.8);
      opacity: 0.5;
    }

    &:hover {
      img {
        filter: grayscale(0%) brightness(1);
        opacity: 1;
      }
    }
  }
}

.payment-security-badge {
  color: #8B949E;

  i {
    color: #732C66;
  }
}

.payment-divider {
  color: #363C42;
}

/* Skeleton Loader Dark Mode */
.skeleton-shimmer {
  background: linear-gradient(90deg,
      #1F2328 0%,
      #22262B 50%,
      #1F2328 100%);
  background-size: 200% 100%;
  animation: skeleton-shimmer 1.5s infinite;
}

.skeleton-loader {
  .article-grid-image.skeleton-shimmer {
    background-color: #1B2023;
  }

  .skeleton-date {
    background: rgba(115, 44, 102, 0.8) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;

    .skeleton-date-day,
    .skeleton-date-month,
    .skeleton-date-time {
      background: linear-gradient(90deg,
          rgba(255, 255, 255, 0.05) 0%,
          rgba(255, 255, 255, 0.1) 50%,
          rgba(255, 255, 255, 0.05) 100%);
      background-size: 200% 100%;
      animation: skeleton-shimmer 1.5s infinite;
    }
  }

  .skeleton-title,
  .skeleton-subtitle,
  .skeleton-location {
    background: linear-gradient(90deg,
        #20242A 0%,
        #24282D 50%,
        #20242A 100%);
    background-size: 200% 100%;
    animation: skeleton-shimmer 1.5s infinite;
  }

  .skeleton-society {
    background: linear-gradient(90deg,
        #1B2023 0%,
        #1F2328 50%,
        #1B2023 100%);
    background-size: 200% 100%;
    animation: skeleton-shimmer 1.5s infinite;
  }

  .skeleton-button {
    background: linear-gradient(90deg,
        #20242A 0%,
        #24282D 50%,
        #20242A 100%);
    background-size: 200% 100%;
    animation: skeleton-shimmer 1.5s infinite;
  }

  .articles-grid-info-item {
    background: #171C20;
    border: 1px solid #171C20;
  }
}

/* Promo Card Dark Mode */
.promo-card {
  &:hover .articles-grid-item {
    border-color: rgba(115, 44, 102, 0.6);
  }
}

.promo-gradient {
  background: linear-gradient(135deg, #5A2353 0%, #362068 100%);
}

.promo-info {
  background: #171C20;
  border: 1px solid #171C20;
}

.promo-feature {
  color: #C8D1D9;
}

/* Footer Dark Mode */
footer {
  background: #171C20;
}

.footer-content {
  background: #171C20;
  border-top: 1px solid #2A2F34;
}

.footer-left {
  .footer-logo {
    background-image: url("/img/jeckdesk-logo-horizontal-w.svg");
  }

  .footer-copyright {
    color: #8B949E;

    strong {
      color: #C8D1D9;
    }
  }
}

.footer-center {
  .footer-links {
    a {
      color: #8B949E;

      &:hover {
        color: #732C66;
      }

      &:not(:last-child):after {
        color: #363C42;
      }
    }
  }
}

.footer-right {
  .footer-made-with {
    color: #8B949E;

    .fa-heart {
      color: #ff4a4a;
    }
  }
}

/* Mobile Events Search Bar Dark Mode */
@media screen and (max-width: 767px) {

  .search-mobile-divider {
    background-color: #383C41;
  }

  .search-mobile-vertical-divider {
    background-color: #383C41;
  }

  .search-row-wrapper .search-divider,
  .events-search-bar>.search-divider {
    background-color: #383C41;
  }
}

/* Mobile Fixed Cart Dark Mode */
.mobile-fixed-cart {
  background: rgba(31, 35, 40, 0.95);
  border-top: 1px solid rgba(54, 60, 66, 0.45);
}

.mobile-cart-total-container {
  .text-large {
    color: #C8D1D9;
  }

  .text-tiny {
    color: #8B949E;
  }
}

/* Auth Error Modal Dark Mode */
.auth-error-modal-overlay {
  background: rgba(0, 0, 0, 0.8);
}

.auth-error-modal {
  background: #22262B;
  border: 1px solid #363C42;
}

.auth-error-icon {
  background: #2A2F34;

  i {
    color: #C17BB5;
  }
}

.auth-error-message {
  h3 {
    color: #C8D1D9;
  }

  p {
    color: #8B949E;
  }
}

/* Board User Menu Dark Mode */
.header-user-menu {
  &::after {
    background: #363C42;
  }

  &.masquerading {
    .user-menu-toggle {
      background: rgba(255, 138, 101, 0.12);
      border: 1px solid rgba(255, 138, 101, 0.25);

      &:hover {
        background: rgba(255, 138, 101, 0.18);
        border-color: rgba(255, 138, 101, 0.35);
      }

      .user-avatar,
      .user-avatar-placeholder {
        border-color: rgba(255, 138, 101, 0.5);
      }
    }
  }

  .user-menu-toggle {
    &:hover {
      background: rgba(255, 255, 255, 0.05);
    }

    .user-avatar {
      border-color: #363C42;
    }

    .user-avatar-placeholder {
      background: #4A3D5E;
      background: linear-gradient(135deg, #4A3D5E 0%, #5A4A6E 100%);
      color: #C8D1DA;
    }

    .user-info-text {
      .user-name {
        color: #C8D1D9;
      }

      .user-company {
        color: #8B949E;
      }
    }

    i.fa-chevron-down {
      color: #8B949E;
    }
  }
}

.user-dropdown-menu {
  background: #22262B;
  border-color: #363C42;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);

  .user-dropdown-header {
    background: #1F2328;

    .dropdown-user-avatar,
    .dropdown-user-avatar-placeholder {
      border-color: #2A2F34;
    }

    .dropdown-user-avatar-placeholder {
      background: #4A3D5E;
      background: linear-gradient(135deg, #4A3D5E 0%, #5A4A6E 100%);
      color: #C8D1DA;
    }

    .dropdown-user-info {
      strong {
        color: #C8D1D9;
      }

      .dropdown-user-company {
        color: #8B949E;
      }

      .masquerade-indicator {
        background: rgba(230, 81, 0, 0.15);
        color: #FF8A65;
        border: 1px solid rgba(230, 81, 0, 0.3);

        i {
          color: #FF8A65;
        }
      }
    }
  }

  .user-menu-divider {
    background: #2A2F34;
  }

  .user-menu-item {
    color: #C8D1D9;

    &:hover {
      background: #1F2328;
    }

    &:not(:last-child) {
      border-bottom: 1px solid #2A2F34;
    }

    i {
      color: #C8D1D9;
    }
  }
}

/* Mobile Menu User Info Dark Mode */
.mobile-menu-user-info {
  background: #1F2328;

  .mobile-user-avatar {
    border-color: #363C42;
  }

  .mobile-user-avatar-placeholder {
    background: #4A3D5E;
    background: linear-gradient(135deg, #4A3D5E 0%, #5A4A6E 100%);
    color: #B8B8B8;
  }

  .mobile-user-details {
    .mobile-user-name {
      color: #C8D1D9;
    }

    .mobile-user-company {
      color: #8B949E;
    }

    .mobile-masquerade-indicator {
      background: rgba(230, 81, 0, 0.15);
      color: #FF8A65;
      border: 1px solid rgba(230, 81, 0, 0.3);

      i {
        color: #FF8A65;
      }
    }
  }
}

.mobile-menu-divider {
  background: #2A2F34;
}


/* Members-Only Artikel Dark Mode */
.members-only-badge {
  background: rgba(27, 94, 32, 0.15) !important;
  color: #81C784 !important;
}

/* Members-Only Badge in Ticket-Type-Modal */
.ticket-type-header .members-only-badge {
  background: rgba(27, 94, 32, 0.15) !important;
  color: #81C784 !important;
  border: 1px solid rgba(129, 199, 132, 0.2);
}

/* Orders List Item Dark Mode */
.orders-list-item {
  background: #1F2328;
  border: 1px solid #363C42;
}

.orders-list-item::before {
  background: #732C66;
}

.order-item-title {
  .order-creditor-name {
    color: #C8D1D9;
  }
}

.order-item-details {
  color: #8B949E;

  span i {
    color: #6E7681;
  }

  .order-date,
  .order-invoice-number {
    color: #8B949E;
  }
}

.order-item-price {
  .price-gross {
    color: #C8D1D9;
  }

  .price-net {
    color: #8B949E;
  }
}

.order-item-extra-container {
  background: #1C2024;
  border-top: 1px solid #2A2F34;
}

.order-extra-image {
  img {
    border: 1px solid #363C42;
  }
}

.extra-info-item {
  .extra-label {
    color: #8B949E;
  }

  .extra-value {
    color: #C8D1D9;

    .payment-method-icon {
      /* filter: grayscale(100%) brightness(1.3) opacity(0.8); */
    }
  }
}

/* Orders Search Bar - Dark Mode */
.orders-search-bar {
  background-color: #22262B;
  border-color: #363c42;
}

.order-search-input {
  color: #C8D1D9;
}

/* Orders Skeleton Loader - Dark Mode */
.orders-skeleton-container .skeleton-order-item {
  background: #1F2328;
  border-color: #363C42;
}

.orders-skeleton-container .skeleton-shimmer {
  background: linear-gradient(90deg,
      #1F2328 0%,
      #22262B 50%,
      #1F2328 100%);
  background-size: 200% 100%;
  animation: skeleton-shimmer 1.5s infinite;
}

.orders-skeleton-container .skeleton-title,
.orders-skeleton-container .skeleton-details,
.orders-skeleton-container .skeleton-price {
  background: linear-gradient(90deg,
      #20242A 0%,
      #24282D 50%,
      #20242A 100%);
  background-size: 200% 100%;
  animation: skeleton-shimmer 1.5s infinite;
}

/* Orders Dashboard - Dark Mode */
.orders-dashboard {
  border-bottom-color: #2A2F34;
}

.dashboard-item {
  background: #22262B;
  border-color: #22262B;
}

.dashboard-icon {
  background: #2a2f34;

  i {
    color: #8B949E;
  }
}

.dashboard-value {
  color: #C8D1D9;
}

.dashboard-label {
  color: #8B949E;
}

/* Dashboard Grid - Dark Mode */
@media screen and (max-width: 767px) {

  /* Fadeout-Effekt für Scroll-Hinweis - Dark Mode */
  .dashboard-grid::after {
    background: linear-gradient(to right, transparent 0%, rgba(31, 35, 40, 0.7) 50%, rgba(31, 35, 40, 1) 100%);
  }
}

/* Mobile Orders Search Bar Dark Mode */
@media screen and (max-width: 767px) {

  .order-item-price .mobile-status-label {
    display: block;
  }

  .order-extra-status {
    display: none;
  }
}

/* Orders Tippy Tooltips Dark Mode */
.orders-container [data-tippy-root] .tippy-box[data-theme~='custom'] {
  background-color: #732C66;
  color: #FFFFFF;
}

.orders-container [data-tippy-root] .tippy-box[data-theme~='custom'][data-placement^='top']>.tippy-arrow::before {
  border-top-color: #732C66;
}

.orders-container [data-tippy-root] .tippy-box[data-theme~='custom'][data-placement^='bottom']>.tippy-arrow::before {
  border-bottom-color: #732C66;
}

.orders-container [data-tippy-root] .tippy-box[data-theme~='custom'][data-placement^='left']>.tippy-arrow::before {
  border-left-color: #732C66;
}

.orders-container [data-tippy-root] .tippy-box[data-theme~='custom'][data-placement^='right']>.tippy-arrow::before {
  border-right-color: #732C66;
}

/* Event Tickets Dark Mode */
.event-group-header {
  background: #22262B;
  border-color: #363C42;
}

.event-group-title {
  color: #C8D1D9;
}

.event-group-location {
  color: #8B949E;

  i {
    color: #8B949E;
  }
}

.event-group-shop {
  .shop-logo {
    border-color: #363C42;
  }

  .shop-name {
    color: #8B949E;
  }
}

.event-stat-item {
  .event-stat-value {
    color: #C8D1D9;
  }

  .event-stat-label {
    color: #9CA3AF;
  }
}

/* Event Tickets Stats Cards - Dark Mode */
@media screen and (max-width: 767px) {
  .event-tickets-stats-wrapper {
    border-top-color: #363C42;
  }

  .event-tickets-stats-wrapper::after {
    background: linear-gradient(to right, transparent, #22262B);
  }
}

.event-tickets-stat-card {
  background: #2A2F34;
  border: 1px solid #2A2F34;
}

.event-tickets-stat-card .event-tickets-stat-icon {
  background: rgba(255, 255, 255, 0.05);
  color: #9CA3AF;
}

.event-tickets-stat-icon {}

.event-tickets-stat-value {
  color: #E6EDF3;
}

.event-tickets-stat-label {
  color: #9CA3AF;
}

.event-orders-preview {
  background: #22262B;
  border-color: #363C42;

  &:hover {
    background: #1E2125;
    border-color: #424851;
  }

  &.active {}
}

.event-orders-preview-icon {
  background: #2C3136;

  i {
    color: #8B949E;
  }
}

.event-orders-preview-info {
  .event-orders-preview-title {
    color: #C8D1D9;
  }

  .event-orders-preview-subtitle {
    color: #8B949E;
  }
}

.event-orders-preview-expand i {
  color: #8B949E;
}

.event-orders-error-message {
  color: #8B949E;

  i {
    color: #F4A702;
  }
}

/* Event Tickets Skeleton Dark Mode */
.tickets-skeleton-event-group {
  .tickets-skeleton-group-header {
    background: #1F2328;
    border-color: #363C42;
  }

  .tickets-skeleton-shimmer {
    background: linear-gradient(90deg,
        #1F2328 0%,
        #22262B 50%,
        #1F2328 100%);
    background-size: 200% 100%;
    animation: tickets-skeleton-shimmer 1.5s infinite;
  }

  .tickets-skeleton-date-badge,
  .tickets-skeleton-title,
  .tickets-skeleton-location,
  .tickets-skeleton-stat {
    background: linear-gradient(90deg,
        #20242A 0%,
        #24282D 50%,
        #20242A 100%);
    background-size: 200% 100%;
    animation: tickets-skeleton-shimmer 1.5s infinite;
  }

  .tickets-skeleton-stat-card {
    background: linear-gradient(90deg,
        #20242A 0%,
        #24282D 50%,
        #20242A 100%);
    background-size: 200% 100%;
    animation: tickets-skeleton-shimmer 1.5s infinite;
  }

  .tickets-skeleton-order-item {
    background: linear-gradient(90deg,
        #1F2328 0%,
        #22262B 50%,
        #1F2328 100%);
    background-size: 200% 100%;
    animation: tickets-skeleton-shimmer 1.5s infinite;
  }
}

@media screen and (max-width: 767px) {
  .event-group-stats {
    border-top-color: #363C42;
  }

  .event-tickets-stats-container {
    border-top-color: #363C42;
  }

  .tickets-skeleton-stats {
    border-top-color: #363C42;
  }

  .tickets-skeleton-stats-container {
    border-top-color: #363C42;
  }
}

.event-group-date-badge {
  background: rgba(115, 44, 102, 0.8);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #fff;

  .month,
  .time {
    color: #fff;
  }

  .divider {
    background: rgba(255, 255, 255, 0.1);
  }
}

/* Tickets Search Bar */
.tickets-search-bar {
  background-color: #22262B;
  border-color: #363c42;
}

.ticket-search-input {
  color: #C8D1D9;
}

.ticket-search-input::placeholder {
  color: #8E8E93;
}

/* Tickets Search Bar - Additional styles */
.tickets-search-container .search-field-label {
  color: #6f7681;
}

.tickets-search-container .search-field-icon {
  color: #8B8E92;
}

.tickets-search-container .search-field-container:focus-within .search-field-icon {
  color: #fff;
}

.tickets-search-container .search-reset-btn {
  color: #8B8E92;
}

.tickets-search-container .search-reset-btn:hover {
  color: #fff;
}

.tickets-search-container .search-divider {
  background-color: #383C41;
}

.tickets-search-container .search-field-button {
  background: #2E3237;
  color: #fff;
}

.tickets-search-container .search-field-button:hover {
  background: #2A2C31;
}

.tickets-search-container .search-field-button.active {
  background: #732C66;
}

.tickets-search-container .search-field-button.active:hover {
  background: #8B3B7A;
}

/* Events Tickets Loading & No Results */
.events-tickets-no-results .no-results-icon {
  color: #363C42;
}

.events-tickets-no-results .no-results-title {
  color: #C8D1D9;
}

.events-tickets-no-results .no-results-text {
  color: #8b949e;
}

/* Customer Portal Dark Mode */
.customer-portal-overlay-wrapper {
  background: rgba(0, 0, 0, 0.8);
}

.customer-portal-modal-container {
  background: #1F2328;
  border: 1px solid #363C42;
}

.customer-portal-header {
  border-bottom: 1px solid #363C42;

  h3 {
    color: #C8D1D9;
  }
}

.customer-portal-close-btn {
  background: #22262B;
  color: #8B949E;
  border: 1px solid transparent;

  &:hover {
    background: #22262B;
    color: #C8D1D9;
    border: 1px solid #363C42;
  }
}

.customer-portal-content-wrapper {
  /* Content wrapper itself has no specific dark mode styles */
}

.customer-portal-actions {
  border-top: 1px solid #363C42;
  background: #22262B;
}

.portal-header-icon {
  background: #2C3136;

  i {
    color: #8B949E;
  }
}

.portal-header-title {
  color: #C8D1D9;

  i {
    color: #C17BB5;
    opacity: 0.8;
  }
}

.portal-header-subtitle {
  color: #8B949E;

  strong {
    color: #C8D1D9;
  }
}

.code-help-text {
  color: #8B949E;

  i {
    color: #A973A0;
  }

  strong {
    color: #E6EDF3;
  }

  a {
    color: #A973A0;

    &:hover {
      color: #C198B9;
    }
  }
}

.field-help-text {
  color: #8B949E;
}

.portal-benefits {
  border-top-color: #363C42;
}

.benefit-icon {
  background: rgba(193, 123, 181, 0.12);

  i {
    color: #C17BB5;
  }
}

.benefit-content {
  h5 {
    color: #C8D1D9;
  }

  p {
    color: #8B949E;
  }
}

.code-separator {
  color: #494F56;
}

.code-input {
  background: #171A1D;
  border-color: #363C42;
  color: #C8D1D9;

  &:focus {
    background-color: #171A1D;
    border-color: #732C66;
  }

  &.error {
    border-color: #ff4a4a;
  }
}

.code-help-text {
  color: #8B949E;

  i {
    color: #8B949E;
    opacity: 0.7;
  }

  a {
    color: #C17BB5;
  }
}

#customer-portal-content {
  &::-webkit-scrollbar-track {
    background: #22262B;
  }

  &::-webkit-scrollbar-thumb {
    background: #494F56;

    &:hover {
      background: #585E65;
    }
  }
}

/* Prevent any hover effects on modal content */
.customer-portal-content-wrapper,
#customer-portal-content {
  &:hover {
    background: transparent;
  }
}

.customer-portal-modal-container {
  cursor: default;

  &:hover {
    background: #1F2328;
  }
}

/* Code Input Error Animation - Dark Mode */
.code-input {
  &.error {
    animation: highlight-error-dark 0.4s ease-in-out;
  }
}

@keyframes highlight-error-dark {
  0% {
    background-color: #1C2128;
    border-color: #ff4a4a;
  }

  20% {
    background-color: rgba(255, 74, 74, 0.2);
    border-color: #ff4a4a;
  }

  100% {
    background-color: #1C2128;
    border-color: #ff4a4a;
  }
}

/* Webkit Autofill Dark Mode - Alle Formularfelder */
input[type="text"]:not(.custom-form),
input[type="email"]:not(.custom-form),
input[type="number"]:not(.custom-form),
input[type="password"]:not(.custom-form),
textarea:not(.custom-form) {

  &:-webkit-autofill,
  &:-webkit-autofill:hover,
  &:-webkit-autofill:focus,
  &:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #171a1d inset !important;
    -webkit-text-fill-color: #fff !important;
    background-color: #171a1d !important;
    transition: background-color 5000s ease-in-out 0s;
    border: 1px solid #363c42 !important;
  }

  &:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 30px #171a1d inset !important;
    border: 1px solid #676f77 !important;
  }
}

/* Select Felder Autofill Dark Mode */
select:not(.custom-form) {

  &:-webkit-autofill,
  &:-webkit-autofill:hover,
  &:-webkit-autofill:focus,
  &:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #1F2328 inset !important;
    -webkit-text-fill-color: #C8D1D9 !important;
    background-color: #1F2328 !important;
    transition: background-color 5000s ease-in-out 0s;
    border: 1px solid #363c42 !important;
  }
}

/* Semantic UI Dropdown Autofill Dark Mode */
.ui.dropdown,
.ui.dropdown input.search,
.ui.dropdown select {

  &:-webkit-autofill,
  &:-webkit-autofill:hover,
  &:-webkit-autofill:focus,
  &:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 0px #181A1D inset !important;
    -webkit-text-fill-color: #C8D1D9 !important;
    background-color: #181A1D !important;
    transition: background-color 5000s ease-in-out 0s;
  }
}

/* Safari Autofill Dark Mode */
.filter-section {
  input[type="email"] {

    &:-webkit-autofill,
    &:-webkit-autofill:hover,
    &:-webkit-autofill:focus,
    &:-webkit-autofill:active {
      -webkit-box-shadow: 0 0 0 30px #171A1D inset !important;
      -webkit-text-fill-color: #C8D1D9 !important;
      background-color: #171A1D !important;
      transition: background-color 5000s ease-in-out 0s;
    }
  }
}

.code-input {

  &:-webkit-autofill,
  &:-webkit-autofill:hover,
  &:-webkit-autofill:focus,
  &:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #171A1D inset !important;
    -webkit-text-fill-color: #C8D1D9 !important;
    background-color: #171A1D !important;
    transition: background-color 5000s ease-in-out 0s;
  }
}

/* Min Order Dark Mode Styles */
.ticket-item-min-order .min-order-info {
  background: rgba(255, 159, 67, 0.08);
  border: 1px solid rgba(255, 159, 67, 0.18);
  color: #ff9f43;
}

.ticket-item-min-order .min-order-info i {
  color: #ff9f43;
}

/* Removed pulse animation for more subtle appearance */
.tickets-list-item-container[data-min-order="true"] .ticket-item-min-order .min-order-info {
  animation: none;
}