body.dark-mode {
  --background-page: #1e1e1e;
  --background-header-footer: #272727;
  --background-form: #2e2e2e;
  --border-subtle: #444444;

  --text-primary: #f0f0f0;
  --text-secondary: #aaaaaa;
  --text-heading: #ffffff;

  --link-default: #f0f0f0;
  --link-hover: #fddc5c;

  --button-primary-bg: #444444;
  --button-primary-hover: #fddc5c;

  --highlight-alert: #ff4d4d;
  --highlight-badge-text: #1e1e1e;

  --overlay-bg: rgba(255, 255, 255, 0.1);
  --dropdown-bg: #2a2a2a;

  --form-border: #555555;
  --input-focus-outline: #bbbbbb;
}

/* --------------------------------------------------
            ICONS (Header & Cart)
-------------------------------------------------- */

body.dark-mode {
  background-color: #1e1e1e !important;
}

body.dark-mode main.cart-main,
body.dark-mode main.admin-panel,
body.dark-mode main.raffles-main,
body.dark-mode main.competitions-main,
body.dark-mode main.winners-main,
body.dark-mode main.checkout-main,
body.dark-mode .header-hidden,
body.dark-mode main.success-main {
  background-color: #1e1e1e;
}

/*
body.dark-mode .account-tabs-container,
body.dark-mode .internal-tab-content {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}
*/

body.dark-mode main.faq-main,
body.dark-mode .competitions-section,
body.dark-mode .winners-section {
  background-color: #1e1e1e;
}

body.dark-mode .competitions-header,
body.dark-mode .winners-header {
  background-color: #272727;
  border-bottom: 1px solid #333;
}

body.dark-mode .pagination-controls {
  background-color: #1e1e1e;
}

body.dark-mode #competition-search,
body.dark-mode #winner-search {
  background-color: #1e1e1e;
  border: 1px solid #1e1e1e;
}

body.dark-mode #accountLink img,
body.dark-mode #accountLink img:hover,
body.dark-mode #logoutBtn__header img,
body.dark-mode #logoutBtn__header img:hover {
  height: 36px;
  width: 36px;
}

body.dark-mode .header__wallet,
body.dark-mode .header__credit {
  background-color: #1e1e1e;
}

body.dark-mode #adminLink {
  content: url("/icons/admin-panel-icon-darkmode.svg");
  height: 40px;
  width: 40px;
}
/* body.dark-mode #adminLink:hover {
  content: url("/icons/admin-panel-icon-hover.svg");
  height: 40px;
  width: 40px;
} */

body.dark-mode #accountLink img {
  content: url("/icons/user-solid-darkmode.svg");
}
/* body.dark-mode #accountLink img:hover {
  content: url("/icons/user-solid-lightmode_hover.svg");
} */

body.dark-mode #logoutBtn__header img {
  content: url("/icons/right-from-bracket-solid-darkmode.svg");
}

body.dark-mode .modal-logo {
  content: url("/images/logo-darkmode.png");
}

/* body.dark-mode #logoutBtn__header img:hover {
  content: url("/icons/right-from-bracket-solid-lightmode_hover.svg");
}
 */
body.dark-mode #creditContainer img {
  content: url("/icons/credit-darkmode.svg");
}

body.dark-mode #walletContainer img {
  content: url("/icons/wallet-darkmode.svg");
}

body.dark-mode #cartLink img {
  content: url("/icons/cart-darkmode.svg");
}

/* body.dark-mode #cartLink img:hover {
  content: url("/icons/cart-lightmode_hover.svg");
} */

body.dark-mode .header__tabsdropdown img {
  content: url("/icons/bars-solid-darkmode.svg");
}

/* COLOR CHANGE USING SAME IMG
body.dark-mode .add-to-cart-btn img {
  content: url("/icons/add-to-cart-darkmode.svg");
}
  */

body.dark-mode img#editIcon.edit-icon {
  content: url("/icons/edit-darkmode.svg");
}

body.dark-mode .alert-notification {
    background: #333333;
    color: #ffffff;
}

body.dark-mode .alert-notification img {
  content: url("/images/logo-darkmode.png");
}

body.dark-mode .icon-next {
  content: url("/icons/arrow-right_darkmode.svg")
}

body.dark-mode .icon-prev {
  content: url("/icons/arrow-left_darkmode.svg")
}

body.dark-mode .cart-item__remove img {
  content: url("/icons/remove-square_darkmode.svg")
}

/* --------------------------------------------------
                CART BUTTON ICONS
-------------------------------------------------- */
body.dark-mode div.cart-item__quantity button.quantity-btn.quantity-increase img {
  content: url("/icons/plus-symbol-button-darkmode.png");
}
body.dark-mode div.cart-item__quantity button.quantity-btn.quantity-decrease img {
  content: url("/icons/minus-symbol-button-darkmode.png");
}

