/* Pinay Promise final interaction and night-mode layer.
   This file intentionally loads after the template system. */

/* Night mode is temporarily unavailable. Keep account menus day-only. */
#night_mode_toggle,
#night_mode_toggle_sidebar,
.night_day {
  display: none !important;
}

:root {
  --pp-a11y-navy: #082b57;
  --pp-a11y-blue: #0b4aa2;
  --pp-a11y-red: #e31846;
  --pp-a11y-gold: #f4bd24;
  --pp-a11y-cream: #fff3d4;
  --pp-a11y-ink: #10233f;
  --pp-a11y-border: #d5dfed;
}

/* Light mode: every interactive state must retain readable text. */
html:not([data-theme="dark"]) body :is(
  .btn,
  .btn-large,
  .btn-small,
  button,
  input[type="submit"],
  input[type="button"],
  a.prem,
  .load_more,
  .main-hdr-bttn,
  .qdt_hdr_auth_btns.btn_primary,
  .dt_sett_footer button,
  .qd_story_head .btn,
  .pp_discovery_links a.active
):not(.btn-flat):not(.btn-danger):not(.red):not(.dt_to_top):hover,
html:not([data-theme="dark"]) body :is(
  .btn,
  .btn-large,
  .btn-small,
  button,
  input[type="submit"],
  input[type="button"],
  a.prem,
  .load_more,
  .main-hdr-bttn,
  .qdt_hdr_auth_btns.btn_primary,
  .dt_sett_footer button,
  .qd_story_head .btn,
  .pp_discovery_links a.active
):not(.btn-flat):not(.btn-danger):not(.red):not(.dt_to_top):focus-visible {
  -webkit-text-fill-color: var(--pp-a11y-navy) !important;
  background: var(--pp-a11y-gold) !important;
  border-color: var(--pp-a11y-gold) !important;
  box-shadow: 0 10px 24px rgba(244, 189, 36, .24) !important;
  color: var(--pp-a11y-navy) !important;
}

html:not([data-theme="dark"]) body :is(
  .btn,
  .btn-large,
  .btn-small,
  button,
  input[type="submit"],
  input[type="button"],
  a.prem,
  .load_more,
  .main-hdr-bttn,
  .qdt_hdr_auth_btns.btn_primary,
  .dt_sett_footer button,
  .qd_story_head .btn,
  .pp_discovery_links a.active
):not(.btn-flat):not(.btn-danger):not(.red):not(.dt_to_top):hover :is(span,i,svg),
html:not([data-theme="dark"]) body :is(
  .btn,
  .btn-large,
  .btn-small,
  button,
  input[type="submit"],
  input[type="button"],
  a.prem,
  .load_more,
  .main-hdr-bttn,
  .qdt_hdr_auth_btns.btn_primary,
  .dt_sett_footer button,
  .qd_story_head .btn,
  .pp_discovery_links a.active
):not(.btn-flat):not(.btn-danger):not(.red):not(.dt_to_top):focus-visible :is(span,i,svg) {
  -webkit-text-fill-color: var(--pp-a11y-navy) !important;
  color: var(--pp-a11y-navy) !important;
}

html:not([data-theme="dark"]) body :is(.btn-danger,.red,.red.darken-1,.report_text,.block_text):hover {
  -webkit-text-fill-color: #fff !important;
  background: #b90f31 !important;
  border-color: #b90f31 !important;
  color: #fff !important;
}

html:not([data-theme="dark"]) body :is(
  .dt_left_sidebar .menu > li > a,
  .sidenav li > a,
  .dt_sett_top_menu a,
  .dt_settings_side_links a,
  .tabs .tab a,
  .dropdown-content li > a
):not(.active):hover,
html:not([data-theme="dark"]) body :is(
  .dt_left_sidebar .menu > li > a,
  .sidenav li > a,
  .dt_sett_top_menu a,
  .dt_settings_side_links a,
  .tabs .tab a,
  .dropdown-content li > a
):not(.active):focus-visible {
  -webkit-text-fill-color: var(--pp-a11y-navy) !important;
  background: var(--pp-a11y-cream) !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--pp-a11y-navy) !important;
}

html:not([data-theme="dark"]) body :is(
  .dt_left_sidebar .menu > li > a,
  .sidenav li > a,
  .dt_sett_top_menu a,
  .dt_settings_side_links a,
  .tabs .tab a,
  .dropdown-content li > a
):not(.active):hover :is(span,i,svg),
html:not([data-theme="dark"]) body :is(
  .dt_left_sidebar .menu > li > a,
  .sidenav li > a,
  .dt_sett_top_menu a,
  .dt_settings_side_links a,
  .tabs .tab a,
  .dropdown-content li > a
):not(.active):focus-visible :is(span,i,svg) {
  -webkit-text-fill-color: var(--pp-a11y-red) !important;
  color: var(--pp-a11y-red) !important;
}

html:not([data-theme="dark"]) body .dt_left_sidebar .menu > li > a.active,
html:not([data-theme="dark"]) body .dt_left_sidebar .menu > li > a.active:hover,
html:not([data-theme="dark"]) body .dt_left_sidebar .menu > li:has(> a.active):hover > a.active {
  -webkit-text-fill-color: #fff !important;
  background: linear-gradient(135deg, var(--pp-a11y-navy), var(--pp-a11y-blue)) !important;
  color: #fff !important;
}

html:not([data-theme="dark"]) body .dt_left_sidebar .menu > li > a.active :is(span,i),
html:not([data-theme="dark"]) body .dt_left_sidebar .menu > li > a.active:hover :is(span,i) {
  -webkit-text-fill-color: #fff !important;
  color: #fff !important;
}

html:not([data-theme="dark"]) body .dt_left_sidebar .menu > li > a.active svg,
html:not([data-theme="dark"]) body .dt_left_sidebar .menu > li > a.active:hover svg {
  color: var(--pp-a11y-gold) !important;
}

html:not([data-theme="dark"]) body :is(.page_footer,.dt_index_foot,.dt_auth_footr_page) a:hover,
html:not([data-theme="dark"]) body :is(.page_footer,.dt_index_foot,.dt_auth_footr_page) a:focus-visible {
  -webkit-text-fill-color: var(--pp-a11y-gold) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--pp-a11y-gold) !important;
}

