/* Pinay Promise production color system. Loaded after QuickDate core CSS. */
:root {
  color-scheme: light;
  --pp-flag-blue: #0038a8;
  --pp-flag-red: #ce1126;
  --pp-gold: #fcd116;
  --pp-white: #ffffff;
  --pp-deep-navy: #081b33;
  --pp-rich-navy: #0d2747;
  --pp-soft-cream: #fff9ef;
  --pp-light-blue: #f2f7ff;
  --pp-pale-blue: #e8f0ff;
  --pp-charcoal: #172033;
  --pp-muted-gray: #667085;
  --pp-light-border: #d9e2f2;
  --pp-dark-border: #29425f;
  --pp-success-base: #168a5b;
  --pp-warning-base: #d98e04;
  --pp-error-base: #b42318;
  --pp-primary: #0038a8;
  --pp-primary-hover: #002b82;
  --pp-primary-active: #001f5f;
  --pp-romance: #ce1126;
  --pp-romance-hover: #a90e20;
  --pp-romance-active: #860b19;
  --pp-bg: #f2f7ff;
  --pp-bg-secondary: #fff9ef;
  --pp-surface: #ffffff;
  --pp-surface-elevated: #ffffff;
  --pp-nav-bg: #ffffff;
  --pp-text: #172033;
  --pp-text-secondary: #667085;
  --pp-muted: #667085;
  --pp-border: #d9e2f2;
  --pp-input-bg: #ffffff;
  --pp-input-text: #172033;
  --pp-placeholder: #8a94a6;
  --pp-hover: #e8f0ff;
  --pp-selected: rgba(0, 56, 168, 0.1);
  --pp-link: #0038a8;
  --pp-link-hover: #ce1126;
  --pp-heart: #ce1126;
  --pp-heart-hover: #a90e20;
  --pp-success: #168a5b;
  --pp-warning: #d98e04;
  --pp-error: #b42318;
  --pp-info: #0038a8;
  --pp-disabled-bg: #e6edf7;
  --pp-disabled-text: #5d6b80;
  --pp-focus: #0038a8;
  --pp-shadow: 0 18px 46px rgba(8, 27, 51, 0.12);
  --pp-shadow-soft: 0 10px 30px rgba(8, 27, 51, 0.08);
}

html[data-theme="dark"],
body[data-theme="dark"],
body.pp-theme-dark,
html:has(#night-mode-css) {
  color-scheme: dark;
  --pp-primary: #0f55d9;
  --pp-primary-hover: #2a6be5;
  --pp-primary-active: #0038a8;
  --pp-romance: #ce1126;
  --pp-romance-hover: #ea263a;
  --pp-romance-active: #a90e20;
  --pp-bg: #071321;
  --pp-bg-secondary: #081b33;
  --pp-surface: #0d2747;
  --pp-surface-elevated: #123253;
  --pp-nav-bg: #081b33;
  --pp-text: #ffffff;
  --pp-text-secondary: #b8c5d6;
  --pp-muted: #8ea0b5;
  --pp-border: #29425f;
  --pp-input-bg: #0a2038;
  --pp-input-text: #ffffff;
  --pp-placeholder: #8294a8;
  --pp-hover: #123253;
  --pp-selected: rgba(252, 209, 22, 0.12);
  --pp-link: #76a7ff;
  --pp-link-hover: #fcd116;
  --pp-heart: #f43f5e;
  --pp-heart-hover: #fb7185;
  --pp-success: #35b97c;
  --pp-warning: #f2b84b;
  --pp-error: #f97066;
  --pp-info: #76a7ff;
  --pp-disabled-bg: #213750;
  --pp-disabled-text: #b8c5d6;
  --pp-focus: #fcd116;
  --pp-shadow: 0 18px 48px rgba(0, 0, 0, 0.35);
  --pp-shadow-soft: 0 10px 28px rgba(0, 0, 0, 0.28);
}

html,
body {
  background: var(--pp-bg) !important;
  color: var(--pp-text);
}

body,
body p,
body li,
body span,
body div {
  letter-spacing: 0;
}