/* --------------------------------------------------
                ACCOUNT TABS ICONS
-------------------------------------------------- */
body.dark-mode .account-user-icon {
  content: url("/icons/user-solid-darkmode.svg");
}
body.dark-mode .account-support-icon {
  content: url("/icons/account-support-darkmode.svg");
}
body.dark-mode .account-tickets-icon {
  content: url("/icons/account-tickets-darkmode.svg");
}
body.dark-mode .account-wallet-icon {
  content: url("/icons/account-wallet-darkmode.svg");
}
body.dark-mode .account-credit-icon {
  content: url("/icons/account-credit-darkmode.svg");
}
body.dark-mode .account-order-icon {
  content: url("/icons/account-order-darkmode.svg");
}
body.dark-mode .account-management-icon {
  content: url("/icons/gear-solid-darkmode.svg");
}
body.dark-mode .account-details-icon {
  content: url("/icons/account-details-darkmode.svg");
}
/* --------------------------------------------------
              LOGOS & FOOTER ICONS
-------------------------------------------------- */
body.dark-mode .header__logo-img {
  content: url("/images/logo-darkmode.png");
}
body.dark-mode .header__logo-img-mobile {
  content: url("/images/logo-footer-darkmode.png");
}
body.dark-mode .footer__logo-img {
  content: url("/images/logo-footer-darkmode.png");
}
body.dark-mode .footer__awareness img {
  content: url("/images/18plusgambleaware-darkmode.png");
}

body.dark-mode .trustpilot-placeholder img {
  content: url("/images/trustpilot-darkmode.png");
}

body.dark-mode .tp-info img {
  content: url("/images/trustpilot-star-darkmode.svg");
}

/* --------------------------------------------------
      BACKGROUND & BORDER: Cards and Sections
-------------------------------------------------- */
body.dark-mode .raffle-card,
body.dark-mode .competition-card,
body.dark-mode .winner-card,
body.dark-mode section.faq-container,
body.dark-mode section.terms-container,
body.dark-mode section.howToPlays-container,
body.dark-mode section.privacy-policy-container,
body.dark-mode section.contact-container,
body.dark-mode section.login-container,
body.dark-mode section.password-reset-container,
body.dark-mode section.reset-password-container,
body.dark-mode section.register-container,
body.dark-mode section.account-container,
body.dark-mode section.cart-container,
body.dark-mode section.checkout-container,
body.dark-mode section.success-container,
body.dark-mode section.admin-container,
body.dark-mode [class^="win-entry"],
body.dark-mode .admin-note-item,
body.dark-mode textarea#adminNotes,
body.dark-mode textarea#adminNotes:focus {
  background-color: #2a2a2a;
  border: 1px solid #1f1f1f;
  color: white;
}

body.dark-mode #accountOrderTransactionHistory,
body.dark-mode #accountOrderHistoryContainer {
  background-color: #2a2a2a;
  border: none;
}

body.dark-mode #accountTransactionHistoryTitle,
body.dark-mode #accountOrderHistoryTitle {
  border-bottom: 1px solid #2a2a2a;
}

body.dark-mode .success-message,
body.dark-mode .billing-info,
body.dark-mode .order-items li,
body.dark-mode #jackpotTicketsContainer {
  border-bottom: 1px solid #333;
}

body.dark-mode select#competitionStatus {
  border: 1px solid #4444;
}

body.dark-mode .account-tab-button {
  background-color: #1f1f1f;
  border: 1px solid #1f1f1f;
  color: white;
}

body.dark-mode .account-tab-button.active {
  /* background-color: var(--btn-primary-bg); */
  font-weight: 700;
  border-bottom: 3px solid var(--btn-primary-bg);
  background-color: #3a3933;
  border-top: 1px #3a3933;
  border-left: 1px #3a3933;
  border-right: 1px #3a3933;
}
body.dark-mode .account-tab-button.active:hover {
  /* background-color: var(--btn-primary-bg); */
  font-weight: 700;
  border-bottom: 3px solid var(--btn-primary-bg);
  background-color: #3a3933;
  border-top: 1px #3a3933;
  border-left: 1px #3a3933;
  border-right: 1px #3a3933;
}

body.dark-mode .account-tab-button:hover,
body.dark-mode .tab:hover {
  background-color: #3a3a3a;
  border: 1px solid #3a3a3a;
}

body.dark-mode #newsletterDescription {
  background-color: #1f1f1f;
  border: 1px solid #1f1f1f;
  color: white;
  caret-color: white;
}

body.dark-mode #newsletterDescription:focus {
  border: 1px solid var(--button-primary-hover);
}