html:not([data-theme="dark"]) body :is(.brand-logo,.header_logo,#logo-container):hover,
html:not([data-theme="dark"]) body :is(.brand-logo,.header_logo,#logo-container):focus {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  filter: none !important;
}

/* Shared dark tokens. */
html[data-theme="dark"] {
  color-scheme: dark;
  --pp-night-bg: #06111f;
  --pp-night-bg-soft: #081b33;
  --pp-night-surface: #0d2747;
  --pp-night-surface-raised: #123253;
  --pp-night-surface-hover: #183d61;
  --pp-night-border: #2b4867;
  --pp-night-text: #f7fbff;
  --pp-night-muted: #b7c6d8;
  --pp-night-link: #8bb7ff;
  --pp-night-gold: #f4bd24;
  --pp-night-red: #f12b55;
}

html[data-theme="dark"],
html[data-theme="dark"] body,
html[data-theme="dark"] body[class] {
  background: var(--pp-night-bg) !important;
  background-image: none !important;
  color: var(--pp-night-text) !important;
}

html[data-theme="dark"] body :is(
  .find_matches_cont,
  .dt_user_profile_parent,
  .dt_settings_bg,
  .dt_page_content,
  .dt_authpage,
  .qd_blog,
  .dt_faq
) {
  background: var(--pp-night-bg) !important;
  background-image: none !important;
  color: var(--pp-night-text) !important;
}

html[data-theme="dark"] body :is(
  .card,
  .card-panel,
  .collection,
  .collapsible,
  .modal,
  .modal-footer,
  .dropdown-content,
  .dt_left_sidebar,
  .dt_home_rand_user,
  .dt_ltst_users,
  .dt_sections,
  .dt_home_filters,
  .dt_home_pro_usr,
  .dt_profile_side,
  .dt_user_profile,
  .dt_user_social,
  .dt_user_about .about_block,
  .about_block,
  .mtc_usrd_content,
  .mtc_usrd_sidebar,
  .dt_profile_info,
  .dt_settings,
  .dt_settings > form,
  .dt_settings > form.col,
  .dt_settings > form.col.profile .sett_prof_cont,
  .sett_prof_cont,
  .dt_sett_top_menu,
  .dt_sett_top_menu ul,
  .dt_contact > .row > form.col,
  .blocked_users .unblock_card,
  .dt_home_match_user,
  .empty_state,
  .dt_cp_bar_add_photos,
  .dt_cp_bar_add_videos,
  .dt_cp_photos_list,
  .dt_msg_box,
  .dt_msg_box .msg_container,
  .dt_msg_box .modal-content,
  .dt_msg_box .chat_conversations,
  .dt_premium .dt_choose_pro,
  .credit_pln,
  .dt_usr_pmnt_cont,
  .qd_blog_lists .qd_blog_list,
  .storydesc,
  .toast
) {
  background: var(--pp-night-surface) !important;
  background-image: none !important;
  border-color: var(--pp-night-border) !important;
  color: var(--pp-night-text) !important;
}

html[data-theme="dark"] body :is(
  .dt_cp_photos_list,
  .dt_home_filters_head,
  .dt_home_filters_head p,
  .dt_home_filters_prnt,
  .dt_home_filters_prnt.open,
  .dt_sections .dt_sections,
  .dt_msg_box .chat_header,
  .dt_msg_box .chat_body,
  .dt_msg_box .chat_foot,
  .select-dropdown,
  .datepicker-modal
) {
  background: var(--pp-night-surface-raised) !important;
  background-image: none !important;
  border-color: var(--pp-night-border) !important;
  color: var(--pp-night-text) !important;
}

html[data-theme="dark"] body :is(
  h1,h2,h3,h4,h5,h6,
  .title,.name,.bold,.black-text,
  .dt_profile_info,
  .dt_profile_info span,
  .dt_user_about,
  .dt_user_about p,
  .dt_user_about span,
  .dt_settings label,
  .dt_settings legend,
  .dt_settings .input-field > label,
  .dt_home_filters h5,
  .dt_home_filters h6,
  .empty_state
) {
  color: var(--pp-night-text) !important;
}

html[data-theme="dark"] body :is(
  p,small,.grey-text,.helper-text,
  .dt_profile_side_info p,
  .dt_header_short_desc_innr p,
  .dt_msg_box .m_c_item_snippet
) {
  color: var(--pp-night-muted) !important;
}

html[data-theme="dark"] body a:not(.btn):not(.prem) {
  color: var(--pp-night-link) !important;
}

html[data-theme="dark"] body a:not(.btn):not(.prem):hover,
html[data-theme="dark"] body a:not(.btn):not(.prem):focus-visible {
  -webkit-text-fill-color: var(--pp-night-gold) !important;
  color: var(--pp-night-gold) !important;
}

html[data-theme="dark"] body :is(
  input:not([type]),
  input[type="text"],
  input[type="password"],
  input[type="email"],
  input[type="url"],
  input[type="tel"],
  input[type="number"],
  input[type="search"],
  input[type="date"],
  textarea,
  textarea.materialize-textarea,
  select,
  .select-wrapper input.select-dropdown,
  .chips,
  .emojionearea,
  .emojionearea-editor
) {
  -webkit-text-fill-color: var(--pp-night-text) !important;
  background: #091f37 !important;
  border-color: var(--pp-night-border) !important;
  color: var(--pp-night-text) !important;
  caret-color: var(--pp-night-gold) !important;
}

html[data-theme="dark"] body :is(input,textarea)::placeholder,
html[data-theme="dark"] body .emojionearea-editor:empty::before {
  -webkit-text-fill-color: #92a5ba !important;
  color: #92a5ba !important;
  opacity: 1 !important;
}

html[data-theme="dark"] body :is(
  .btn,
  .btn-large,
  .btn-small,
  button,
  input[type="submit"],
  input[type="button"],
  a.prem,
  .load_more,
  .main-hdr-bttn,
  .qdt_hdr_auth_btns.btn_primary
):not(.btn-flat):not(.btn-danger):not(.red) {
  -webkit-text-fill-color: #fff !important;
  background: var(--pp-a11y-red) !important;
  border-color: var(--pp-a11y-red) !important;
  color: #fff !important;
}

html[data-theme="dark"] body :is(
  .btn,
  .btn-large,
  .btn-small,
  button,
  input[type="submit"],
  input[type="button"],
  a.prem,
  .load_more,
  .main-hdr-bttn,
  .qdt_hdr_auth_btns.btn_primary
):not(.btn-flat):not(.btn-danger):not(.red):not(.dt_to_top):hover,
html[data-theme="dark"] body :is(
  .btn,
  .btn-large,
  .btn-small,
  button,
  input[type="submit"],
  input[type="button"],
  a.prem,
  .load_more,
  .main-hdr-bttn,
  .qdt_hdr_auth_btns.btn_primary
):not(.btn-flat):not(.btn-danger):not(.red):not(.dt_to_top):focus-visible {
  -webkit-text-fill-color: var(--pp-a11y-navy) !important;
  background: var(--pp-night-gold) !important;
  border-color: var(--pp-night-gold) !important;
  color: var(--pp-a11y-navy) !important;
}

html[data-theme="dark"] body :is(
  .btn,
  .btn-large,
  .btn-small,
  button,
  input[type="submit"],
  input[type="button"],
  a.prem,
  .load_more,
  .main-hdr-bttn,
  .qdt_hdr_auth_btns.btn_primary
):not(.btn-flat):not(.btn-danger):not(.red):not(.dt_to_top):hover :is(span,i,svg) {
  -webkit-text-fill-color: var(--pp-a11y-navy) !important;
  color: var(--pp-a11y-navy) !important;
}

html[data-theme="dark"] body :is(.btn-flat,.dropdown-content li > a,.tabs .tab a) {
  -webkit-text-fill-color: var(--pp-night-text) !important;
  background: transparent !important;
  border-color: var(--pp-night-border) !important;
  color: var(--pp-night-text) !important;
}

html[data-theme="dark"] body :is(
  .btn-flat,
  .dropdown-content li > a,
  .tabs .tab a,
  .dt_left_sidebar .menu > li > a,
  .dt_sett_top_menu a,
  .dt_settings_side_links a
):hover,
html[data-theme="dark"] body :is(
  .btn-flat,
  .dropdown-content li > a,
  .tabs .tab a,
  .dt_left_sidebar .menu > li > a,
  .dt_sett_top_menu a,
  .dt_settings_side_links a
):focus-visible {
  -webkit-text-fill-color: var(--pp-night-gold) !important;
  background: var(--pp-night-surface-hover) !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--pp-night-gold) !important;
}

