/* Dark mode styles */
body.dark {
    background-color: #23232b;
    color: #fff;
}

/* Apply dark background */
body.dark .sidebar-menu-close,
body.dark .main-menu,
body.dark .close-sidebar-menu-button,
body.dark #sidebar2,
body.dark .chat-input-div,
body.dark .chat-header,
body.dark .post-icon-number-badge,
body.dark .modal-prices-body,
body.dark .modal-content,
body.dark .footer-copyright,
body.dark div.footer,
body.dark .comment-profile-image,
body.dark .chat-user-active,
body.dark .chat-users-panel,
body.dark #searchFanButton,
body.dark .footer-logged-in,
body.dark .entry,
body.dark .modal-body-more-padding,
body.dark .modal-header,
body.dark .modal-confirm-boxes-body,
body.dark .signUp-form-pagination,
body.dark #inputAgeDays,
body.dark #inputAgeMonths,
body.dark #inputAgeYears,
body.dark .searchable-dropdown-options,
body.dark .post-tip-icon,
body.dark .write-message-icon,
body.dark .moreLanguages,
body.dark #searchInput2,
body.dark .pagination-number,
body.dark .card-header-description {
    background-color: #23232b;
}

/* Apply light dark background */
body.dark .comment-content,
body.dark .comment-cloud-arrow,
body.dark .comment-input,
body.dark .rounded-icon,
body.dark .create-post-input,
body.dark .expanded-form-wrapper,
body.dark .dropdown-item,
body.dark .search-chat-rooms,
body.dark .chat-user,
body.dark .close-sidebar-button,
body.dark .form-control,
body.dark .confirm-box-select-edit-icon,
body.dark #confirmNicknameInput,
body.dark input[type="date"],
body.dark #search_city,
body.dark .profile-tag,
body.dark [id^="id-description-"],
body.dark #search_language,
body.dark .bootstrap-tagsinput,
body.dark .my-account-email-input,
body.dark .offer-footer-tag,
body.dark .promote-block,
body.dark #bugDescription,
body.dark .collapsible,
body.dark .collapsible-content,
body.dark #id_subject,
body.dark #id_email,
body.dark #id_email2,
body.dark #id_description,
body.dark .alert, .alert-dismissible,
body.dark #id_login, #id_password,
body.dark #status_select,
body.dark .offer-list-control-panel-select::after,
body.dark .dropdown-content,
body.dark .pagination-button,
body.dark .pagination-button-disabled,
body.dark .page-item.active .page-link,
body.dark .confirm-box,
body.dark .select-options,
body.dark .tags-searchable-list,
body.dark #id_oldpassword,
body.dark #id_password1,
body.dark #id_password2,
body.dark #additionalRequestInput,
body.dark #priceInput,
body.dark .tip-modal-button,
body.dark .tip-modal-button-input,
body.dark .table th,
body.dark .table td,
body.dark .photo-request-message,
body.dark .chat-message,
body.dark .message-cloud-arrow,
body.dark #id_text_fr,
body.dark #id_title_fr,
body.dark .new-profile-tag,
body.dark .benefits-wrapper-new,
body.dark .modal-prices-input,
body.dark #customSearchButton2,
body.dark .tinder--card {
    background-color: #2f2f38;
}


body.dark .confirm-box-select-edit-icon,
body.dark #id_password1,
body.dark #id_email,
body.dark .cancel-edit-btn {
    border-color: #40424a!important;
}

body.dark .legend,
body.dark .fan-entry {
    background-color: transparent;
}

body.dark .bg-light {
    background-color: #2f2f38 !important;
}

body.dark .list-group-item {
    background-color: #2f2f38 !important;
}

body.dark .admin-chat-user-username {
    color:#ec2a4a;
  }

body.dark .sender-message {
    background-color: #ec2a4a;
}

body.dark .signUp-form-pagination-active {
    background-color: #fff;
}

body.dark #affiliateTermsDiv a,
body.dark #noMoreCardWrapper a {
    color: #007bff;
}

body.dark .select-options li:hover {
    background: #40424a;
}

body.dark .tip-modal-button-active {
    background-color: #40424a;
}