/* --------------------------------------------------
              MAIN CONTAINERS & TABS
-------------------------------------------------- */
body.dark-mode main.account-main,
body.dark-mode main.checkout-main,
/* body.dark-mode .success-summary, */
/* body.dark-mode .order-info, */
body.dark-mode #form-container,
body.dark-mode .tab,
body.dark-mode .account-order-card {
  background-color: var(--background-page);
}

body.dark-mode .tab:visited,
body.dark-mode .tab:active,
body.dark-mode .tab:focus {
  color: inherit;
  text-decoration: none;
}

/* --------------------------------------------------
                  FORM SECTIONS
-------------------------------------------------- */
body.dark-mode fieldset.form-section {
  background-color: #2a2a2a;
}
body.dark-mode .form-section {
  border: 1px solid var(--button-primary-bg);
}
div.cart-item__quantity input.quantity-input {
  border: none;
}

/* --------------------------------------------------
            FORM INPUTS & USER PANELS
-------------------------------------------------- */
body.dark-mode input,
body.dark-mode #message,
body.dark-mode input#email,
body.dark-mode input#password,
body.dark-mode input#confirmPassword,
body.dark-mode div.password-wrapper input#password,
body.dark-mode div.password-wrapper input#confirmPassword,
body.dark-mode input#confirmPassword,
body.dark-mode input#spendLimit,
body.dark-mode .register #confirm-password,
body.dark-mode .progress-bar-wrapper,
body.dark-mode #accountTicketsRafflesSearch,
body.dark-mode #accountTicketsCompetitionsSearch,
body.dark-mode #accountTicketsJackpotsSearch,
body.dark-mode #accountWinsRafflesSearch,
body.dark-mode #accountWinsCompetitionsSearch,
body.dark-mode #accountWinsJackpotsSearch,
body.dark-mode #accountOrdersSearch,
body.dark-mode .entry-toggle,
body.dark-mode [class^="win-entry"],
body.dark-mode [class^="win-entry"] strong,
body.dark-mode .entry-tickets,
body.dark-mode .ticket-qty,
body.dark-mode #cardNumber,
body.dark-mode #cardExpiry,
body.dark-mode #cardCVV,
body.dark-mode #billingName,
body.dark-mode #billingEmail,
body.dark-mode #billingAddress,
body.dark-mode #billingCity,
body.dark-mode #billingPostalCode,
body.dark-mode .raffle-item,
body.dark-mode .competition-item,
body.dark-mode .winner-item,
body.dark-mode .bannerAd-item,
body.dark-mode .user-item,
body.dark-mode .ticket-item,
body.dark-mode .jackpot-item,
body.dark-mode div#faqsList.faqs-list div.faq-item,
body.dark-mode div#termsList.terms-list div.term-item,
body.dark-mode div#howToPlaysList.howToPlays-list div.howToPlay-item,
body.dark-mode .privacyPolicy-item,
body.dark-mode .contactMessage-item,
body.dark-mode .support-message,
body.dark-mode .raffle-summary,
body.dark-mode .raffle,
body.dark-mode .competition-summary,
body.dark-mode .competition,
body.dark-mode .jackpot-summary,
body.dark-mode .jackpot,
body.dark-mode .user-info h4,
body.dark-mode div.ticket-dropdown label,
body.dark-mode div.raffle-summary details summary h3,
body.dark-mode .raffle-summary details[open] summary::before,
body.dark-mode div.competition-summary details summary h3,
body.dark-mode .competition-summary details[open] summary::before,
body.dark-mode div.jackpot-summary details summary h3,
body.dark-mode .jackpot-summary details[open] summary::before,
body.dark-mode .scroll-box,
body.dark-mode .user-stats,
body.dark-mode .user-stats h4,
body.dark-mode .user-stats ul,
body.dark-mode .user-summary,
body.dark-mode .user-summary ul,
body.dark-mode .user-tickets ul,
body.dark-mode .user-tickets,
body.dark-mode .user-wins,
body.dark-mode .user-transactions-row,
body.dark-mode div.user-wins-row section.user-wins ul li,
body.dark-mode .user-wins ul,
body.dark-mode .newsletter-item,
body.dark-mode #supportTypeFilter,
body.dark-mode select#supportType,
body.dark-mode select#accountTicketsRafflesSortOrder,
body.dark-mode select#accountTicketsCompetitionsSortOrder,
body.dark-mode select#accountTicketsJackpotsSortOrder,
body.dark-mode select#accountWinsRafflesSortOrder,
body.dark-mode select#accountWinsCompetitionsSortOrder,
body.dark-mode select#accountWinsJackpotsSortOrder,
body.dark-mode select#accountOrdersSortOrder,
body.dark-mode select#walletTypeFilter,
body.dark-mode select#walletDateSort,
body.dark-mode select#storeCreditTypeFilter,
body.dark-mode select#storeCreditDateSort,
body.dark-mode #competitionStatusSort,
body.dark-mode #raffleStatusSort,
body.dark-mode #jackpotStatusSort,
body.dark-mode #competitionsSortOrder,
body.dark-mode #winnersSortOrder,
body.dark-mode div#contactMessageModalContainer,
body.dark-mode div#contactMessageModalHeaderContainer,
body.dark-mode div#contactMessageModalUser,
body.dark-mode div#contactMessageModalBodyContainer,
body.dark-mode textarea#newsletterMessage,
/* body.dark-mode .billing-info, */
body.dark-mode #accountWalletAddBalanceContainer,
body.dark-mode #accountWalletBalanceContainer,
body.dark-mode #accountWalletBalance,
body.dark-mode #accountCreditBalanceContainer,
body.dark-mode #accountCreditBalance,
body.dark-mode #accountTransactionHistoryContainer,
body.dark-mode #accountAddBalanceInput,
body.dark-mode select#exclusionDays,
body.dark-mode .transaction-item,
body.dark-mode .checkout-cart-items,
body.dark-mode .checkout-cart-items li,
body.dark-mode section.wallet-storecredit-section,
body.dark-mode .user-orders,
body.dark-mode #custom-alert-box,
body.dark-mode #custom-prompt-box,
body.dark-mode .checkout-summary,
body.dark-mode .modal-checkout-summary,
body.dark-mode .modal-billing-section,
body.dark-mode .modal-header {
  background-color: #1f1f1f;
  border: 1px solid #1f1f1f;
  color: white;
}