html[data-theme="dark"] body .dt_left_sidebar .menu > li > a.active,
html[data-theme="dark"] body .dt_left_sidebar .menu > li > a.active:hover,
html[data-theme="dark"] body .dt_left_sidebar .menu > li:has(> a.active):hover > a.active {
  -webkit-text-fill-color: #fff !important;
  background: linear-gradient(135deg, #0b4aa2, #1164c9) !important;
  color: #fff !important;
}

html[data-theme="dark"] body .dt_left_sidebar .menu > li > a.active svg,
html[data-theme="dark"] body .dt_left_sidebar .menu > li > a.active:hover svg {
  color: var(--pp-night-gold) !important;
}

html[data-theme="dark"] body :is(.page_footer,.dt_index_foot,.dt_auth_footr_page) {
  background: #04101e !important;
  border-color: var(--pp-night-border) !important;
  color: var(--pp-night-muted) !important;
}

html[data-theme="dark"] body :is(.page_footer,.dt_index_foot,.dt_auth_footr_page) a:hover,
html[data-theme="dark"] body :is(.page_footer,.dt_index_foot,.dt_auth_footr_page) a:focus-visible {
  -webkit-text-fill-color: var(--pp-night-gold) !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--pp-night-gold) !important;
}

html[data-theme="dark"] body :is(.brand-logo,.header_logo,#logo-container):hover,
html[data-theme="dark"] body :is(.brand-logo,.header_logo,#logo-container):focus {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  filter: none !important;
}

html[data-theme="dark"] body :is(.divider,hr,.border_hr,table,td,th,tr) {
  border-color: var(--pp-night-border) !important;
}

html[data-theme="dark"] body :is(.dropdown-content li,.collection .collection-item,table.highlight > tbody > tr):hover {
  background: var(--pp-night-surface-hover) !important;
  color: var(--pp-night-text) !important;
}

html[data-theme="dark"] body :is(.alert-warning,.toast.warning) {
  background: #4a3508 !important;
  border-color: #c58a10 !important;
  color: #ffe7a3 !important;
}

html[data-theme="dark"] body :is(.alert-info,.toast.info) {
  background: #0c315f !important;
  border-color: #2f76c5 !important;
  color: #cfe5ff !important;
}

html[data-theme="dark"] body :is(.alert-success,.toast.success) {
  background: #0e3b2b !important;
  border-color: #2f9d70 !important;
  color: #c9f4df !important;
}

html[data-theme="dark"] body :is(.alert-danger,.alert-error,.toast.error) {
  background: #4a1720 !important;
  border-color: #c8455f !important;
  color: #ffd2db !important;
}

/* Premium and boost controls intentionally retain the brand-gold treatment. */
html[data-theme="dark"] body nav :is(.boost-me,a.prem),
html[data-theme="dark"] body nav :is(.boost-me,a.prem):hover,
html[data-theme="dark"] body nav :is(.boost-me,a.prem):focus-visible,
html[data-theme="dark"] body .dt_left_sidebar.pro a.prem,
html[data-theme="dark"] body .dt_left_sidebar.pro a.prem:hover,
html[data-theme="dark"] body .dt_left_sidebar.pro a.prem:focus-visible {
  -webkit-text-fill-color: var(--pp-a11y-navy) !important;
  background: var(--pp-night-gold) !important;
  border-color: var(--pp-night-gold) !important;
  color: var(--pp-a11y-navy) !important;
}

/* My-profile layout carries highly specific light-mode declarations. */
html[data-theme="dark"] body.myprofile-page .mtc_usrd_content.dt_profile_about,
html[data-theme="dark"] body.myprofile-page .mtc_usrd_content.dt_profile_about > .row,
html[data-theme="dark"] body.myprofile-page .dt_user_profile,
html[data-theme="dark"] body.myprofile-page .dt_user_about,
html[data-theme="dark"] body.myprofile-page .dt_user_about .about_block,
html[data-theme="dark"] body.myprofile-page .dt_user_about .dt_profile_info {
  background: var(--pp-night-surface) !important;
  border-color: var(--pp-night-border) !important;
  color: var(--pp-night-text) !important;
}

html[data-theme="dark"] body.myprofile-page :is(.dt_cp_bar_add_photos,.dt_cp_bar_add_videos),
html[data-theme="dark"] body.myprofile-page .dt_cp_photos_list,
html[data-theme="dark"] body.myprofile-page .dt_cp_photos_list .dt_cp_l_photos,
html[data-theme="dark"] body.myprofile-page .dt_cp_photos_list .dt_cp_l_photos > .inline,
html[data-theme="dark"] body.myprofile-page .mtc_usrd_sidebar.dt_profile_about_side {
  background: var(--pp-night-raised) !important;
  border-color: var(--pp-night-border) !important;
  color: var(--pp-night-text) !important;
}

html[data-theme="dark"] body.myprofile-page :is(.dt_cp_bar_add_photos,.dt_cp_bar_add_videos):hover,
html[data-theme="dark"] body.myprofile-page :is(.dt_cp_bar_add_photos,.dt_cp_bar_add_videos):focus-within {
  background: var(--pp-night-surface-hover) !important;
  border-color: var(--pp-night-gold) !important;
}

/* Scroll-to-top is artwork, not a button card. Keep every pointer state visually identical. */
html:not([data-theme="dark"]) body a.btn-floating.btn-large.dt_to_top.bg_gradient,
html:not([data-theme="dark"]) body a.btn-floating.btn-large.dt_to_top.bg_gradient:hover,
html:not([data-theme="dark"]) body a.btn-floating.btn-large.dt_to_top.bg_gradient:active,
html:not([data-theme="dark"]) body a.btn-floating.btn-large.dt_to_top.bg_gradient:focus,
html:not([data-theme="dark"]) body a.btn-floating.btn-large.dt_to_top.bg_gradient:focus-visible,
html[data-theme="dark"] body a.btn-floating.btn-large.dt_to_top.bg_gradient,
html[data-theme="dark"] body a.btn-floating.btn-large.dt_to_top.bg_gradient:hover,
html[data-theme="dark"] body a.btn-floating.btn-large.dt_to_top.bg_gradient:active,
html[data-theme="dark"] body a.btn-floating.btn-large.dt_to_top.bg_gradient:focus,
html[data-theme="dark"] body a.btn-floating.btn-large.dt_to_top.bg_gradient:focus-visible {
  -webkit-text-fill-color: transparent !important;
  background: transparent url("../img/philippine-scroll-arrow-v2.webp") center / contain no-repeat !important;
  border: 0 !important;
  border-color: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: transparent !important;
  filter: drop-shadow(0 5px 6px rgba(8, 35, 75, .22)) !important;
  outline: 0 !important;
  transform: none !important;
  transition: none !important;
  -webkit-tap-highlight-color: transparent !important;
}

html body a.btn-floating.btn-large.dt_to_top.bg_gradient::before,
html body a.btn-floating.btn-large.dt_to_top.bg_gradient::after,
html body a.btn-floating.btn-large.dt_to_top.bg_gradient .waves-ripple,
html body a.btn-floating.btn-large.dt_to_top.bg_gradient :is(svg, i) {
  background: transparent !important;
  box-shadow: none !important;
  content: none !important;
  display: none !important;
}

html[data-theme="dark"] body.myprofile-page :is(.dt_cp_bar_add_photos,.dt_cp_bar_add_videos) :is(.inline,b,svg),
html[data-theme="dark"] body.myprofile-page .dt_cp_photos_list .dt_cp_l_photos > .inline {
  color: var(--pp-night-text) !important;
  fill: currentColor !important;
}

html[data-theme="dark"] body.myprofile-page .pp_profile_about_empty {
  background: linear-gradient(135deg, #102e4f, #0d2747) !important;
  border-color: var(--pp-night-gold) !important;
  color: var(--pp-night-muted) !important;
}

/* Discovery and settings headings inherit light-mode ink at higher specificity. */
html[data-theme="dark"] body .dt_home_filters > h5,
html[data-theme="dark"] body .dt_home_pro_usr > h4,
html[data-theme="dark"] body .dt_home_pro_usr > h4.bold,
html[data-theme="dark"] body .dt_settings :is(h1,h2,h3,h4,h5,h6),
html[data-theme="dark"] body .dt_sett_title,
html[data-theme="dark"] body .dt_sett_title h4 {
  -webkit-text-fill-color: var(--pp-night-text) !important;
  color: var(--pp-night-text) !important;
}

html[data-theme="dark"] body .dt_home_pro_usr > h4 svg {
  color: var(--pp-night-gold) !important;
}

html[data-theme="dark"] body .dt_settings :is(.selectize-input,.select-dropdown,.select-wrapper input.select-dropdown,.chips,.chips input,input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"])),
html[data-theme="dark"] body .dt_settings .selectize-control.single .selectize-input {
  -webkit-text-fill-color: var(--pp-night-text) !important;
  background: var(--pp-night-raised) !important;
  border-color: var(--pp-night-border) !important;
  color: var(--pp-night-text) !important;
}

html[data-theme="dark"] body .pp_profile_hub .is-primary {
  -webkit-text-fill-color: #fff !important;
  color: #fff !important;
}

html[data-theme="dark"] body .pp_profile_hub .is-primary:hover,
html[data-theme="dark"] body .pp_profile_hub .is-primary:focus-visible {
  -webkit-text-fill-color: var(--pp-a11y-navy) !important;
  background: var(--pp-night-gold) !important;
  color: var(--pp-a11y-navy) !important;
}

@media (max-width: 768px) {
  html[data-theme="dark"] body :is(.dt_settings,.dt_settings > form,.dt_user_profile,.mtc_usrd_content) {
    box-shadow: none !important;
  }
}

/* Footer More menu: present the legal/help library as a compact panel, not a tall scroll column. */
body .page_footer .dt_foot_langs {
  position: relative !important;
}

body .page_footer #pages_dropdown {
  background: #fff !important;
  border: 1px solid rgba(244, 189, 36, .58) !important;
  border-radius: 16px !important;
  bottom: calc(100% + 12px) !important;
  box-shadow: 0 20px 54px rgba(4, 28, 57, .24) !important;
  height: auto !important;
  left: 0 !important;
  max-height: none !important;
  max-width: calc(100vw - 48px) !important;
  min-width: 0 !important;
  overflow: visible !important;
  padding: 12px !important;
  right: auto !important;
  top: auto !important;
  transform: none !important;
  transform-origin: bottom left !important;
  width: min(820px, calc(100vw - 48px)) !important;
  z-index: 10020 !important;
}

body .page_footer #pages_dropdown[style*="display: block"] {
  display: grid !important;
  gap: 4px 10px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  opacity: 1 !important;
}

body .page_footer #pages_dropdown > li {
  clear: none !important;
  float: none !important;
  height: auto !important;
  line-height: 1.35 !important;
  margin: 0 !important;
  min-height: 0 !important;
  width: auto !important;
}