/* When dark mode is enabled, change text color */
body.dark h1,
body.dark p,
body.dark a,
body.dark .support a,
body.dark .entry-title,
body.dark .home-control-panel-phrase,
body.dark .profile-description-nickname,
body.dark .post-slide,
body.dark .new-profile-nickname,
body.dark .checkbox-label,
body.dark .custom-form-title,
body.dark .post-icon-number-badge,
/*body.dark .footer-copyright,
body.dark .footer-location,
body.dark .footer-links,*/
body.dark .modal-text,
body.dark .message-cost-with-user,
body.dark .target-write-message-price,
body.dark .chat-input-send-message-info,
body.dark .nickname-header,
body.dark .profile-entries-header,
body.dark .profile-header-write-button,
body.dark .modal-input, .select2-container,
body.dark .description-profile,
body.dark .user-profile-data-label,
body.dark .comment-content-text,
body.dark .comment-input::placeholder,
body.dark .main-menu .nav-text,
body.dark .chat-input-send-input::placeholder,
body.dark .poll-image-option-votes,
body.dark .chat-user-username,
body.dark .faq-header,
body.dark .faq-paragraph,
body.dark .offer-description-title,
body.dark select,
body.dark .dropdown-content,
body.dark .pagination-button-text,
body.dark .page-item.active .page-link,
body.dark .search-select,
body.dark .searchable-dropdown-options,
body.dark .select-options,
body.dark .tags-searchable-list,
body.dark .tip-modal-button,
body.dark .dropdown-item,
body.dark .tip-modal-button-upper-part,
body.dark .collapsible,
body.dark .table,
body.dark .message-content-text,
body.dark .fan-days-since-last-interaction,
body.dark .chat-list-entry-title,
body.dark .remove-tag-icon,
body.dark i#confirmNicknameButton,
body.dark .fa,.fas,
body.dark .benefits-title-new,
body.dark .benefits-list-new li,
body.dark .benefits-list-new li:before,
body.dark .modal-subscribe-text,
body.dark .modal-subscribe-text-light,
body.dark .comment-input,
body.dark .modal-prices-input,
body.dark .form-control-rates,
body.dark .tip-modal-button-input,
body.dark .profile-information-bar-icon-text,
body.dark .profile-activity {
    color: #fff;
}

body.dark .list-group-item-action {
    color: #007bff !important;
}

body.dark .entry-vote-button {
    color: #2f2f38c9;
}

/* When dark mode is enabled, change the border color */
body.dark .profile-logged-in,
body.dark .new-profile-logged-in {
    border: 0px solid #1fdb1c;;
}

body.dark .offer-list-control-panel-select,
body.dark .fan-write-message-date {
    border-color: #2f2f38;
    background: #2f2f38;
}

body.dark .chat-users-panel,
body.dark .chat-header,
body.dark .chat-input-div,
body.dark #sidebar-menu,
body.dark .input-with-button,
body.dark .sidebar-icon-mass-message,
body.dark .bordered,
body.dark .table th,
body.dark .modal-prices-input,
body.dark .table td {
    border: 1px solid #40424a;
}

body.dark #chatInputDiv {
    border-bottom: none;
}
body.dark .chat-input-div {
    border-left: none;
    border-right: none;
}

body.dark .chat-users-panel {
    border-left: none;
    border-top: none;
}

body.dark #customSearchButton2,
body.dark #searchInput2 {
    border: 1px solid #2f2f38;
    margin-left: 0;
    border-radius: 0;
}

body.dark .bordered-danger {
    border: 0.3px solid #c91a25;
}

/* slider button */
body.dark .slider-icon {
    background-color: #40424a;
}

body.dark .chat-user {
    border-bottom: 1px solid #40424a;
    background: #23232b;
    border-radius: 0;
}

body.dark .entry::after {
    border-top: 2px solid #40424a;
}

body.dark #updateProfileForm [type="radio"]:not(:checked) + label:before {
    border: 2px solid #40424a;
}

body.dark .fan-profile-image {
    border-radius: 0px;
}