a,
.text-main,
.blue-text,
.dt_terms a,
.page_footer a:not(.btn),
.dt_index_foot a:not(.btn) {
  color: var(--pp-link) !important;
}

a:hover,
a:focus,
.dt_terms a:hover,
.page_footer a:hover,
.dt_index_foot a:hover {
  color: var(--pp-link-hover) !important;
}

.grey-text,
.grey-text.text-darken-1,
.grey-text.text-darken-2,
.grey-text.text-darken-3,
.grey-text.text-lighten-1,
.dt_header_short_desc_innr p,
.dt_header_how_works_innr p,
.dt_header_how_works_side_innr p,
.dt_get_start p,
.dt_login_footer,
.dt_profile_side_info p,
.dt_user_about p,
.dt_msg_box .msg_container .m_body .m_conversation .m_con_item .m_c_item_snippet,
.input-field .helper-text {
  color: var(--pp-muted) !important;
}

.black-text,
.dt_terms h1,
.dt_terms h2,
.dt_terms h3,
.dt_terms h4,
.dt_login h4,
.dt_settings h4,
.dt_home_pro_usr h4,
.dt_credits > h4.bold,
.dt_profile_side_info h5,
.dt_user_about h4,
.dt_msg_box .msg_header h2,
.dt_msg_box .modal-content .chat_conversations .chat_participant .c_name span.name,
.dt_premium .dt_p_head h5,
.dt_faq .accordion-header {
  color: var(--pp-text) !important;
}

.white,
.white_bg,
.card,
.card-panel,
.collection,
.collapsible,
.modal,
.modal .modal-footer,
.dropdown-content,
.datepicker-modal,
.dt_login_con,
.dt_terms,
.dt_terms_sidebar ul,
.dt_settings > form.col,
.dt_settings > form.col.profile .sett_prof_cont,
.dt_contact > .row > form.col,
.dt_profile_side,
.dt_user_profile,
.dt_user_social,
.dt_user_about .about_block,
.blocked_users .unblock_card,
.dt_home_filters .collapsible,
.dt_home_filters_prnt.open,
.dt_home_match_user,
.mtc_usrd_content,
.dt_msg_box,
.dt_msg_box .modal-content,
.dt_msg_box .msg_container,
.dt_msg_box .modal-content .chat_conversations,
.dt_premium .dt_choose_pro,
.credit_pln,
.dt_usr_pmnt_cont,
.insta_post,
.dt_faq .accordion-item,
.qd_blog_lists .qd_blog_list,
.qd_read_blog_head .blockquote,
.storydesc,
.toast,
.cc-window {
  background: var(--pp-surface) !important;
  color: var(--pp-text) !important;
  border-color: var(--pp-border) !important;
}

.dt_sections,
.dt_home_filters_head p,
.dt_authpage .login_side,
.dt_features_prnt,
.dt_cp_photos_list,
.dt_msg_box .modal-content .chat_conversations .chat_header,
.dt_msg_box .modal-content .chat_conversations .chat_container .chat_body,
.dt_msg_box .modal-content .chat_conversations .chat_container .chat_foot .chat_f_text,
.dt_bank_trans_modal .dt_user_profile,
.qd_select_verifi_start,
.et_plus .modal-dialog .modal-content {
  background: var(--pp-surface-elevated) !important;
  color: var(--pp-text) !important;
  border-color: var(--pp-border) !important;
}

.dt_login_con,
.dt_terms,
.dt_header_how_works_side_innr,
.dt_testimonial_slide,
.dt_get_start,
.dt_settings > form.col,
.dt_profile_side,
.dt_user_profile,
.dt_msg_box,
.dt_premium .dt_choose_pro,
.credit_pln,
.dt_faq .accordion-item {
  border: 1px solid var(--pp-border);
  border-radius: 12px;
  box-shadow: var(--pp-shadow);
}