body .page_footer #pages_dropdown > li > a {
  -webkit-text-fill-color: #19375c !important;
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 9px !important;
  color: #19375c !important;
  display: flex !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  min-height: 38px !important;
  padding: 7px 10px !important;
  white-space: normal !important;
}

body .page_footer #pages_dropdown > li > a:hover,
body .page_footer #pages_dropdown > li > a:focus-visible {
  -webkit-text-fill-color: #082b57 !important;
  background: #fff3d4 !important;
  box-shadow: none !important;
  color: #082b57 !important;
  outline: 0 !important;
}

@media (max-width: 760px) {
  body .page_footer #pages_dropdown {
    bottom: 16px !important;
    left: 16px !important;
    max-height: min(70vh, 520px) !important;
    max-width: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    position: fixed !important;
    right: 16px !important;
    top: auto !important;
    width: auto !important;
  }

  body .page_footer #pages_dropdown[style*="display: block"] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 430px) {
  body .page_footer #pages_dropdown[style*="display: block"] {
    grid-template-columns: 1fr !important;
  }
}

/* Pinay Promise profile system: one composed profile, not a stack of boxed cards. */
body:is(.profile-page,.myprofile-page) {
  --pp-profile-blue: #0038a8;
  --pp-profile-navy: #082b57;
  --pp-profile-red: #ce1126;
  --pp-profile-gold: #f4bd24;
  --pp-profile-cream: #fffaf0;
}

body:is(.profile-page,.myprofile-page) .dt_user_profile_parent {
  max-width: 1320px !important;
  padding-top: 56px !important;
}