body.dark-mode .qty-slider {
  background: #1f1f1f;
}

/*
body.dark-mode .qty-slider::-webkit-slider-thumb {
    background: #333;
}

body.dark-mode .qty-slider::-moz-range-thumb {
    background: #333;
}
*/

body.dark-mode .modal-header,
body.dark-mode .welcome-modal,
body.dark-mode #welcome-intro,
body.dark-mode #welcome-how-to,
body.dark-mode #welcome-link-section,
body.dark-mode #welcome-good-luck {
  background-color: #1f1f1f;
  border: 1px solid #1f1f1f;
  border-bottom: 1px solid #333;
  color: white;
}

body.dark-mode .password-wrapper {
  background-color: #2a2a2a !important;
  border: 1px solid #2a2a2a !important;
}

body.dark-mode .account-toggle-password {
  background-color: inherit !important;
  border: none !important;
}

body.dark-mode input#custom-prompt-input,
body.dark-mode #custom-prompt-message,
body.dark-mode #custom-alert-message {
  background-color: #2a2a2a;
  border: 1px solid #1f1f1f;
  color: white;
}

body.dark-mode .modal-content {
  background-color: #2a2a2a;
  border: 1px solid #1f1f1f;
  color: white;
}

body.dark-mode .dropdown-content {
  background-color: #2a2a2a;
  border: 1px solid #333;
}

body.dark-mode .dropdown-content a:hover {
  background: #595959;
}

body.dark-mode .dropdown-content a {
  color: white;
}

body.dark-mode .modal-billing-section {
  background-color: #1f1f1f;
}

body.dark-mode .raffle-summary summary:hover h3,
body.dark-mode .competition-summary summary:hover h3,
body.dark-mode .jackpot-summary summary:hover h3 {
  color: #e4bc1c;
}

body.dark-mode .raffle-summary summary::before,
body.dark-mode .competition-summary summary::before,
body.dark-mode .jackpot-summary summary::before {
  color: white;
}

body.dark-mode #adminUserRaffleWinsSortOrder,
body.dark-mode #adminUserCompetitionWinsSortOrder,
body.dark-mode #adminUserJackpotWinsSortOrder,
body.dark-mode #adminUserWalletTransactionsSortOrder,
body.dark-mode #adminUserStoreCreditTransactionsSortOrder,
body.dark-mode #adminUserRaffleTicketsSortOrder,
body.dark-mode #adminUserCompetitionTicketsSortOrder,
body.dark-mode #adminUserJackpotTicketsSortOrder,
body.dark-mode #adminUserOrdersSortOrder {
  background-color: #1f1f1f;
  border: 1px solid #ccc;
  color: white;
}

body.dark-mode .ticket-item-admin,
body.dark-mode #raffleWinsListContainer ul li,
body.dark-mode #competitionWinsListContainer ul li,
body.dark-mode #jackpotWinsListContainer ul li {
  background-color: #2a2a2a;
  border: 1px solid #1f1f1f;
  color: white;
}

body.dark-mode #raffleWinsListContainer,
body.dark-mode #competitionWinsListContainer,
body.dark-mode #jackpotWinsListContainer {
  background-color: #1f1f1f;
}

.ticket-number,
.ticket-purchased {
  font-style: italic;
  color: #a3a3a3 !important;
}