.header_bg {
  background:
    radial-gradient(circle at 16% 18%, rgba(252, 209, 22, 0.18), transparent 28%),
    radial-gradient(circle at 86% 18%, rgba(206, 17, 38, 0.12), transparent 24%),
    linear-gradient(135deg, var(--pp-deep-navy) 0%, #0e3460 56%, var(--pp-flag-blue) 100%) !important;
  color: #ffffff !important;
  min-height: 690px;
}

.header_bg .home_pz_rel h1.header,
.header_bg h1,
.header_bg h2,
.header_bg h3 {
  color: #ffffff !important;
  letter-spacing: 0;
}

.header_bg .home_pz_rel h1.header span,
.header_bg .main-know-bttn,
.dt_home_pro_usr h4 svg,
.dt_credits > h4.bold svg {
  color: var(--pp-gold) !important;
}

.header_bg h5.header {
  color: rgba(255, 255, 255, 0.88) !important;
  line-height: 1.55;
}

.dt_header_short_desc,
.dt_header_how_works,
.dt_authpage,
.find_matches_cont,
.dt_home_filters,
.dt_settings_bg,
.dt_page_content,
.qd_blog,
.dt_faq {
  background: var(--pp-bg) !important;
}

.dt_header_short_desc_innr,
.dt_header_how_works_innr,
.dt_ltst_users,
.dt_get_start_prnt,
.dt_auth_footr_page,
.page_content,
.dt_terms_bg {
  background: var(--pp-bg-secondary) !important;
}

.main_header_nav nav,
nav,
.nav-not-logged-in,
.dt_main_nav,
.dt_mobile_nav,
.sidenav,
.dt_left_sidebar,
.find_matches_cont > .row > .col.l3 {
  background: var(--pp-nav-bg) !important;
  color: var(--pp-text) !important;
  border-color: var(--pp-border) !important;
  box-shadow: var(--pp-shadow-soft);
}

nav a,
nav ul a,
.sidenav li > a,
.dt_left_sidebar .menu > li > a,
.find_matches_cont .home_short_links .home_usr_link li a,
nav .header_user .dropdown-content > li > a,
nav .header_notifications .dropdown-content li a {
  color: var(--pp-text) !important;
}

nav a:hover,
nav ul a:hover,
.sidenav li > a:hover,
.dt_left_sidebar .menu > li > a:hover,
.find_matches_cont .home_short_links .home_usr_link li a:hover,
nav .header_user .dropdown-content > li > a:hover,
nav .header_notifications .dropdown-content li a:hover {
  background: transparent !important;
  color: var(--pp-link-hover) !important;
  box-shadow: none !important;
}

/* Remove the legacy gray block and red inset-line hover treatment everywhere. */
html body a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-floating):not(.ppt-button):hover {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-left-color: transparent !important;
  box-shadow: none !important;
}

html body nav li:hover,
html body .sidenav li:hover,
html body .dt_left_sidebar .menu > li:hover,
html body .dropdown-content li:hover {
  background: transparent !important;
  box-shadow: none !important;
}