body:is(.profile-page,.myprofile-page) .pp_profile_command {
  background: linear-gradient(118deg, #082b57 0%, #0d4f93 62%, #174674 100%) !important;
  border: 0 !important;
  border-radius: 24px !important;
  box-shadow: 0 18px 44px rgba(8,43,87,.15) !important;
  margin: 0 0 34px !important;
  overflow: hidden !important;
  padding: 32px 36px !important;
  position: relative !important;
}

body:is(.profile-page,.myprofile-page) .pp_profile_command::after {
  background: radial-gradient(circle, rgba(244,189,36,.22) 0 2px, transparent 3px) 0 0/18px 18px !important;
  content: "" !important;
  height: 118px !important;
  opacity: .65 !important;
  pointer-events: none !important;
  position: absolute !important;
  right: -18px !important;
  top: -22px !important;
  width: 210px !important;
}

body:is(.profile-page,.myprofile-page) .pp_profile_command :is(h1,p) {
  -webkit-text-fill-color: #fff !important;
  color: #fff !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

body:is(.profile-page,.myprofile-page) .pp_profile_command h1 {
  font-size: clamp(30px,3.1vw,48px) !important;
  line-height: 1.05 !important;
  max-width: 720px !important;
}

body:is(.profile-page,.myprofile-page) .pp_profile_command p {
  color: #eaf2ff !important;
  font-size: 15px !important;
  max-width: 690px !important;
}

body:is(.profile-page,.myprofile-page) .pp_profile_command .pp_discovery_eyebrow {
  color: var(--pp-profile-gold) !important;
  letter-spacing: .14em !important;
}

body:is(.profile-page,.myprofile-page) .pp_profile_command_actions {
  position: relative !important;
  z-index: 1 !important;
}

body:is(.profile-page,.myprofile-page) .pp_profile_command_actions a:not(.pp_command_primary) {
  background: rgba(255,255,255,.08) !important;
  border-color: rgba(255,255,255,.42) !important;
  color: #fff !important;
}

body:is(.profile-page,.myprofile-page) .pp_profile_command_actions a:hover,
body:is(.profile-page,.myprofile-page) .pp_profile_command_actions a:focus-visible {
  background: var(--pp-profile-gold) !important;
  border-color: var(--pp-profile-gold) !important;
  color: var(--pp-profile-navy) !important;
}

body:is(.profile-page,.myprofile-page) .pp_profile_command_actions .pp_command_primary {
  background: var(--pp-profile-red) !important;
  border-color: var(--pp-profile-red) !important;
  color: #fff !important;
}

body:is(.profile-page,.myprofile-page) .find_matches_cont > .row {
  align-items: start !important;
  gap: 30px !important;
  grid-template-columns: 245px minmax(0,1fr) !important;
}

body:is(.profile-page,.myprofile-page) .dt_profile_side {
  background: transparent !important;
  border: 0 !important;
  border-right: 1px solid #d9e3ef !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 16px 28px 24px 0 !important;
}

body:is(.profile-page,.myprofile-page) .dt_profile_side .avatar {
  margin: 0 auto 16px !important;
  max-width: 156px !important;
}

body:is(.profile-page,.myprofile-page) .dt_profile_side .avatar > a.inline,
body:is(.profile-page,.myprofile-page) .dt_profile_side .avatar > a.inline img,
body:is(.profile-page,.myprofile-page) .dt_usr_undr_rvw,
body:is(.profile-page,.myprofile-page) .dt_usr_undr_rvw img {
  border-radius: 50% !important;
}

body:is(.profile-page,.myprofile-page) .dt_profile_side .avatar > a.inline,
body:is(.profile-page,.myprofile-page) .dt_usr_undr_rvw {
  border: 3px solid #fff !important;
  box-shadow: 0 0 0 2px var(--pp-profile-gold), 0 12px 28px rgba(8,43,87,.14) !important;
  overflow: hidden !important;
}
body:is(.profile-page,.myprofile-page) .dt_profile_side .avatar > a.inline,
body:is(.profile-page,.myprofile-page) .dt_profile_side .avatar > a.inline img,
body:is(.profile-page,.myprofile-page) .dt_usr_undr_rvw,
body:is(.profile-page,.myprofile-page) .dt_usr_undr_rvw img {
  aspect-ratio: 1 / 1 !important;
  display: block !important;
  height: 128px !important;
  object-fit: cover !important;
  width: 128px !important;
}

body:is(.profile-page,.myprofile-page) .dt_othr_ur_info p b,
body:is(.profile-page,.myprofile-page) .dt_othr_ur_info p a,
body:is(.profile-page,.myprofile-page) .home_usr_stats b {
  color: var(--pp-profile-red) !important;
}

body:is(.profile-page,.myprofile-page) .home_usr_stats::before,
body:is(.profile-page,.myprofile-page) .home_usr_stats > div::before,
body:is(.profile-page,.myprofile-page) .mtc_usrd_summary h5::before,
body:is(.profile-page,.myprofile-page) .mtc_usrd_summary h5::after {
  background: var(--pp-profile-gold) !important;
  border-color: var(--pp-profile-gold) !important;
}

body:is(.profile-page,.myprofile-page) .circle-progress-value {
  stroke: var(--pp-profile-blue) !important;
}

body:is(.profile-page,.myprofile-page) .circle-progress-circle {
  stroke: rgba(0,56,168,.12) !important;
}

body:is(.profile-page,.myprofile-page) .circle-progress-text {
  fill: var(--pp-profile-red) !important;
}

body:is(.profile-page,.myprofile-page) .mtc_usrd_content.dt_profile_about {
  background: #fff !important;
  border: 0 !important;
  border-bottom: 1px solid #d9e3ef !important;
  border-radius: 22px 22px 0 0 !important;
  box-shadow: 0 16px 38px rgba(8,43,87,.09) !important;
  overflow: hidden !important;
}

body:is(.profile-page,.myprofile-page) .mtc_usrd_content.dt_profile_about > .row {
  align-items: stretch !important;
  display: grid !important;
  grid-template-columns: minmax(0,58%) minmax(300px,42%) !important;
}

body:is(.profile-page,.myprofile-page) .mtc_usrd_content.dt_profile_about > .row > .col {
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
}

body:is(.profile-page,.myprofile-page) .dt_cp_photos_list {
  background: #eef3f9 !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  min-height: 370px !important;
}

body:is(.profile-page,.myprofile-page) .dt_cp_photos_list .dt_cp_l_photos:has(> .inline:empty) {
  display: none !important;
}

body:is(.profile-page,.myprofile-page) .dt_cp_photos_list .dt_cp_l_photos,
body:is(.profile-page,.myprofile-page) .dt_cp_photos_list .dt_cp_l_photos > .inline {
  height: 100% !important;
  min-height: 370px !important;
  width: 100% !important;
}

body:is(.profile-page,.myprofile-page) .dt_cp_photos_list .dt_cp_l_photos img {
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  width: 100% !important;
}

body:is(.profile-page,.myprofile-page) .mtc_usrd_sidebar.dt_profile_about_side {
  background: linear-gradient(150deg,#fff 0%,#fffaf0 100%) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  min-height: 370px !important;
  padding: 34px 34px 26px !important;
}

body:is(.profile-page,.myprofile-page) .mtc_usrd_summary h5 {
  color: var(--pp-profile-navy) !important;
}

body:is(.profile-page,.myprofile-page) .dt_profile_about_info .desc {
  color: #294665 !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
  margin: 22px 0 28px !important;
}

body:is(.profile-page,.myprofile-page) .dt_profile_about_info .info_title {
  color: #66778d !important;
}

body:is(.profile-page,.myprofile-page) .dt_profile_about_action {
  border-top: 1px solid #e2e8f0 !important;
  margin-top: 24px !important;
  padding-top: 18px !important;
}

body:is(.profile-page,.myprofile-page) .dt_profile_about_action a {
  border: 1px solid #d8e1ed !important;
  box-shadow: none !important;
}

body:is(.profile-page,.myprofile-page) .dt_profile_about_action .like a,
body:is(.profile-page,.myprofile-page) .dt_profile_about_action .like a :is(svg,path) {
  color: var(--pp-profile-red) !important;
  fill: currentColor !important;
}

body:is(.profile-page,.myprofile-page) .dt_user_about {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 10px 0 0 !important;
}

body:is(.profile-page,.myprofile-page) .dt_user_about .about_block {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

body:is(.profile-page,.myprofile-page) .dt_user_about .about_block > h4 {
  border-bottom: 2px solid var(--pp-profile-gold) !important;
  color: var(--pp-profile-navy) !important;
  display: inline-block !important;
  margin: 0 0 24px !important;
  padding: 0 0 8px !important;
}

body:is(.profile-page,.myprofile-page) .dt_user_about .about_block > .row {
  display: grid !important;
  gap: 30px !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
}
body:is(.profile-page,.myprofile-page) .dt_user_about .about_block > .row > .col {
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
}
body:is(.profile-page,.myprofile-page) .dt_user_about .about_block > .row > .col:empty {
  display: none !important;
}

body:is(.profile-page,.myprofile-page) .dt_profile_info {
  background: transparent !important;
  border: 0 !important;
  border-top: 1px solid #d9e3ef !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 20px 0 0 !important;
}

body:is(.profile-page,.myprofile-page) .dt_profile_info > h5,
body:is(.profile-page,.myprofile-page) .dt_profile_info > h5 svg {
  color: var(--pp-profile-blue) !important;
}

body:is(.profile-page,.myprofile-page) .dt_profile_info .row {
  border-bottom: 1px solid #eef2f6 !important;
  margin: 0 !important;
  padding: 10px 0 !important;
}

@media (max-width: 900px) {
  body:is(.profile-page,.myprofile-page) .find_matches_cont > .row { display: block !important; }
  body:is(.profile-page,.myprofile-page) .profile_menu { margin-bottom: 24px !important; width: 100% !important; }
  body:is(.profile-page,.myprofile-page) .dt_profile_side { border-bottom: 1px solid #d9e3ef !important; border-right: 0 !important; padding: 0 0 24px !important; }
  body:is(.profile-page,.myprofile-page) .mtc_usrd_content.dt_profile_about > .row { grid-template-columns: 1fr !important; }
}

@media (max-width: 600px) {
  body:is(.profile-page,.myprofile-page) .dt_user_profile_parent { padding-top: 24px !important; }
  body:is(.profile-page,.myprofile-page) .pp_profile_command { border-radius: 18px !important; padding: 26px 22px !important; }
  body:is(.profile-page,.myprofile-page) .pp_profile_command_actions { align-items: stretch !important; display: grid !important; grid-template-columns: 1fr 1fr !important; }
  body:is(.profile-page,.myprofile-page) .pp_profile_command_actions .pp_command_primary { grid-column: 1 / -1 !important; }
  body:is(.profile-page,.myprofile-page) .mtc_usrd_content.dt_profile_about { border-radius: 16px 16px 0 0 !important; }
  body:is(.profile-page,.myprofile-page) .mtc_usrd_sidebar.dt_profile_about_side { min-height: 0 !important; padding: 26px 22px !important; }
  body:is(.profile-page,.myprofile-page) .dt_cp_photos_list,
  body:is(.profile-page,.myprofile-page) .dt_cp_photos_list .dt_cp_l_photos,
  body:is(.profile-page,.myprofile-page) .dt_cp_photos_list .dt_cp_l_photos > .inline { min-height: 320px !important; }
}

/* Blog: editorial presentation in the approved brand palette. */
body.blog-page .qd_blog_sub_hdr {
  border-bottom: 1px solid #d9e3ef !important;
  gap: 18px !important;
  margin-bottom: 30px !important;
  padding-bottom: 20px !important;
}

body.blog-page .qd_blog_sub_hdr h4,
body.blog-page .article_of_the_day h3,
body.blog-page .topic_match_for_you h3 {
  color: #082b57 !important;
}

body.blog-page .qd_blog_srch svg path {
  fill: #ce1126 !important;
}

body.blog-page .article_of_the_day_list,
body.blog-page #articles_container > .col > div,
body.blog-page .continue_reading_list {
  border: 0 !important;
  box-shadow: none !important;
}

body.blog-page .article_of_the_day_list {
  background: linear-gradient(120deg,#082b57,#0d4f93) !important;
  border-radius: 22px !important;
  overflow: hidden !important;
}

body.blog-page .article_of_the_day_list :is(h4,p) {
  color: #fff !important;
}
html body.blog-page .article_of_the_day_list .article_of_the_day_list_bg h4,
html body.blog-page .article_of_the_day_list .article_of_the_day_list_bg p {
  color: #fff !important;
  opacity: 1 !important;
}
html body.blog-page .article_of_the_day_list .article_of_the_day_list_bg h4 {
  -webkit-text-fill-color: #fff !important;
}
body.blog-page .article_of_the_day h3 > div::before,
body.blog-page .topic_match_for_you h3 > div::before,
body.blog-page .qd_blog_list_info h5::before {
  background: #f4bd24 !important;
}

body.blog-page #articles_container img,
body.blog-page .continue_reading_list img,
body.blog-page .article_of_the_day_list img {
  aspect-ratio: 3 / 2 !important;
  object-fit: cover !important;
  width: 100% !important;
}

body.blog-page .topic_match_for_you_cats a:hover,
body.blog-page .topic_match_for_you_cats a:focus-visible,
body.blog-page .topic_match_for_you_cats a.active {
  background: #f4bd24 !important;
  color: #082b57 !important;
}

@media (min-width: 993px) {
  body.blog-page .find_matches_cont > .row {
    display: grid !important;
    gap: 30px !important;
    grid-template-columns: 250px minmax(0,1fr) !important;
  }
  body.blog-page .find_matches_cont > .row > .col {
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
  }
  body.blog-page .find_matches_cont > .row > .col:last-child {
    display: none !important;
  }
}

/* Blog cards use editorial imagery and open spacing, not nested containers. */
body.blog-page .article_of_the_day_list_bg > svg { display: none !important; }
body.blog-page .article_of_the_day_list_bg {
  background: linear-gradient(135deg,#082b57 0%,#0038a8 100%) !important;
  height: 100% !important;
  min-height: 320px !important;
}
body.blog-page .article_of_the_day_list_bg > div { padding: 34px !important; }
body.blog-page .article_of_the_day_list button,
body.blog-page .load_more {
  background: #ce1126 !important;
  border-radius: 999px !important;
  color: #fff !important;
}
body.blog-page .article_of_the_day_list button:hover,
body.blog-page .article_of_the_day_list button:focus-visible,
body.blog-page .load_more:hover,
body.blog-page .load_more:focus-visible {
  background: #f4bd24 !important;
  color: #082b57 !important;
}
body.blog-page .qd_blog_lists {
  background: transparent !important;
  border-bottom: 1px solid #d9e3ef !important;
  border-radius: 0 !important;
  padding-bottom: 24px !important;
}
body.blog-page .qd_blog_list_img img { border-radius: 18px !important; }

/* Likes and Live: compact, horizontal empty states without giant blank cards. */
body:is(.likes-page,.live-users-page) .dt_home_rand_user {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  min-height: 0 !important;
}
body.likes-page .dt_ltst_users,
body.live-users-page .qd_live_users_shell {
  min-height: 0 !important;
}
body.likes-page #likes_users_container,
body.live-users-page #live_users_container {
  margin: 22px 0 0 !important;
  min-height: 0 !important;
}
body.likes-page #likes_users_container > .col,
body.live-users-page #live_users_container > .col {
  float: none !important;
  padding: 0 !important;
  width: 100% !important;
}
body.likes-page #likes_users_container .dt_sections,
body.live-users-page #live_users_container .dt_sections {
  background: linear-gradient(135deg,#fffaf0 0%,#fff 58%,#f4f7fb 100%) !important;
  border: 1px solid #d9e3ef !important;
  border-left: 5px solid #f4bd24 !important;
  border-radius: 0 18px 18px 0 !important;
  box-shadow: none !important;
  min-height: 0 !important;
  padding: 0 !important;
}
body.likes-page #likes_users_container .empty_state,
body.live-users-page #live_users_container .empty_state {
  align-items: center !important;
  color: #082b57 !important;
  display: flex !important;
  flex-flow: row wrap !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  gap: 16px !important;
  justify-content: flex-start !important;
  line-height: 1.45 !important;
  margin: 0 !important;
  min-height: 150px !important;
  padding: 30px 34px !important;
  text-align: left !important;
  width: 100% !important;
}
body.likes-page #likes_users_container .empty_state svg,
body.live-users-page #live_users_container .empty_state svg {
  background: rgba(206,17,38,.08) !important;
  border-radius: 50% !important;
  color: #ce1126 !important;
  flex: 0 0 58px !important;
  height: 58px !important;
  padding: 14px !important;
  width: 58px !important;
}
body.likes-page #likes_users_container .empty_state br { display: none !important; }
body.likes-page #likes_users_container .empty_state .prema {
  background: #ce1126 !important;
  border-radius: 999px !important;
  color: #fff !important;
  margin-left: auto !important;
  padding: 12px 22px !important;
}
body.likes-page #likes_users_container .empty_state .prema:hover,
body.likes-page #likes_users_container .empty_state .prema:focus-visible {
  background: #f4bd24 !important;
  color: #082b57 !important;
}

/* Profile: remove the last inherited magenta accents. */
body:is(.profile-page,.myprofile-page) .mtc_usrd_summary h5::before,
body:is(.profile-page,.myprofile-page) .mtc_usrd_summary h5::after,
body:is(.profile-page,.myprofile-page) .mtc_usrd_summary h5 span::before,
body:is(.profile-page,.myprofile-page) .mtc_usrd_summary h5 span::after {
  background: #f4bd24 !important;
  border-color: #f4bd24 !important;
}
body:is(.profile-page,.myprofile-page) .pp_profile_command h1,
body:is(.profile-page,.myprofile-page) .pp_profile_command p {
  color: #fff !important;
  opacity: 1 !important;
  text-shadow: 0 1px 1px rgba(0,0,0,.1) !important;
}
body:is(.profile-page,.myprofile-page) .dt_othr_ur_info p b,
body:is(.profile-page,.myprofile-page) .dt_othr_ur_info p a,
body:is(.profile-page,.myprofile-page) .home_usr_stats b {
  color: #ce1126 !important;
}

@media (max-width: 700px) {
  body.likes-page #likes_users_container .empty_state,
  body.live-users-page #live_users_container .empty_state {
    align-items: flex-start !important;
    flex-direction: column !important;
    padding: 26px 22px !important;
  }
  body.likes-page #likes_users_container .empty_state .prema { margin-left: 0 !important; }
  body:is(.profile-page,.myprofile-page) .dt_user_about .about_block > .row {
    grid-template-columns: 1fr !important;
  }
}