/* border color same with background */
body.dark .profile-image,
body.dark .profile,
body.dark .comment-input,
body.dark .offer-list-control-panel-add-button,
body.dark .offer,
body.dark .offer-image,
body.dark .search-chat-rooms,
body.dark .form-control,
body.dark #confirmNicknameInput,
body.dark input[type="date"],
body.dark #search_city,
body.dark [id^="id-description-"],
body.dark #search_language,
body.dark .bootstrap-tagsinput,
body.dark .my-account-email-input,
body.dark .confirm-box-select-edit-icon,
body.dark #bugDescription,
body.dark #id_subject,
body.dark #id_email,
body.dark #id_email2,
body.dark #id_description,
body.dark .alert, .alert-dismissible,
body.dark #id_login, #id_password,
body.dark .pagination-button,
body.dark .pagination-button-disabled,
body.dark .page-item.active .page-link,
body.dark #id_oldpassword,
body.dark #id_password1,
body.dark #id_password2,
body.dark #additionalRequestInput,
body.dark #priceInput,
body.dark .collapsible,
body.dark .collapsible-content,
body.dark #id_text_fr,
body.dark #id_title_fr,
body.dark .tinder--card {
    border: 1px solid #23232b;
}

body.dark .write-message-icon,
body.dark .post-tip-icon {
    border-radius: 5px;
}

body.dark .confirm-box-select-edit-icon {
    opacity: 1;
    background-image: url('../icons/signup/edit-icon-white.svg');
}

body.dark .profile-breadcrumb li:last-child {
    color: #23232b;
}

body.dark [type="radio"]:not(:checked) + label::before {
    border: 2px solid #fff;
}

/* replace icons colo when dark mode is enabled */

body.dark .icon-more {
    background-color: #2f2f38;
}

.new-profile-share-profile-icon {
    background-image: url("../updated-icons/updated-post-icons/post-share-icon-white1.svg");
}

body.dark .write-message-icon {
    background-image: url("../updated-icons/updated-post-icons/post-write-message-icon-white1.svg");
}

body.dark .post-share-icon {
    background-image: url("../updated-icons/updated-post-icons/post-share-icon-white1.svg");
}

body.dark .post-tip-icon {
    background-image: url('../updated-icons/updated-post-icons/post-tip-icon-white-2.svg');
}

body.dark .post-request-photo-icon {
    background-image: url('../updated-icons/updated-post-icons/post-request-photo-icon-white1.svg');
}

body.dark .post-comments-icon {
    background-image: url('../updated-icons/updated-post-icons/post-comments-icon-white.svg');
}

body.dark .post-commented-icon {
    background-image: url('../updated-icons/updated-post-icons/post-comments-icon-white.svg');
}

body.dark .post-like-icon {
    background-image: url('../updated-icons/updated-post-icons/post-like-icon-white.svg');
}

body.dark .fan-sync-icon {
    background-image: url("../icons/sync-icon-white.svg");
}

body.dark .subscription-rounded-icon {
    background: url("../updated-icons/updated-blurred-icon/blurred-icon-star-white.svg")no-repeat;
    border: 1px solid #fff;
    background-color: transparent !important;
}

body.dark .fan-write-message-icon {
    background: url("../updated-icons/updated-post-icons/post-write-message-icon-white1.svg") no-repeat;
}

body.dark .poll-icon {
    background-image: url("../updated-icons/updated-create-post-messenger-icons/add-poll-white1.svg");
}

body.dark .post-input-button-photo {
    background-image: url('../updated-icons/updated-create-post-messenger-icons/add-image-white.svg');
}

body.dark .post-input-button-video {
    background-image: url('../updated-icons/updated-create-post-messenger-icons/add-video-white1A.svg');
}

body.dark .post-input-button-record-video {
    background-image: url('../updated-icons/updated-create-post-messenger-icons/record-video-white1A.svg');
}

body.dark .record-audio {
    background-image: url("../updated-icons/updated-create-post-messenger-icons/record-audio-white.svg");
  }

body.dark .icon-search-room {
    background-image: url('../updated-icons/updated-sidebar-icons/sidebar-messenger-search-icon-white.svg');
}

body.dark .icon-mass-message {
    background-image: url('../icons/write-mass-message-icon-white.svg');
    opacity: unset;
}

body.dark .chat-dropdown {
    color: white;
}

body.dark .chat-dropdown:hover {
    color: white!important;
}