/* Approved public-header login hover: gold with readable white text, never purple. */
html body .ppt-home .ppt-nav .ppt-login:hover,
html body .ppt-home .ppt-nav .ppt-login:focus-visible,
html body .dt_login_body .not_usr_nav li:first-child > a:hover,
html body .dt_login_body .not_usr_nav li:first-child > a:focus-visible,
html body .qdt_hdr_auth_btns[href*="/login"]:hover,
html body .qdt_hdr_auth_btns[href*="/login"]:focus-visible {
  background: var(--pp-gold, #f6c445) !important;
  background-color: var(--pp-gold, #f6c445) !important;
  background-image: none !important;
  border-color: var(--pp-gold, #f6c445) !important;
  box-shadow: none !important;
  color: #ffffff !important;
}

nav .header_user .dropdown-content,
nav .header_notifications .dropdown-content {
  background: var(--pp-surface) !important;
  border: 1px solid var(--pp-border);
  box-shadow: var(--pp-shadow);
}

nav .header_user .dropdown-content:before,
nav .header_notifications .dropdown-content:before {
  border-bottom-color: var(--pp-surface) !important;
}

.brand-logo img,
.header_logo img {
  max-height: 46px;
  object-fit: contain;
}

/* Brand marks stay static on every page and in every pointer state. */
html body nav .header_logo,
html body nav .header_logo:hover,
html body a#logo-container,
html body a#logo-container:hover,
html body a.brand-logo,
html body a.brand-logo:hover,
html body a.ppt-brand,
html body a.ppt-brand:hover,
html body .ppt-footer-brand a,
html body .ppt-footer-brand a:hover {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
  text-decoration: none !important;
  transform: none !important;
  transition: none !important;
}

html body a#logo-container:before,
html body a#logo-container:after,
html body a#logo-container:hover:before,
html body a#logo-container:hover:after,
html body a.brand-logo:before,
html body a.brand-logo:after,
html body a.brand-logo:hover:before,
html body a.brand-logo:hover:after,
html body a.ppt-brand:before,
html body a.ppt-brand:after,
html body a.ppt-brand:hover:before,
html body a.ppt-brand:hover:after,
html body .ppt-footer-brand a:before,
html body .ppt-footer-brand a:after,
html body .ppt-footer-brand a:hover:before,
html body .ppt-footer-brand a:hover:after {
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  content: none !important;
  display: none !important;
}

html body a#logo-container img,
html body a#logo-container:hover img,
html body a.brand-logo img,
html body a.brand-logo:hover img,
html body nav .header_logo:hover img,
html body a.ppt-brand img,
html body a.ppt-brand:hover img,
html body .ppt-footer-brand a img,
html body .ppt-footer-brand a:hover img {
  filter: none !important;
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

/* Footer links use a clean color change only; never a red line or background block. */
html body footer a:hover,
html body footer a:focus-visible,
html body .page_footer a:hover,
html body .page_footer a:focus-visible,
html body .ppt-footer a:hover,
html body .ppt-footer a:focus-visible {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  color: #f6c445 !important;
  filter: none !important;
  text-decoration: none !important;
  transform: none !important;
}

html body footer a:hover:before,
html body footer a:hover:after,
html body footer a:focus-visible:before,
html body footer a:focus-visible:after,
html body .page_footer a:hover:before,
html body .page_footer a:hover:after,
html body .page_footer a:focus-visible:before,
html body .page_footer a:focus-visible:after,
html body .ppt-footer a:hover:before,
html body .ppt-footer a:hover:after,
html body .ppt-footer a:focus-visible:before,
html body .ppt-footer a:focus-visible:after {
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  content: none !important;
  display: none !important;
}

.btn,
button,
input[type="submit"] {
  letter-spacing: 0 !important;
}

.btn_primary,
.btn_glossy,
.btn-success,
.main-hdr-bttn,
.qdt_hdr_auth_btns.btn_primary,
.dt_sett_footer button,
.dt_terms h2.bold .btn,
.qd_story_head .btn,
.dt_contact form button,
.dt_msg_box .msg_header .msg_toolbar .btn.mark_read,
.dt_msg_box .modal-content .chat_conversations .chat_container .chat_foot .chat_f_send .btn-floating,
.cc-btn,
.cc-window .cc-compliance .cc-btn {
  background: var(--pp-primary) !important;
  border-color: var(--pp-primary) !important;
  color: #ffffff !important;
  box-shadow: 0 12px 28px rgba(0, 56, 168, 0.22);
}

.btn_primary:hover,
.btn_glossy:hover,
.btn-success:hover,
.main-hdr-bttn:hover,
.qdt_hdr_auth_btns.btn_primary:hover,
.dt_sett_footer button:hover,
.dt_terms h2.bold .btn:hover,
.qd_story_head .btn:hover,
.dt_contact form button:hover,
.dt_msg_box .msg_header .msg_toolbar .btn.mark_read:hover,
.dt_msg_box .modal-content .chat_conversations .chat_container .chat_foot .chat_f_send .btn-floating:hover,
.cc-btn:hover,
.cc-window .cc-compliance .cc-btn:hover {
  background: var(--pp-primary-hover) !important;
  border-color: var(--pp-primary-hover) !important;
  color: #ffffff !important;
}

.btn_primary:active,
.btn_glossy:active,
.main-hdr-bttn:active,
.qdt_hdr_auth_btns.btn_primary:active {
  background: var(--pp-primary-active) !important;
  border-color: var(--pp-primary-active) !important;
}

.btn-danger,
.red,
.red.darken-1,
.lk_active svg,
.like_btn,
.liked,
.report_text,
.block_text,
.dt_home_match_user .mtc_usrd_content .mtc_usrd_slider .mtc_usrd_actions .btn.dislike,
.dt_msg_box .modal-content .chat_conversations .chat_container .chat_foot .dt_acc_dec_msg .btn.dec_msg {
  background-color: var(--pp-romance) !important;
  border-color: var(--pp-romance) !important;
  color: #ffffff !important;
}

.btn-danger:hover,
.red:hover,
.like_btn:hover,
.liked:hover,
.report_text:hover,
.block_text:hover {
  background-color: var(--pp-romance-hover) !important;
  border-color: var(--pp-romance-hover) !important;
}

.btn-flat,
.qdt_hdr_auth_btns:not(.btn_primary),
.dt_msg_box .msg_header .msg_toolbar .btn,
.dt_msg_box .modal-content .chat_conversations .chat_toolbar .btn,
.dt_msg_box .modal-content .chat_conversations .chat_navigation .btn,
.dt_msg_box .modal-content .chat_conversations .chat_container .chat_foot .dt_acc_dec_msg .btn {
  background: var(--pp-surface) !important;
  border-color: var(--pp-border) !important;
  color: var(--pp-text) !important;
}

.btn.disabled,
.disabled.btn-large,
.disabled.btn-small,
.btn-floating.disabled,
.btn:disabled,
.btn-large:disabled,
.btn-small:disabled,
.btn-floating:disabled,
.btn-flat:disabled,
.btn[disabled],
.btn-large[disabled],
.btn-small[disabled],
input:disabled,
textarea:disabled,
select:disabled {
  background-color: var(--pp-disabled-bg) !important;
  border-color: var(--pp-border) !important;
  color: var(--pp-disabled-text) !important;
  opacity: 1 !important;
  cursor: not-allowed;
}

input:not([type]),
input[type="text"]:not(.browser-default),
input[type="password"]:not(.browser-default),
input[type="email"]:not(.browser-default),
input[type="url"]:not(.browser-default),
input[type="time"]:not(.browser-default),
input[type="date"]:not(.browser-default),
input[type="datetime"]:not(.browser-default),
input[type="datetime-local"]:not(.browser-default),
input[type="tel"]:not(.browser-default),
input[type="number"]:not(.browser-default),
input[type="search"]:not(.browser-default),
textarea.materialize-textarea,
textarea,
select,
.select-wrapper input.select-dropdown,
.chips,
.dt_msg_box .modal-content .chat_conversations .chat_container .chat_foot .chat_f_textarea .emojionearea,
.dt_msg_box .modal-content .chat_conversations .chat_container .chat_foot .chat_f_textarea .chat_f_write textarea,
.qd_blog_srch input[type="text"]:not(.browser-default),
.dt_index_footinnr .top .subscribe input {
  background: var(--pp-input-bg) !important;
  border-color: var(--pp-border) !important;
  color: var(--pp-input-text) !important;
  box-shadow: none !important;
}

input::placeholder,
textarea::placeholder,
.emojionearea-editor:empty:before {
  color: var(--pp-placeholder) !important;
  opacity: 1 !important;
}

.input-field > label,
.input-field > label:not(.label-icon).active,
.dt_settings form .select-wrapper + label,
.select-wrapper .dropdown-content li > span {
  color: var(--pp-muted) !important;
}

input:not([type]):focus:not([readonly]),
input[type="text"]:not(.browser-default):focus:not([readonly]),
input[type="password"]:not(.browser-default):focus:not([readonly]),
input[type="email"]:not(.browser-default):focus:not([readonly]),
input[type="url"]:not(.browser-default):focus:not([readonly]),
input[type="time"]:not(.browser-default):focus:not([readonly]),
input[type="date"]:not(.browser-default):focus:not([readonly]),
input[type="datetime"]:not(.browser-default):focus:not([readonly]),
input[type="datetime-local"]:not(.browser-default):focus:not([readonly]),
input[type="tel"]:not(.browser-default):focus:not([readonly]),
input[type="number"]:not(.browser-default):focus:not([readonly]),
input[type="search"]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
  border-bottom-color: var(--pp-primary) !important;
  box-shadow: 0 1px 0 0 var(--pp-primary) !important;
}

input:focus,
textarea:focus,
select:focus,
a:focus,
button:focus,
.btn:focus,
[tabindex]:focus {
  outline: 2px solid var(--pp-focus) !important;
  outline-offset: 2px !important;
}

[type="checkbox"]:checked + span:not(.lever):before,
[type="radio"]:checked + span:after,
[type="radio"].with-gap:checked + span:after,
.switch label input[type="checkbox"]:checked + .lever,
.dt_settings form .switch label input[type="checkbox"]:checked + .lever {
  border-color: var(--pp-primary) !important;
  background-color: var(--pp-primary) !important;
}

.switch label .lever,
.dt_settings form .switch label .lever,
.dt_msg_box.open_list .msg_container .m_filters .switch .lever,
.dt_msg_box.open_chat .msg_container .m_filters .switch .lever {
  background: var(--pp-hover) !important;
  border: 1px solid var(--pp-border);
}

.switch label .lever:after,
.dt_settings form .switch label .lever:after,
.dt_msg_box.open_list .msg_container .m_filters .switch .lever:after,
.dt_msg_box.open_chat .msg_container .m_filters .switch .lever:after {
  background: var(--pp-surface) !important;
  border: 1px solid var(--pp-border);
}

.tabs {
  background: var(--pp-surface) !important;
  border-bottom: 1px solid var(--pp-border);
}

.tabs .tab a,
.tabs .tab a:hover,
.tabs .tab a.active {
  color: var(--pp-primary) !important;
}

.tabs .indicator {
  background-color: var(--pp-romance) !important;
}

.pagination li.active,
.pagination li.active a,
.chip,
.badge:not(.verified):not(.premium),
.dt_msg_box .msg_header h2 .chat_count {
  background: var(--pp-selected) !important;
  color: var(--pp-primary) !important;
}

.verified,
.verified_badge,
.verified-badge,
.dt_verified,
.dt_profile_verified,
.premium,
.premium_badge,
.premium-badge,
.pro-badge,
.dt_pro_badge,
.dt_premium_badge,
.dt_premium .pln_name,
.dt_premium .dt_p_head .badge {
  background: var(--pp-gold) !important;
  background-image: none !important;
  color: var(--pp-deep-navy) !important;
  border-color: rgba(8, 27, 51, 0.16) !important;
}

.dt_premium .pln_name,
.premium_badge,
.premium-badge,
.pro-badge {
  background: linear-gradient(135deg, #fcd116 0%, #ffe58a 100%) !important;
}

.online,
.is_online,
.online_status,
.dt_user_online,
.dt_msg_box .msg_container .m_body .m_conversation .m_con_item .online_dot {
  background: var(--pp-success) !important;
  border-color: var(--pp-surface) !important;
}

.alert-success,
.toast.success {
  background: color-mix(in srgb, var(--pp-success) 15%, var(--pp-surface)) !important;
  border-color: var(--pp-success) !important;
  color: var(--pp-success) !important;
}

.alert-info,
.toast.info {
  background: color-mix(in srgb, var(--pp-info) 14%, var(--pp-surface)) !important;
  border-color: var(--pp-info) !important;
  color: var(--pp-info) !important;
}

.alert-warning,
.toast.warning {
  background: color-mix(in srgb, var(--pp-warning) 16%, var(--pp-surface)) !important;
  border-color: var(--pp-warning) !important;
  color: var(--pp-warning) !important;
}

.alert-danger,
.alert-error,
.toast.error {
  background: color-mix(in srgb, var(--pp-error) 15%, var(--pp-surface)) !important;
  border-color: var(--pp-error) !important;
  color: var(--pp-error) !important;
}

.toast {
  background: var(--pp-surface-elevated) !important;
  color: var(--pp-text) !important;
  border: 1px solid var(--pp-border);
  box-shadow: var(--pp-shadow);
}

table,
table.striped > tbody > tr,
tr,
td,
th,
.border_hr,
.divider,
.modal.modal-fixed-footer .modal-footer,
.dt_msg_box .msg_header,
.dt_msg_box .modal-content .chat_conversations .chat_header,
.dt_home_pro_usr h4,
.dt_premium .dt_p_head,
.dt_user_social,
.dt_user_about .about_block,
.dt_terms_sidebar ul hr,
.dt_faq .accordion-item {
  border-color: var(--pp-border) !important;
}

table.highlight > tbody > tr:hover,
.dropdown-content li:hover,
.dropdown-content li.active,
.collection .collection-item:hover,
.dt_msg_box .msg_container .m_body .m_conversation .m_con_item:hover,
.dt_home_filters .collapsible .filter_tabs li a.active,
.dt_terms_sidebar ul li.active a {
  background: var(--pp-hover) !important;
  color: var(--pp-text) !important;
}

.find_matches_cont .home_short_links .home_usr_link li.fnd.active a,
.find_matches_cont .home_short_links .home_usr_link li.vis.active a,
.find_matches_cont .home_short_links .home_usr_link li.pli.active a {
  color: var(--pp-primary) !important;
}

.find_matches_cont .home_short_links .home_usr_link li.mch.active a,
.find_matches_cont .home_short_links .home_usr_link li.pli.active a {
  color: var(--pp-success) !important;
}

.find_matches_cont .home_short_links .home_usr_link li.lik.active a,
.find_matches_cont .home_short_links .home_usr_link li.dis.active a,
.dt_home_match_user .mtc_usr_avtr .usr_thumb.isActive p,
.dt_home_match_user .mtc_usr_avtr .usr_thumb.isActive:before,
.dt_msg_box .modal-content .chat_conversations .chat_container .chat_body .chat_body_content .msg_s_combo .seen svg path {
  color: var(--pp-heart) !important;
  border-color: var(--pp-heart) !important;
  fill: var(--pp-heart) !important;
}

.dt_home_match_user .mtc_usr_avtr .usr_thumb {
  background: var(--pp-hover) !important;
}

.dt_home_match_user .mtc_usr_avtr .usr_thumb:before {
  border-color: var(--pp-border) !important;
}

.dt_home_match_user .mtc_usr_avtr .usr_thumb.isActive:after {
  background: var(--pp-surface) !important;
}

.dt_msg_box .msg_container .m_body .m_conversation .m_con_item {
  background: var(--pp-surface) !important;
  border: 1px solid var(--pp-border);
  box-shadow: none !important;
}

.dt_msg_box .modal-content .chat_conversations .chat_container .chat_body .chat_body_content {
  background: transparent !important;
}

.dt_msg_box .modal-content .chat_conversations .chat_container .chat_body .chat_body_content .messages--received .message {
  background: var(--pp-hover) !important;
  color: var(--pp-text) !important;
}

.dt_msg_box .modal-content .chat_conversations .chat_container .chat_body .chat_body_content .messages--sent .message {
  background: var(--pp-primary) !important;
  color: #ffffff !important;
}

.dt_msg_box .modal-content .chat_conversations .chat_container .chat_foot .chat_f_attach span {
  color: var(--pp-muted) !important;
}

.dt_msg_box .modal-content .chat_conversations .chat_container .chat_foot .chat_f_attach span:hover {
  color: var(--pp-link-hover) !important;
}

.progress {
  background-color: var(--pp-hover) !important;
}

.progress .determinate,
.progress .indeterminate {
  background-color: var(--pp-primary) !important;
}

.sk-circle .sk-child:before,
.preloader-wrapper .spinner-layer {
  border-color: var(--pp-primary) !important;
  background-color: var(--pp-primary) !important;
}

.dt_get_start {
  background:
    linear-gradient(135deg, rgba(8, 27, 51, 0.98), rgba(0, 56, 168, 0.9)),
    var(--pp-deep-navy) !important;
  color: #ffffff !important;
  border-color: rgba(252, 209, 22, 0.28) !important;
}

.dt_get_start h4,
.dt_get_start p,
.dt_get_start a:not(.btn) {
  color: #ffffff !important;
}

.dt_header_how_works_side_innr .list > div:first-child {
  background: var(--pp-primary) !important;
  color: #ffffff !important;
}

.dt_header_how_works_side_innr .list:nth-child(2) > div:first-child {
  background: var(--pp-success) !important;
}

.dt_header_how_works_side_innr .list:nth-child(3) > div:first-child {
  background: var(--pp-romance) !important;
}

.dt_index_foot,
.page_footer,
.dt_auth_footr_page .footer-copyright {
  background: var(--pp-deep-navy) !important;
  color: rgba(255, 255, 255, 0.82) !important;
}

.dt_index_foot a,
.page_footer a,
.dt_auth_footr_page a {
  color: rgba(255, 255, 255, 0.9) !important;
}

.dt_index_foot a:hover,
.page_footer a:hover,
.dt_auth_footr_page a:hover {
  color: var(--pp-gold) !important;
}

.dt_index_foot h5,
.dt_index_foot h6,
.page_footer h5,
.page_footer h6 {
  color: #ffffff !important;
}

.pp-footer-brand {
  max-width: 520px;
  margin: 10px 0;
  color: rgba(255, 255, 255, 0.82);
  line-height: 1.55;
}

.pp-footer-legal {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  margin: 10px 0;
  padding: 0;
  list-style: none;
}

.pp-footer-legal li {
  display: inline-flex;
}

.pp-page {
  max-width: 920px;
  margin: 0 auto;
  line-height: 1.7;
}

.pp-page h1,
.pp-page h2,
.pp-page h3 {
  color: var(--pp-text) !important;
  letter-spacing: 0;
}

.pp-page ul {
  padding-left: 22px;
}

.terms_check span {
  color: var(--pp-text) !important;
  line-height: 1.45;
}

.pp-age-check {
  margin-top: 10px;
}

#night_mode_toggle,
#night_mode_toggle_sidebar {
  border: 1px solid var(--pp-border);
  border-radius: 999px;
  background: var(--pp-hover) !important;
  color: var(--pp-text) !important;
}

#night_mode_toggle.day,
#night_mode_toggle_sidebar.day {
  background: var(--pp-selected) !important;
  color: var(--pp-link-hover) !important;
}

#night_mode_toggle.night,
#night_mode_toggle_sidebar.night {
  background: var(--pp-selected) !important;
  color: var(--pp-primary) !important;
}

html:has(#night-mode-css) #night_mode_toggle.day,
html:has(#night-mode-css) #night_mode_toggle_sidebar.day {
  color: var(--pp-gold) !important;
  border-color: color-mix(in srgb, var(--pp-gold) 55%, var(--pp-border)) !important;
}

.cc-window {
  background: var(--pp-surface) !important;
  color: var(--pp-text) !important;
  border: 1px solid var(--pp-border);
  box-shadow: var(--pp-shadow);
}

.cc-window .cc-message,
.cc-window .cc-link {
  color: var(--pp-text-secondary) !important;
}

.material-tooltip,
.tooltip,
.qtip,
.dropdown-content.autocomplete-content {
  background: var(--pp-rich-navy) !important;
  color: #ffffff !important;
  border-color: var(--pp-border) !important;
}

.dt_profile_side .dt_usr_opts_mnu .dropdown-content li > a svg,
nav svg,
.sidenav svg,
.dt_left_sidebar svg {
  color: currentColor !important;
  fill: currentColor;
}

@media (max-width: 768px) {
  .header_bg {
    min-height: 760px;
  }

  .header_bg .home_pz_rel h1.header {
    font-size: 42px !important;
    line-height: 1.08;
  }

  .dt_footer_links,
  .pp-footer-legal {
    justify-content: center;
  }

  .dt_msg_box {
    min-width: 0;
    width: 100vw;
  }
}
/* Pinay Promise permanent interaction QA: client-facing links must remain easy to tap. */
.dt_footer_links a,
.dt_footer_links li > a,
.dropdown-content a,
.header_user > a {
    align-items: center;
    display: inline-flex;
    min-height: 44px;
}

@media (max-width: 700px) {
    .dt_footer_links {
        align-items: stretch;
        display: flex;
        flex-wrap: wrap;
        gap: 4px 12px;
    }

    .dt_footer_links li,
    .dt_footer_links li > a {
        margin: 0 !important;
    }
}