body.dark-mode .admin-order-card {
  background-color: #2a2a2a;
  border: 1px solid #2a2a2a;
}

body.dark-mode .transaction-item,
body.dark-mode .win-item {
  background-color: #2a2a2a;
  border: 1px solid #2a2a2a;
  color: white;
}

body.dark-mode .transaction-id code {
  background-color: #3a3a3a;
  color:white;
}

body.dark-mode select#walletDateSort,
body.dark-mode select#walletTypeFilter,
body.dark-mode select#storeCreditDateSort,
body.dark-mode select#storeCreditTypeFilter {
  border: 1px solid #2a2a2a;
}

body.dark-mode #accountAddBalanceInput {
  background-color: #2a2a2a;
}

body.dark-mode select[id^="competition-tickets"],
body.dark-mode select[id^="raffle-tickets"],
body.dark-mode select[id^="jackpot-tickets"] {
  background-color: #1f1f1f;
  border: 1px solid #3f3f3f;
  color: white;
}

body.dark-mode .user-info-container {
  background-color: #1f1f1f;
  border: 1px solid #ffffff;
  color: white;
}

body.dark-mode .internal-tab-button,
body.dark-mode .personal-sub-tab-button {
  background-color: #2a2a2a;
  color: white;
}

body.dark-mode .faq-item,
body.dark-mode .term-item,
body.dark-mode .howToPlay-item,
body.dark-mode .privacyPolicy-item,
body.dark-mode button#closeContactMessageModal {
  color: white;
}

/* --------------------------------------------------
                    PAGE BORDERS
-------------------------------------------------- */
body.dark-mode .header__top,
body.dark-mode .header__bottom {
  border-bottom: 1px solid #333;
}

body.dark-mode .terms-agreement.modal-x {
  background-color: #1f1f1f;
}

body.dark-mode .footer,
body.dark-mode .footer__links,
body.dark-mode .footer__bottom {
  border-top: 1px solid #333;
}

body.dark-mode .entry-group,
body.dark-mode .entry-toggle,
body.dark-mode .entry-tickets {
  border: 1px solid #1f1f1f;
}

body.dark-mode .entry-group {
  background-color: #1f1f1f;
}

/* --------------------------------------------------
                  TICKET ENTRIES
-------------------------------------------------- */
body.dark-mode .ticket-entry,
body.dark-mode .ticket-entry strong {
  background-color: #2a2a2a;
  color: white;
}

/* --------------------------------------------------
                  LIMIT MESSAGE
-------------------------------------------------- */
/* body.dark-mode .limit-message {
  color: rgb(165, 165, 165);
  background-color: #2a2a2a;
} */

body.dark-mode .inline-error-message {
  color: rgb(230, 81, 0);
  background-color: #2a2a2a;
  border: none;
}  

/* --------------------------------------------------
                  FOCUS STATES
-------------------------------------------------- */
body.dark-mode #competition-search:focus,
body.dark-mode #email:focus,
body.dark-mode #password:focus,
body.dark-mode #fullName:focus,
body.dark-mode #confirm-password:focus,
body.dark-mode .ticket-qty:focus,
body.dark-mode #cardNumber:focus,
body.dark-mode #cardExpiry:focus,
body.dark-mode #cardCVV:focus,
body.dark-mode #billingName:focus,
body.dark-mode #billingEmail:focus,
body.dark-mode #billingAddress:focus,
body.dark-mode #billingCity:focus,
body.dark-mode #billingPostalCode:focus {
  border-color: var(--button-primary-hover);
}

/* --------------------------------------------------
   PAGINATION & BUTTONS
-------------------------------------------------- */
body.dark-mode .page-btn,
body.dark-mode .quantity-input,
body.dark-mode #editOrderBtn {
  background-color: #2a2a2a;
  color: white;
}

body.dark-mode .account-page-btn {
  background-color: #1f1f1f;
  color: white;
}

body.dark-mode .modal-buttons {
  background-color: #1f1f1f;
  border: 1px solid #1f1f1f;
  border-top: 1px solid #333;
  color: white;
}

body.dark-mode #winnersAdminPagination.pagination-controls,
body.dark-mode #raffleAdminPagination.pagination-controls,
body.dark-mode #competitionAdminPagination.pagination-controls,
body.dark-mode #jackpotAdminPagination.pagination-controls,
body.dark-mode #userAdminPagination.pagination-controls
body.dark-mode #raffleTicketAdminPagination.pagination-controls,
body.dark-mode #competitionTicketAdminPagination.pagination-controls,
body.dark-mode #jackpotTicketAdminPagination.pagination-controls,
body.dark-mode #contactMessageAdminPagination.pagination-controls {
  background-color: #2a2a2a;
  color: white;
}