/* Fix chat user link color on hover in dark mode */
body.dark .chat-user-link {
    color: #fff;
}

body.dark .chat-user-link:hover {
    color: #fff !important;
}

body.dark #chat-log {
  background: url('../assets/chat-logs-background-dark.svg');
}

/* Chat input placeholder and text color */
body.dark .chat-input-send-input::placeholder {
    color: #fff!important;
}

body.dark .chat-input-send-input {
    color: #fff!important;
}

/* Remove top, left, and right borders from chat header */
body.dark .chat-header {
    border-top: none;
    border-left: none;
    border-right: none;
}

/* Fix dropdown items in dark mode */
body.dark .dropdown-menu {
    background-color: #2f2f38 !important;
    border-color: #40424a !important;
}

body.dark .dropdown-item {
    color: #fff !important;
    background-color: #2f2f38 !important;
}

body.dark .dropdown-item:hover,
body.dark .dropdown-item:focus {
    background-color: #40424a !important;
    color: #fff !important;
}

body.dark .conversation-send-message-all:hover {
    color: #fff !important;
}

body.dark .dropdown-divider {
    border-top-color: #40424a !important;
}

/* Style number input arrows for dark mode */
body.dark input[type="number"]::-webkit-inner-spin-button,
body.dark input[type="number"]::-webkit-outer-spin-button {
    opacity: 1;
    filter: invert(1);
}

/* For Firefox */
body.dark input[type="number"] {
    -moz-appearance: textfield;
}

body.dark input[type="number"]:hover {
    -moz-appearance: number-input;
}

/* Alternative approach for better visibility */
body.dark input[type="number"]::-webkit-inner-spin-button,
body.dark input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
    background-color: #40424a;
    opacity: 1;
    -webkit-appearance: inner-spin-button;
    filter: brightness(2);
}

/* Emoji picker dark mode styles */
body.dark .emoji-picker {
    background-color: #23232b !important;
}

/* Style the emoji-picker web component using CSS custom properties */
body.dark emoji-picker {
    --background: #23232b;
    --border-color: #40424a;
    --button-active-background: #40424a;
    --button-hover-background: #2f2f38;
    --category-emoji-hover-background: #2f2f38;
    --indicator-color: #ec2a4a;
    --input-border-color: #40424a;
    --input-font-color: #fff;
    --input-placeholder-color: #999;
    --outline-color: #ec2a4a;
    --text-color: #fff;
    --search-focus-background-color: #2f2f38;
    --search-placeholder-color: #999;
    --scrollbar-thumb-color: #666;
    --scrollbar-track-color: transparent;
}

/* Also add scrollbar styling for light mode */
emoji-picker {
    --scrollbar-thumb-color: #ccc;
    --scrollbar-track-color: transparent;
}

/* Benefits container dark mode styles */
body.dark .benefits-container {
    background-color: #2f2f38;
    border: 1px solid #40424a;
}

body.dark .benefits-title {
    color: #fff;
}

body.dark .benefits-list li {
    color: #fff;
}

body.dark .benefits-list li:before {
    color: #ec2a4a;
}

/* BLIK form dark mode styles */
body.dark .blik-form-wrapper {
    background-color: #2f2f38;
    border: 1px solid #40424a;
    box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.4);
}

body.dark .blik-form-title {
    color: #fff;
}

body.dark .blik-form-description {
    color: #fff;
}

body.dark .blik-form-input {
    background-color: #23232b;
    border: 1px solid #40424a;
    color: #fff;
}

body.dark .blik-form-input::placeholder {
    color: #999;
}

body.dark .blik-form-input:disabled {
    background-color: #40424a;
    color: #999;
}

body.dark .blik-form-submit-button {
    background-color: #ec2a4a;
    border: 1px solid #ec2a4a;
}

body.dark .blik-form-submit-button:disabled {
    background-color: #40424a;
    border-color: #40424a;
    color: #999;
}

body.dark .blik-confirm-payment-info {
    color: #fff;
}

/* Filerobot Modal dark mode styles */
body.dark #filerobotModal .modal-content {
    background-color: #23232b;
    border-color: #40424a;
}