/* Shared zero-result presentation: useful information without giant blank cards. */
body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .dt_sections:has(> .pp_empty_enhanced),
body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .dt_sections:has(.pp_empty_enhanced) {
  background: linear-gradient(120deg,#fffaf0 0%,#fff 60%,#f4f7fb 100%) !important;
  border: 0 !important;
  border-left: 5px solid #f4bd24 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  min-height: 0 !important;
  padding: 0 !important;
}
.pp_empty_enhanced {
  align-items: center !important;
  color: #082b57 !important;
  display: grid !important;
  gap: 18px !important;
  grid-template-columns: 58px minmax(0,1fr) auto !important;
  justify-content: stretch !important;
  margin: 0 !important;
  min-height: 150px !important;
  padding: 28px 30px !important;
  text-align: left !important;
  width: 100% !important;
}
.pp_empty_enhanced > svg {
  background: rgba(0,56,168,.08) !important;
  border-radius: 50% !important;
  color: #0038a8 !important;
  height: 58px !important;
  padding: 15px !important;
  width: 58px !important;
}
.pp_empty_copy strong,.pp_empty_copy small { display:block !important; }
.pp_empty_copy strong { color:#082b57 !important;font-size:19px !important;line-height:1.3 !important;margin-bottom:5px !important; }
.pp_empty_copy small { color:#65748b !important;font-size:14px !important;font-weight:500 !important;line-height:1.55 !important;max-width:640px !important; }
.pp_empty_action { background:#ce1126 !important;border-radius:999px !important;color:#fff !important;font-size:14px !important;font-weight:800 !important;padding:12px 20px !important;white-space:nowrap !important; }
.pp_empty_action:hover,.pp_empty_action:focus-visible { background:#f4bd24 !important;color:#082b57 !important; }
@media(max-width:700px){.pp_empty_enhanced{grid-template-columns:50px 1fr !important;padding:24px 20px !important}.pp_empty_enhanced>svg{height:50px!important;width:50px!important}.pp_empty_action{grid-column:1/-1!important;text-align:center!important;width:100%!important}}

/* Sidebar identity: one clear portrait, not an avatar nested inside a meter badge. */
html body .dt_left_sidebar .home_usr_sct .user_popularity_icn {
  flex: 0 0 58px !important;
  height: 58px !important;
  margin: 0 14px 0 0 !important;
  min-width: 58px !important;
  width: 58px !important;
}
html body .dt_left_sidebar .home_usr_sct .user_popularity_icn > svg { display: none !important; }
html body .dt_left_sidebar .home_usr_sct .user_popularity_icn > a.avatar {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  height: 58px !important;
  inset: 0 !important;
  padding: 0 !important;
  position: absolute !important;
  width: 58px !important;
}
html body .dt_left_sidebar .home_usr_sct .user_popularity_icn > a.avatar img {
  border: 2px solid #f4bd24 !important;
  box-shadow: 0 8px 18px rgba(8,43,87,.14) !important;
  height: 58px !important;
  object-fit: cover !important;
  width: 58px !important;
}

/* Premium page: open editorial sections instead of nested container boxes. */
body.pro-page .pp_billing_shell {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid #d9e3ef !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 14px 0 28px !important;
}
body.pro-page .pp_purchase_note {
  background: transparent !important;
  border-left: 0 !important;
  border-top: 1px solid #d9e3ef !important;
  margin-top: 20px !important;
  padding: 20px 0 0 !important;
}
body.pro-page .pp_membership_value { margin-top: 26px !important; }
body.pro-page .pp_billing_grid {
  border-bottom: 1px solid #d9e3ef !important;
  border-top: 1px solid #d9e3ef !important;
  gap: 0 !important;
}
body.pro-page .pp_billing_grid.free { border-top: 0 !important; }
body.pro-page .pp_price_card {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  min-height: 250px !important;
  padding: 24px 18px !important;
}
body.pro-page .pp_billing_grid .pp_price_card + .pp_price_card { border-left: 1px solid #d9e3ef !important; }
body.pro-page .pp_price_card.is-active { background: linear-gradient(180deg,rgba(255,250,240,.75),transparent) !important; }
body.pro-page .pp_billing_grid.free .pp_price_card { min-height: 0 !important; }
@media(max-width:700px){body.pro-page .pp_billing_grid .pp_price_card + .pp_price_card{border-left:0!important;border-top:1px solid #d9e3ef!important}body.pro-page .pp_price_card{min-height:0!important;padding:24px 0!important}}

/* Credit checkout: make the existing purchase flow explicit and easy to use. */
body.credit-page .pp_credit_purchase_intro {
  color: #65748b !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.55 !important;
  margin: 10px 0 26px !important;
  max-width: 720px !important;
}
body.credit-page .credit_pln .dt_plans {
  border-bottom: 1px solid #d9e3ef !important;
  border-top: 1px solid #d9e3ef !important;
  gap: 0 !important;
}
body.credit-page .credit_pln .dt_plans > p {
  margin: 0 !important;
  padding: 0 !important;
}
body.credit-page .credit_pln .dt_plans > p + p {
  border-left: 1px solid #d9e3ef !important;
}
body.credit-page .credit_pln .dt_plans label,
body.credit-page .credit_pln .dt_plans label.plan_1,
body.credit-page .credit_pln .dt_plans label.plan_2,
body.credit-page .credit_pln .dt_plans label.plan_3 {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  cursor: pointer !important;
  min-height: 250px !important;
  padding: 28px 30px 26px !important;
  transition: background-color .18s ease !important;
}
body.credit-page .credit_pln .dt_plans label:hover,
body.credit-page .credit_pln .dt_plans label:focus-within {
  background: #fffaf0 !important;
}
body.credit-page .credit_pln .dt_plans input:checked + label {
  background: linear-gradient(180deg,#fff7df 0%,#fff 100%) !important;
  border: 0 !important;
  box-shadow: inset 0 4px 0 #f4bd24 !important;
  transform: none !important;
}
body.credit-page .pp_credit_select {
  align-items: center !important;
  color: #ce1126 !important;
  display: flex !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  gap: 8px !important;
  margin-top: 24px !important;
}
body.credit-page .credit_pln input:checked + label .pp_credit_select {
  color: #082b57 !important;
}
body.credit-page .credit_pln input:checked + label .pp_credit_select::before {
  color: #ce1126 !important;
  content: "Selected" !important;
}
body.credit-page .credit_pln input:checked + label .pp_credit_select {
  font-size: 0 !important;
}
body.credit-page .credit_pln input:checked + label .pp_credit_select::before,
body.credit-page .credit_pln input:checked + label .pp_credit_select span {
  font-size: 14px !important;
}
body.credit-page .credit_pln .pay_using {
  border-bottom: 1px solid #d9e3ef !important;
  padding: 26px 0 18px !important;
}
body.credit-page .credit_pln .pay_using:not(.hidden) {
  display: block !important;
  opacity: 1 !important;
  position: static !important;
  transform: none !important;
  visibility: visible !important;
}
body.credit-page .credit_pln .pay_using.hidden {
  display: none !important;
}
body.credit-page .pp_credit_payment_heading {
  color: #082b57 !important;
  font-size: 20px !important;
  margin: 0 0 18px !important;
}
body.credit-page .pp_credit_payment_heading small {
  color: #65748b !important;
  display: block !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  margin-top: 5px !important;
}
body.credit-page .credit_pln .pay_using .pay_u_btns {
  justify-content: flex-start !important;
}
body.credit-page .credit_pln .pay_using .pay_u_btns .btn {
  border-radius: 999px !important;
  font-weight: 800 !important;
  min-width: 130px !important;
}
@media(max-width:680px){
  body.credit-page .credit_pln .dt_plans > p + p{border-left:0!important;border-top:1px solid #d9e3ef!important}
  body.credit-page .credit_pln .dt_plans label,body.credit-page .credit_pln .dt_plans label.plan_1,body.credit-page .credit_pln .dt_plans label.plan_2,body.credit-page .credit_pln .dt_plans label.plan_3{min-height:0!important;padding:24px 4px!important}
}

/* Popularity contrast lock: accessibility rules load after the page theme. */
html:not([data-theme="dark"]) body.popularity-page .dt_pop_level h2 {
  -webkit-text-fill-color: #fff !important;
  color: #fff !important;
}
html:not([data-theme="dark"]) body.popularity-page .dt_pop_level h2 span,
html:not([data-theme="dark"]) body.popularity-page .pp_pop_eyebrow {
  -webkit-text-fill-color: #f4bd24 !important;
  color: #f4bd24 !important;
}
html:not([data-theme="dark"]) body.popularity-page .dt_pop_level p {
  -webkit-text-fill-color: rgba(255,255,255,.82) !important;
  color: rgba(255,255,255,.82) !important;
}
html:not([data-theme="dark"]) body.popularity-page .dt_poplrity_cont .dt_pop_hdr h3,
html:not([data-theme="dark"]) body.popularity-page .dt_poplrity_cont .dt_pop_mdl h2 span {
  -webkit-text-fill-color: #082b57 !important;
  color: #082b57 !important;
}
html:not([data-theme="dark"]) body.popularity-page .dt_poplrity_cont .dt_pop_mdl h2 {
  -webkit-text-fill-color: #ed1747 !important;
  color: #ed1747 !important;
}
html:not([data-theme="dark"]) body.popularity-page .dt_poplrity_cont .dt_pop_ftr .btn,
html:not([data-theme="dark"]) body.popularity-page .dt_poplrity_cont .dt_pop_ftr .btn:hover,
html:not([data-theme="dark"]) body.popularity-page .dt_poplrity_cont .dt_pop_ftr .btn:focus-visible {
  -webkit-text-fill-color: #fff !important;
  color: #fff !important;
}
html:not([data-theme="dark"]) body.popularity-page .dt_pop_level::after {
  display: none !important;
}

/* Blog width lock: use the reading canvas, not a stack of boxed cards. */
body.blog-page .pp_blog_main {
  min-width: 0 !important;
  width: auto !important;
}
body.blog-page .pp_blog_rail {
  display: none !important;
}
body.blog-page #articles_container {
  display: grid !important;
  gap: 0 !important;
  grid-template-columns: minmax(0,1fr) !important;
  margin: 0 !important;
}
body.blog-page #articles_container > .col {
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}
body.blog-page #articles_container .qd_blog_lists {
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid #d9e3ef !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: grid !important;
  gap: clamp(24px,3vw,46px) !important;
  grid-template-columns: minmax(300px,42%) minmax(0,1fr) !important;
  margin: 0 !important;
  padding: 32px 0 !important;
}
body.blog-page #articles_container > .col:first-child .qd_blog_lists {
  padding-top: 12px !important;
}
body.blog-page .qd_blog_lists .qd_blog_list_img > a {
  padding-bottom: 62.5% !important;
}
body.blog-page .qd_blog_lists .qd_blog_list_img img {
  border-radius: 20px !important;
  box-shadow: none !important;
}
body.blog-page .qd_blog_lists .qd_blog_list_info {
  padding: 0 !important;
}
body.blog-page .qd_blog_lists .qd_blog_list_info h5 {
  font-size: clamp(26px,2.2vw,36px) !important;
  line-height: 1.12 !important;
  max-height: none !important;
  min-height: 0 !important;
  margin: 0 0 16px !important;
  overflow: visible !important;
  padding: 0 !important;
}
body.blog-page .qd_blog_lists .qd_blog_list_info h5::before {
  display: none !important;
}
body.blog-page .qd_blog_lists .qd_blog_list_info h5 a {
  color: #082b57 !important;
  -webkit-text-fill-color: #082b57 !important;
}
body.blog-page .qd_blog_lists .qd_blog_list_info h5 a:hover,
body.blog-page .qd_blog_lists .qd_blog_list_info h5 a:focus-visible {
  background: transparent !important;
  color: #ce1126 !important;
  -webkit-text-fill-color: #ce1126 !important;
}
body.blog-page .qd_blog_lists .qd_blog_list_info > p {
  color: #5f6f86 !important;
  font-size: 17px !important;
  line-height: 1.7 !important;
  max-height: none !important;
  min-height: 0 !important;
  margin: 0 0 20px !important;
  max-width: 58ch !important;
  overflow: visible !important;
}
body.blog-page .qd_blog_lists .qd_blog_list_info .foot em {
  color: #8b6b12 !important;
  font-size: 13px !important;
  font-style: normal !important;
  font-weight: 700 !important;
}
@media (max-width: 760px) {
  body.blog-page #articles_container .qd_blog_lists {
    gap: 20px !important;
    grid-template-columns: minmax(0,1fr) !important;
    padding: 26px 0 !important;
  }
  body.blog-page .qd_blog_lists .qd_blog_list_info h5 {
    font-size: 26px !important;
  }
}