body.dark-mode #winnersAdminPagination.pagination-controls button.page-btn,
body.dark-mode #raffleAdminPagination.pagination-controls button.page-btn,
body.dark-mode #competitionAdminPagination.pagination-controls button.page-btn,
body.dark-mode #jackpotAdminPagination.pagination-controls button.page-btn,
body.dark-mode #userAdminPagination.pagination-controls button.page-btn,
body.dark-mode #raffleTicketAdminPagination.pagination-controls button.page-btn,
body.dark-mode #competitionTicketAdminPagination.pagination-controls button.page-btn,
body.dark-mode #jackpotTicketAdminPagination.pagination-controls button.page-btn,
body.dark-mode #contactMessageAdminPagination.pagination-controls {
  background-color: #1f1f1f;
  color: white;
}

body.dark-mode #winnersAdminPagination.pagination-controls button.page-btn:hover,
body.dark-mode #raffleAdminPagination.pagination-controls button.page-btn:hover,
body.dark-mode #competitionAdminPagination.pagination-controls button.page-btn:hover,
body.dark-mode #jackpotAdminPagination.pagination-controls button.page-btn:hover,
body.dark-mode #userAdminPagination.pagination-controls button.page-btn:hover,
body.dark-mode #raffleTicketAdminPagination.pagination-controls button.page-btn:hover,
body.dark-mode #competitionTicketAdminPagination.pagination-controls button.page-btn:hover,
body.dark-mode #jackpotTicketAdminPagination.pagination-controls button.page-btn:hover,
body.dark-mode #contactMessageAdminPagination.pagination-controls:hover {
  background-color: #3a3a3a;
  color: white;
}

body.dark-mode #competitionsWinsPagination.pagination-controls button.page-btn,
body.dark-mode #rafflesWinsPagination.pagination-controls button.page-btn,
body.dark-mode #jackpotsWinsPagination.pagination-controls button.page-btn,
body.dark-mode #competitionsTicketsPagination.pagination-controls button.page-btn,
body.dark-mode #rafflesTicketsPagination.pagination-controls button.page-btn,
body.dark-mode #jackpotsTicketsPagination.pagination-controls button.page-btn,
body.dark-mode #ticketsPagination.pagination-controls button.page-btn,
body.dark-mode #winsPagination.pagination-controls button.page-btn,
body.dark-mode #orderPagination.pagination-controls button.page-btn,
body.dark-mode #changePasswordContainer,
body.dark-mode #changePasswordToggle {
  background-color: #1f1f1f;
  color: white;
}

body.dark-mode #competitionsTicketsPagination,
body.dark-mode #rafflesTicketsPagination,
body.dark-mode #jackpotsTicketsPagination,
body.dark-mode #competitionsWinsPagination,
body.dark-mode #rafflesWinsPagination,
body.dark-mode #jackpotsWinsPagination {
  background-color: #2a2a2a;
}

body.dark-mode #currentPassword,
body.dark-mode #newPassword,
body.dark-mode #confirmNewPassword {
  background-color: #2a2a2a;
}

body.dark-mode .page-btn:hover {
  background-color: #3a3a3a;
}

body.dark-mode .page-btn.active {
  background-color: #e4bc1c;
  border-color: #181818;
  color: black;
}

/* --------------------------------------------------
   ACTIVE ELEMENTS & ACTION BUTTONS
-------------------------------------------------- */
body.dark-mode .form-actions button,
body.dark-mode .edit-raffle-btn,
body.dark-mode .edit-competition-btn,
body.dark-mode .edit-winner-btn,
body.dark-mode .edit-faq-btn,
body.dark-mode .edit-term-btn,
body.dark-mode .edit-howToPlay-btn,
body.dark-mode .edit-privacyPolicy-btn,
body.dark-mode .edit-contactMessage-btn,
body.dark-mode .edit-bannerAd-btn,
body.dark-mode .edit-jackpot-btn,
body.dark-mode .edit-user-btn,
body.dark-mode .edit-newsletter-btn {
  /*background-color: #e4bc1c;*/
  border-bottom: 3px solid #e4bc1c;
  /* border-color: #181818; */
  color: black;
}

body.dark-mode .tab.active {
  /*background-color: #e4bc1c;*/
  border-bottom: 3px solid #e4bc1c;
  /* border-color: #181818; */
  color: black;
  background-color: #3a3933;
  border-top: 1px #3a3933;
  border-left: 1px #3a3933;
  border-right: 1px #3a3933;
}