body.dark #filerobotModal .modal-header {
    background-color: #23232b;
    border-bottom-color: #40424a;
}

body.dark #filerobotModal .modal-body {
    background-color: #23232b;
}

body.dark #filerobotModal .modal-text {
    color: #fff;
}

body.dark #filerobotModal .editor-info-text {
    color: #fff;
}

body.dark #filerobotModal .close-cross {
    color: #fff;
}

body.dark #filerobotModal .close-cross:hover {
    color: #ec2a4a;
}

/* Style the Filerobot editor container for dark mode */
body.dark #editor_container {
    background-color: #2f2f38;
}

/* Additional Filerobot editor dark mode styles */
body.dark .FIE_root {
    background-color: #23232b !important;
}

body.dark .FIE_container {
    background-color: #23232b !important;
}

body.dark .FIE_topbar {
    background-color: #2f2f38 !important;
    border-bottom: 1px solid #40424a !important;
}

body.dark .FIE_tabs {
    background-color: #2f2f38 !important;
}

body.dark .FIE_tabs-item {
    color: #ccc !important;
}

body.dark .FIE_tabs-item-active,
body.dark .FIE_tabs-item:hover {
    color: #fff !important;
    background-color: #40424a !important;
}

body.dark .FIE_panel {
    background-color: #2f2f38 !important;
    color: #fff !important;
}

body.dark .FIE_topbar-button {
    color: #ccc !important;
}

body.dark .FIE_topbar-button:hover {
    color: #fff !important;
    background-color: #40424a !important;
}

body.dark .FIE_canvas-container {
    background-color: #23232b !important;
}

/* Chat input icons wrapper mobile dark mode styles */
body.dark .chat-input-icons-wrapper-mobile {
    background-color: #2f2f38;
    border: 1px solid #40424a;
    -webkit-box-shadow: 1px 2px 20px -5px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 1px 2px 20px -5px rgba(0, 0, 0, 0.4);
    box-shadow: 1px 2px 20px -5px rgba(0, 0, 0, 0.4);
}

/* Modal input and select2 container dark mode styles */
body.dark .modal-input,
body.dark #search_city,
body.dark .bootstrap-tagsinput,
body.dark .select2-container {
    background-color: #2f2f38;
    border-color: #40424a;
    color: #fff;
}


body.dark .bootstrap-tagsinput {
    background-color: #2f2f38;
    border-color: #40424a!important;
    color: #fff!important;
}

body.dark .bootstrap-tagsinput input {
    color: #fff!important;
}

body.dark .modal-input::placeholder {
    color: #999;
}

/* Select2 dropdown dark mode styles */
body.dark .select2-dropdown {
    background-color: #2f2f38;
    border-color: #40424a;
}

body.dark .select2-container--default .select2-search--dropdown .select2-search__field {
    background-color: #23232b;
    color: #fff;
    border-color: #40424a;
}

body.dark .select2-container--default .select2-results__option {
    background-color: #2f2f38;
    color: #fff;
}

body.dark .select2-container--default .select2-results__option--highlighted {
    background-color: #40424a;
    color: #fff;
}

body.dark .select2-container--default .select2-results__option--selected {
    background-color: #40424a !important;
    color: #fff;
}

body.dark .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #fff;
}

body.dark .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999;
}

/* Subscribe modal dark mode styles */
body.dark .subscribe-package {
    background-color: #2f2f38;
    border-color: #40424a;
}

body.dark .subscribe-package::after {
    background: linear-gradient(135deg,
                rgba(236, 42, 74, 0.1) 0%,
                rgba(236, 42, 74, 0.3) 100%);
}

body.dark .subscribe-package:hover {
    border-color: #ec2a4a;
}

body.dark .subscribe-package-info,
body.dark .subscribe-package-price {
    color: #fff;
}

body.dark .subscribe-package:hover .subscribe-package-info,
body.dark .subscribe-package:hover .subscribe-package-price {
    color: #fff;
    text-shadow: 0 0 10px rgba(236, 42, 74, 0.5);
}

body.dark .subscribe-package-info-discount {
    color: #ffac32;
}

body.dark .subscribe-package:hover .subscribe-package-info-discount {
    color: #ffac32;
    text-shadow: 0 0 8px rgba(255, 173, 50, 0.8);
}

/* Step indicator dark mode styles */
body.dark .step-circle {
    background-color: #2f2f38;
    border-color: #666;
}

body.dark .step.active .step-circle {
    border-color: #ffac32;
    background-color: transparent;
}

body.dark .step.completed .step-circle {
    border-color: #ffac32;
    background-color: #ffac32;
}

body.dark .step-line {
    background-color: #40424a!important;
}

/* Select status dropdown dark mode styles */
body.dark #status_select,
body.dark .filter-select {
    background-color: #2f2f38;
    color: #fff;
}

body.dark .offer-list-control-panel-select option {
    background-color: #2f2f38;
    color: #fff !important;
}

body.dark .offer-list-control-panel-select option:hover {
    background-color: #40424a;
    color: #fff !important;
}

/* Filter box select dark mode styles */
body.dark .filter-box-select {
    background: #2f2f38;
    border-color: #40424a;
}

body.dark .filter-box-select select {
    background: #2f2f38;
    text-shadow: 0 0 0 #fff;
}

body.dark .filter-box-select option {
    background-color: #2f2f38;
    color: #fff;
}

/* Search city filter dark mode styles */
body.dark #search_city_filter,
body.dark .search-select-filter {
    background: #2f2f38 !important;
    border-color: #40424a !important;
    color: #fff !important;
}

body.dark .search-select-filter::placeholder {
    color: #ccc !important;
}

body.dark .language-dropdown ul.lang-list {
    background-color: #2f2f38;
    border-color: #40424a;
    box-shadow: 3px 4px 47px -10px rgba(0, 0, 0, 0.5);
    border-top-color: transparent;
}

body.dark .input-group-text {
    color: white;
    background-color: transparent;
    border-color: #40424a;
}

body.dark .discount-input {
    color: white;
    border-color: #40424a;
}
body.dark .language-dropdown.open {
    background-color: #2f2f38;
}

body.dark .language-dropdown label::after {
    color: #fff;
}

/* Fix autofill highlighting in dark mode */
body.dark input:-webkit-autofill,
body.dark input:-webkit-autofill:hover,
body.dark input:-webkit-autofill:focus,
body.dark input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #2f2f38 inset !important;
    -webkit-text-fill-color: #fff !important;
    color: #fff !important;
}

  input:-webkit-autofill,
  input:-webkit-autofill:focus {
    transition: background-color 0s 600000s, color 0s 600000s !important;
  }

/* Signup page dark mode styles */
body.dark .signup-container {
    background-color: #23232b;
}

body.dark .signUp-form-body {
    background-color: #2f2f38;
}

body.dark .pagination-button-join-us {
    background: #ec2a4a;
}
body.dark .signUp-form-title {
    color: #fff;
}

body.dark .cdropdown-container.dropdown-open {
    background-color: #2f2f38;
}
body.dark .cdropdown-toggle {
    background-color: #2f2f38;
    color: #fff;
    border: 1px solid #40424a;
}

body.dark .cdropdown-menu {
    background-color: #2f2f38;
    border-color: #40424a;
    box-shadow: 0px 6px 7px rgba(0, 0, 0, 0.3);
    border-top-right-radius: 27px;
    border-top-left-radius: 27px;
}

body.dark .dropdown-active {
    box-shadow: 0px 6px 7px rgba(0, 0, 0, 0.3);
}

body.dark .cdropdown-item {
    color: #fff;
}

body.dark .cdropdown-item:hover {
    background-color: #40424a;
}

body.dark .checkbox-label-signup {
    color: #fff;
}

body.dark .signUp-form-terms-of-service {
    color: #fff;
}

body.dark .signUp-form-terms-of-service a {
    color: #007bff;
}

/* Dark mode tooltip styling - only dark mode specific styles remain */
body.dark .theme-tooltip {
    background: rgba(255, 255, 255, 0.9);
    color: #333;
}

body.dark .theme-tooltip::after {
    border-left-color: rgba(255, 255, 255, 0.9);
}

.full-screen-gallery-modal-btn {
    z-index: 2;
}

body.dark .new-profile-red-like-button {
    background-color: #23232b;
}