body.dark-mode .delete-raffle-btn,
body.dark-mode .delete-competition-btn,
body.dark-mode .delete-winner-btn,
body.dark-mode .delete-faq-btn,
body.dark-mode .delete-term-btn,
body.dark-mode .delete-howToPlay-btn,
body.dark-mode .delete-privacyPolicy-btn,
body.dark-mode .delete-contactMessage-btn,
body.dark-mode .delete-bannerAd-btn,
body.dark-mode #checkoutBtn,
body.dark-mode .cart-item__remove,
body.dark-mode button.markSingleSeenBtn,
body.dark-mode .win-entry::before,
body.dark-mode .btn-subscribe,
body.dark-mode .btn-unsubscribe,
body.dark-mode .delete-jackpot-btn,
body.dark-mode .delete-user-btn,
body.dark-mode .delete-newsletter-btn,
body.dark-mode .view-user-btn,
body.dark-mode .contact-form button,
body.dark-mode form button,
body.dark-mode #accountAddBalanceBtn,
body.dark-mode #addStoreCreditBtn,
body.dark-mode #custom-alert-confirm,
body.dark-mode #custom-alert-cancel,
body.dark-mode #custom-prompt-confirm,
body.dark-mode #custom-prompt-cancel,
body.dark-mode .back-home-button,
body.dark-mode #finalSubmitBtn {
  color: black;
}

/* --------------------------------------------------
   TEXT COLOR: STANDARD & TITLES
-------------------------------------------------- */
body.dark-mode .header__bottom-cart-count,
body.dark-mode .header__top-cart-count,
/* body.dark-mode span.note, */
body.dark-mode select#supportTypeFilter.ticket-filter option,
body.dark-mode .ticket-dropdown option {
  color: white !important;
}

body.dark-mode .ticket-dropdown select:focus {
  border-color: #e4bc1c;
  outline: none;
}

body.dark-mode span.note {
  color: #818181;
}

body.dark-mode span.price-sub,
body.dark-mode .raffle-card .raffle-subtitle,
body.dark-mode #jackpotAmount,
body.dark-mode #jackpotTitle,
body.dark-mode .competition-dates,
body.dark-mode .winner-prize,
body.dark-mode .winners-title,
body.dark-mode .faq-title,
body.dark-mode .terms-title,
body.dark-mode .howToPlays-title,
body.dark-mode .privacy-policy-title,
body.dark-mode .contact-title,
body.dark-mode .faq-item p,
body.dark-mode .terms-item p,
body.dark-mode .howToPlays-item p,
body.dark-mode .privacy-policy-item p,
body.dark-mode .contact-item p,
body.dark-mode .faq-item h3,
body.dark-mode .terms-item h3,
body.dark-mode .howToPlays-item h3,
body.dark-mode .privacy-policy-item h3,
body.dark-mode .contact-item h3,
body.dark-mode h2.competitions-title,
body.dark-mode .login-container h2,
body.dark-mode .login-container label,
body.dark-mode .password-reset-container h2,
body.dark-mode .password-reset-container label,
body.dark-mode .reset-password-container h2,
body.dark-mode .reset-password-container label,
body.dark-mode .login-register-link,
body.dark-mode .password-reset-link,
body.dark-mode .register-title,
body.dark-mode #registerForm label,
body.dark-mode p.register-login-link,
body.dark-mode .account-title b,
body.dark-mode .tab-title b,
body.dark-mode .support-tab-title b,
body.dark-mode .wallet-tab-title b,
body.dark-mode .credit-tab-title b,
body.dark-mode .order-history-tab-title b,
body.dark-mode .personal-details-sub-tab-title h3 b,
body.dark-mode .account-info strong,
body.dark-mode .account-stats strong,
body.dark-mode .account-info #accountName,
body.dark-mode .account-info #accountUsername,
body.dark-mode .account-info #accountEmail,
body.dark-mode .account-info #accountCreated,
body.dark-mode .user-info p,
body.dark-mode .stat-heading,
body.dark-mode .stat-label,
body.dark-mode .stat-value,
body.dark-mode .win-title strong,
body.dark-mode .cart-title,
body.dark-mode .cart-empty-message,
body.dark-mode .cart-item__title,
body.dark-mode .cart-item__price,
body.dark-mode #checkoutForm h3,
body.dark-mode .checkout-title,
body.dark-mode p.checkout-total,
body.dark-mode .payment-methods label,
body.dark-mode .success-summary h4,
body.dark-mode .success-message,
body.dark-mode .tab-title-main,
body.dark-mode .form-section legend,
body.dark-mode .form-field label,
body.dark-mode select#competitionStatus,
body.dark-mode .competition-item,
body.dark-mode .tab,
body.dark-mode .raffle-info strong,
body.dark-mode .competition-info strong,
body.dark-mode div#jackpotsTickets p,
body.dark-mode div#rafflesTickets p,
body.dark-mode div#competitionsTickets p,
body.dark-mode div#winsJackpotsList p,
body.dark-mode div#winsRafflesList p,
body.dark-mode div#winsCompetitionsList p,
body.dark-mode div#raffleWinsListContainer li,
body.dark-mode div#competitionWinsListContainer li,
body.dark-mode div#jackpotWinsListContainer li,
body.dark-mode .empty-state,
body.dark-mode .user-summary h3,
body.dark-mode .user-summary p,
body.dark-mode .user-tickets h4,
body.dark-mode .user-tickets li,
body.dark-mode .user-wins h4,
body.dark-mode .user-transactions-row.internal-tab-content h4,
body.dark-mode .user-orders h4,
body.dark-mode .newsletter-title h4,
body.dark-mode .support-message-body p,
body.dark-mode .status-filter-label,
body.dark-mode .user-info,
body.dark-mode div#support-list p,
body.dark-mode div#payment.account-tab-content.active p,
body.dark-mode select#newsletterSelect,
body.dark-mode #walletBalance,
body.dark-mode #creditBalance,
body.dark-mode .wallet-topup-btn,
body.dark-mode #accountWalletBalanceTitle,
body.dark-mode #accountCreditBalanceTitle,
body.dark-mode #accountWalletAddBalanceTitle,
body.dark-mode #accountTransactionHistoryTitle,
body.dark-mode #accountOrderHistoryTitle,
body.dark-mode .draws-tickets-tab-title b,
body.dark-mode .support-tab-title b
body.dark-mode .ticket-type,
body.dark-mode .ticket-title,
body.dark-mode .ticket-quantity,
body.dark-mode .ticket-numbers,
body.dark-mode .order-meta,
body.dark-mode .wallet-credit-info.wallet-primary p,
body.dark-mode .wallet-credit-info.wallet-primary label,
body.dark-mode .wallet-credit-info.store-credit-secondary p,
body.dark-mode .wallet-credit-info.store-credit-secondary label,
body.dark-mode #selfExclusionEndDate,
body.dark-mode #monthlySpendLimit,
body.dark-mode #remainingMonthlySpendLimit,
body.dark-mode .transaction-item b,
body.dark-mode #custom-alert-message,
body.dark-mode .summary-label,
body.dark-mode .summary-value,
body.dark-mode #rafflesTicketsList p,
body.dark-mode #competitionsTicketsList p,
body.dark-mode #jackpotsTicketsList p,
body.dark-mode #rafflesWinsList p,
body.dark-mode #competitionsWinsList p,
body.dark-mode #jackpotsWinsList p,
body.dark-mode .modal-checkout-title,
body.dark-mode .checkout-cart-container-label h3,
body.dark-mode .progress-bubble,
body.dark-mode #logoutBtn__header p,
body.dark-mode #darkModeToggle p,
body.dark-mode .dropdown-btn,
body.dark-mode .tp-reviews,
body.dark-mode .tp-trustscore {
  color: white;
}

body.dark-mode .transaction-item .transaction-date {
  color: #9f9f9f;
}

/* --------------------------------------------------
   MUTED TEXT & BORDER COLOR VARIANTS
-------------------------------------------------- */
body.dark-mode .comp-raffle-id {
  color: #c4c4c4;
}

body.dark-mode .terms-wrapper {
  border-top: 1px solid #333;
  color: #666;
}

body.dark-mode .summary-row.total {
  border-top: 1px solid #333;
}

body.dark-mode .raffle-id-badge,
body.dark-mode .comp-id-badge,
body.dark-mode .winner-badge-id,
body.dark-mode .competition-card.pending .comp-id-badge,
body.dark-mode .competition-card.sold-out .comp-id-badge,
body.dark-mode .competition-dates,
body.dark-mode .tickets-sold {
  color: #999999;
}

body.dark-mode .account-stats,
body.dark-mode .account-info,
body.dark-mode .account-order-card {
  border: 1px solid #1e1e1e;
  background-color: #1f1f1f;
}

body.dark-mode .account-tabs-container,
/* body.dark-mode #purchases, 
body.dark-mode #win-history, */
body.dark-mode #accountOrderTransactionHistory
body.dark-mode div.account-order-card {
  border: 1px solid #333;
}

body.dark-mode .account-tabs {
  border-right: 1px solid #333;
}

body.dark-mode .cart-item {
  border-bottom: 2px dotted rgb(125, 125, 125);
}

body.dark-mode .form-field select {
  background-color: #2a2a2a;
}

@media (max-width: 1024px) {

  body.dark-mode section.account-container,
  body.dark-mode section.admin-container,
  body.dark-mode .main.admin-panel,
  body.dark-mode .main.account-main {
    background-color: #2a2a2a !important;
    border: none;
    color: white;
    border-radius: 0px;
  }

  body.dark-mode .account-tabs,
  body.dark-mode .account-tabs-container {
    border: none !important;
    background-color: #2a2a2a;
  }

  body.dark-mode .personal-sub-tabs-buttons {
    border: none;
  }

  body.dark-mode main.cart-main {
    background-color: #2a2a2a !important;
    border: none !important;
  }
}