.base_index_page .ow_page_wrap{background-image:url(https://dating.taboo.media/ow_userfiles/themes/theme_image_15.jpg)}
.ow_header{background-image:url(https://dating.taboo.media/ow_userfiles/themes/theme_image_19.png)}
.base_index_page .sitelogo{background-image:url(https://dating.taboo.media/ow_userfiles/themes/theme_image_17.png)}
.sitelogo{background-image:url(https://dating.taboo.media/ow_userfiles/themes/theme_image_18.png)}
/* ======================================================================
   TABOO! SOCIAL — CUSTOM THEME

   ORGANIZATION
   01. CORE THEME & SHARED COMPONENTS
   02. BASE NAVIGATION & CONSOLE
   03. DASHBOARD
   04. NEWSFEED PLUGIN
   05. PROFILES & PROFILE REACTIONS
   06. MEMBER SEARCH, MATCHES & BOOKMARKS
   07. DISCOVER / MATCH GAME PLUGIN
   08. PHOTOS, ALBUMS & PHOTO CONTESTS
   09. QUESTIONS PLUGIN
   10. CONFESSIONS PLUGIN
   11. HOTLIST PLUGIN
   12. MEMBERSHIP & CREDITS PLUGINS
   13. MAILBOX & CHAT PLUGINS
   14. BLOGS & TEXT CONTENT

   MAINTENANCE NOTES
   - Edit rules inside the owning plugin section whenever possible.
   - Shared primitives belong in Section 01.
   - The broad typography guard remains in Section 01 before plugin-specific
     rules, so individual plugins can still make intentional size exceptions.
   - Plugin-file JavaScript/PHP fixes are documented by nearby comments but
     are not duplicated in this stylesheet.
   ====================================================================== */

/* ======================================================================
   01. CORE THEME & SHARED COMPONENTS

   Global typography, layout, reusable controls, dialogs, and pagination.
   ====================================================================== */

/* ==========================================================
   TABOO! DATING - GLOBAL SETTINGS
   ========================================================== */

:root {
    --taboo-font-base: 26px;
    --taboo-font-small: 20px;
    --taboo-font-tiny: 17px;
    --taboo-font-controls: 26px;

    --taboo-line-base: 1.48;
    --taboo-line-compact: 1.35;
}

/* ==========================================================
   TABOO! DATING - SITE BASE
   ========================================================== */

html,
body,
body .ow {
    min-width: 0 !important;
    width: 100% !important;
}

html,
body {
    font-size: var(--taboo-font-base) !important;
    line-height: var(--taboo-line-base) !important;
}

/* Standard readable text */
body,
body p,
body td,
body th,
body li,
body label,
body .ow_normal,
body .ow_remark,
body .ow_outline,
body .ow_txt_value {
    font-size: var(--taboo-font-base) !important;
    line-height: var(--taboo-line-base) !important;
}

/* Links inherit the surrounding text size */
body a {
    font-size: inherit;
    line-height: inherit;
}

/* Headings */
body h1 {
    font-size: 38px !important;
    line-height: 1.2 !important;
}

body h2 {
    font-size: 32px !important;
    line-height: 1.25 !important;
}

body h3 {
    font-size: 27px !important;
    line-height: 1.3 !important;
}

body h4 {
    font-size: 23px !important;
    line-height: 1.35 !important;
}

/* Forms and controls */
html body input,
html body textarea,
html body select,
html body button,
html body input[type="submit"],
html body input[type="button"] {
    font-size: var(--taboo-font-controls) !important;
    line-height: var(--taboo-line-compact) !important;
}

/* Standard small and tiny text */
html body .ow_small {
    font-size: var(--taboo-font-small) !important;
    line-height: 1.4 !important;
}

html body .ow_tiny,
html body .ow_sidebar .ow_tiny,
html body .ow_console .ow_tiny {
    font-size: var(--taboo-font-tiny) !important;
    line-height: 1.35 !important;
}

/* ==========================================================
   TABOO! DATING - MAIN LAYOUT
   ========================================================== */

body .ow_canvas,
body .ow_page_container,
body .ow_page,
body .ow_page_container .ow_page,
body .ow_content {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    box-sizing: border-box !important;
}

/* Remove desktop sidebar behavior */
body .ow_sidebar {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    clear: both !important;
    box-sizing: border-box !important;
}

/* Stack standard columns */
body .ow_column,
body .ow_narrow,
body .ow_wide,
body .ow_superwide,
body .ow_supernarrow,
body .ow_left,
body .ow_right {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    clear: both !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}

/* Dashboard and widget columns */
body .ow_dnd_column,
body .ow_dnd_column_1,
body .ow_dnd_column_2,
body .ow_dnd_column_3,
body .ow_dnd_widget,
body .ow_dnd_widget_box {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    clear: both !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}

/* Keep footer hidden */
body .ow_footer {
    display: none !important;
}

/* Header */
body .ow_header {
    margin: 0 !important;
    padding: 0 !important;
}

body .ow_top {
    min-height: 0 !important;
    padding-top: 10px !important;
}

body .ow_page {
    margin: 0 auto !important;
}

/* Right-aligned content controls */
body .ow_content > .ow_right,
body .ow_content > .ow_btn_delimiter.ow_right {
    float: none !important;
    margin-bottom: 16px !important;
}

/* ==========================================================
   TABOO! DATING - ICONS & THUMBNAILS
   ========================================================== */

img.thumb {
    width: 180px !important;
    height: auto !important;
}

span.ow_icon {
    width: 24px !important;
    height: 24px !important;
    background-size: 24px 24px !important;
}

.ow_icon_control {
    padding-left: 30px !important;
    line-height: 24px !important;
    font-size: 18px !important;
}

.ow_miniicon_control {
    padding-left: 22px !important;
    line-height: 18px !important;
    font-size: 16px !important;
}

.ow_box_cap_icons {
    margin-top: -30px !important;
}

.ow_box_cap_icons a.close {
    width: 28px !important;
    height: 28px !important;
    background-size: 18px 18px !important;
}

/* ==========================================================
   TABOO! DATING - AVATARS
   ========================================================== */

.ow_avatar,
.ow_avatar img {
    width: 80px !important;
    height: 80px !important;
}

.ow_avatar_label {
    font-size: 13px !important;
    line-height: 1.25 !important;
}

.ow_avatar_console .ow_avatar_image {
    height: auto !important;
    max-width: 260px !important;
    width: 100% !important;
}

/* ==========================================================
   TABOO! DATING - PAGINATION
   ========================================================== */

.ow_paging {
    font-size: 19px !important;
    padding: 6px !important;
    text-align: center !important;
}

.ow_paging a {
    font-size: 21px !important;
    line-height: 30px !important;
    padding: 8px 12px !important;
    min-width: 36px !important;
}

.ow_paging span {
    font-size: 21px !important;
    line-height: 30px !important;
    padding: 0 6px !important;
}

/* ==========================================================
   TABOO! DATING - BUTTONS & TYPOGRAPHY HELPERS
   ========================================================== */

a.ow_lbutton,
span.ow_lbutton,
html body a.ow_lbutton,
html body span.ow_lbutton {
    font-size: 18px !important;
    line-height: 1.35 !important;
    padding: 4px 8px !important;
}

.ow_anno {
    font-size: var(--taboo-font-base) !important;
    line-height: var(--taboo-line-base) !important;
    padding: 14px !important;
}

body ul.ow_regular li {
    font-size: var(--taboo-font-base) !important;
    line-height: 1.45 !important;
}

/* ==========================================================
   TABOO! DATING - GENERAL PLUGIN STYLES
   ========================================================== */

.ow_add_content {
    width: 100% !important;
    float: none !important;
    font-size: var(--taboo-font-base) !important;
    line-height: 1.45 !important;
    padding: 42px 8px 12px !important;
    box-sizing: border-box !important;
}

/* Forum */
.ow_forum,
.ow_forum *,
.ow_forum_topic,
.ow_forum_topic * {
    font-size: 21px !important;
    line-height: 1.45 !important;
}

/* Dropdown and search suggestions */
.ac_results li,
.ow_searchbar_ac li,
.ow_dropdown_list li {
    font-size: 20px !important;
    line-height: 1.4 !important;
    padding: 8px !important;
}

/* Tips */
.ow_tip_box {
    font-size: 20px !important;
    line-height: 1.45 !important;
    padding: 8px 12px !important;
}

/* Membership tables */
.ow_subscribe_table,
.ow_subscribe_table * {
    font-size: 20px !important;
    line-height: 1.45 !important;
}

/* ==========================================================
   TABOO! DATING - FLOATBOXES / ALERTS
   ========================================================== */

.ow_highbox,
.ow_highbox_table .ow_highbox {
    font-size: var(--taboo-font-base) !important;
    line-height: var(--taboo-line-base) !important;
    padding: 12px !important;
    height: auto !important;
}

.floatbox_container {
    width: 90% !important;
    left: 5% !important;
    right: 5% !important;
    margin-left: 0 !important;
}

body .floatbox_canvas .floatbox_container,
.floatbox_canvas .floatbox_container {
    margin-top: 40px !important;
}

.floatbox_title {
    font-size: 28px !important;
    line-height: 1.3 !important;
}

.floatbox_body,
.floatbox_bottom {
    font-size: 21px !important;
    line-height: 1.45 !important;
    padding: 14px !important;
}

.ow_message_cont {
    width: 90% !important;
    left: 5% !important;
    margin-left: 0 !important;
}

.ow_message_node {
    font-size: 21px !important;
    line-height: 1.45 !important;
}

/* ==========================================================
   TABOO! DATING - INPUT FIELD READABILITY
   ========================================================== */

html body input[type="text"],
html body input[type="email"],
html body input[type="password"],
html body input[type="url"],
html body textarea,
html body select {
    color: #000000 !important;
    caret-color: #000000 !important;
}

html body input::placeholder,
html body textarea::placeholder {
    color: #777777 !important;
}

/* ==========================================================
   TABOO! DATING - SECTION HEADERS
   ========================================================== */

.ow_box_cap_body {
    background: linear-gradient(
        90deg,
        #250913 0%,
        #4b1730 50%,
        #250913 100%
    ) !important;

    border: 1px solid rgba(255, 70, 120, 0.25) !important;
    border-left: 4px solid #ff3b7a !important;
    border-radius: 12px !important;

    color: #ffffff !important;

    font-size: 22px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    letter-spacing: 0.6px !important;
    text-transform: uppercase !important;

    padding: 13px 18px !important;

    box-shadow:
        0 0 14px rgba(255, 30, 90, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);

    transition:
        border-left-color 0.25s ease,
        box-shadow 0.25s ease;
}

.ow_box_cap_body,
.ow_box_cap_body * {
    color: #ffffff !important;
    font-size: 22px !important;
    line-height: 1.3 !important;
    text-shadow: 0 0 5px rgba(255, 70, 120, 0.35);
}

.ow_box_cap_body:hover {
    border-left-color: #ff5b95 !important;

    box-shadow:
        0 0 22px rgba(255, 40, 110, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.10);
}

/* ==========================================================
   TABOO! DATING - FINAL TYPOGRAPHY OVERRIDES
   Broad typography guards shared across the site.
   ========================================================== */

/* Main readable content */
html body .ow_content,
html body .ow_content p,
html body .ow_content td,
html body .ow_content th,
html body .ow_content li,
html body .ow_content label,
html body .ow_box,
html body .ow_box_empty,
html body .ow_highbox,
html body .ow_anno {
    font-size: var(--taboo-font-base) !important;
    line-height: var(--taboo-line-base) !important;
}

/* General user information */
html body .ow_user_list_data,
html body .ow_user_list_data a,
html body .ow_ulist_big_info,
html body .ow_ulist_big_info_name,
html body .ow_profile_gallery_display_name {
    font-size: 21px !important;
    line-height: 1.4 !important;
}

/* Standard buttons */
html body .ow_button input,
html body button,
html body input[type="submit"],
html body input[type="button"] {
    font-size: var(--taboo-font-controls) !important;
    line-height: 1.35 !important;
}

/* Preserve console sizing */
html body .ow_console,
html body .ow_console_item,
html body .ow_console_item a {
    font-size: 18px !important;
    line-height: 1.35 !important;
}

/* Preserve intentionally tiny labels */
html body .ow_avatar_label {
    font-size: 13px !important;
    line-height: 1.25 !important;
}

/* ==========================================================
   TABOO! DATING - BUTTONS
   ========================================================== */

/* Outer button shell */
html body .ow_button {
    display: inline-block !important;

    background: linear-gradient(
        180deg,
        #651132 0%,
        #4b0d26 50%,
        #2b0816 100%
    ) !important;

    border: 2px solid #ff4b86 !important;
    border-radius: 10px !important;

    padding: 0 !important;
    overflow: hidden !important;

    box-shadow:
        0 3px 8px rgba(0,0,0,.45),
        0 0 10px rgba(255,50,120,.30),
        inset 0 1px 0 rgba(255,255,255,.15) !important;

    transition:
        transform .15s ease,
        box-shadow .20s ease,
        border-color .20s ease,
        background .20s ease !important;
}

/* Remove Oxwall's inner wrapper styling */
html body .ow_button > span {
    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Actual button */
html body .ow_button input[type="submit"],
html body .ow_button input[type="button"],
html body .ow_button button {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 10px 20px !important;

    background: transparent !important;
    border: 0 !important;
    outline: none !important;
    box-shadow: none !important;

    color: #ffffff !important;

    font-family: Arial, sans-serif !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    text-align: center !important;
    text-indent: 0 !important;
    letter-spacing: .5px !important;

    cursor: pointer !important;

    -webkit-appearance: none !important;
    appearance: none !important;
}

/* Hover */
html body .ow_button:hover {
    background: linear-gradient(
        180deg,
        #7b163d 0%,
        #5d1230 50%,
        #340a1a 100%
    ) !important;

    border-color: #ff78aa !important;

    transform: translateY(-2px);

    box-shadow:
        0 6px 14px rgba(0,0,0,.55),
        0 0 18px rgba(255,70,140,.60),
        inset 0 1px 0 rgba(255,255,255,.20) !important;
}

/* Pressed */
html body .ow_button:active {
    transform: translateY(1px) scale(.98);

    box-shadow:
        inset 0 3px 6px rgba(0,0,0,.45),
        0 0 8px rgba(255,50,120,.25) !important;
}

/* ==========================================================
   TABOO! DATING - THEMED PAGINATION
   Pages / numbers / Previous / Next
   Keep this block at the END of the site's Custom CSS.
   ========================================================== */

/* Pagination container */
html body .ow_paging {
    display: inline-flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    justify-content: center !important;
    gap: 6px !important;

    width: auto !important;
    max-width: 100% !important;
    box-sizing: border-box !important;

    margin: 20px auto !important;
    padding: 6px !important;

    color: #ffffff !important;
    background: linear-gradient(
        145deg,
        #54102f 0%,
        #31061d 100%
    ) !important;

    border: 1px solid #ff5793 !important;
    border-radius: 10px !important;

    font-family: Arial, sans-serif !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
    text-align: center !important;

    box-shadow:
        0 5px 14px rgba(0, 0, 0, 0.42),
        0 0 14px rgba(255, 45, 120, 0.20),
        inset 0 1px 0 rgba(255, 255, 255, 0.10) !important;
}

/* Every direct paging item */
html body .ow_paging > span,
html body .ow_paging > a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 48px !important;
    min-height: 46px !important;
    height: auto !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 8px 14px !important;

    font-family: Arial, sans-serif !important;
    font-size: 19px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;

    border-radius: 7px !important;
}

/* "Pages:" label */
html body .ow_paging > span:first-child {
    min-width: auto !important;

    color: #ffeaf2 !important;
    background: #70133e !important;

    border: 1px solid #c94376 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.65) !important;
}

/* Clickable page numbers and Previous/Next */
html body .ow_paging > a {
    color: #ffffff !important;

    background: linear-gradient(
        180deg,
        #941949 0%,
        #680f38 58%,
        #420820 100%
    ) !important;

    border: 1px solid #ff659e !important;

    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.72) !important;

    box-shadow:
        0 3px 7px rgba(0, 0, 0, 0.35),
        inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;

    transition:
        transform 0.15s ease,
        background 0.18s ease,
        border-color 0.18s ease,
        box-shadow 0.18s ease !important;
}

/* Hover and keyboard focus */
html body .ow_paging > a:hover,
html body .ow_paging > a:focus-visible {
    color: #ffffff !important;

    background: linear-gradient(
        180deg,
        #d72b6d 0%,
        #a21752 58%,
        #690d34 100%
    ) !important;

    border-color: #ffd0e1 !important;

    box-shadow:
        0 5px 11px rgba(0, 0, 0, 0.45),
        0 0 15px rgba(255, 64, 139, 0.48),
        inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;

    transform: translateY(-1px) !important;
    outline: none !important;
}

/* Current page: Oxwall commonly renders it as a span */
html body .ow_paging > span:not(:first-child) {
    color: #501027 !important;

    background: linear-gradient(
        180deg,
        #ffd2e3 0%,
        #ff8fba 100%
    ) !important;

    border: 1px solid #ffffff !important;

    text-shadow: none !important;

    box-shadow:
        0 0 14px rgba(255, 89, 151, 0.48),
        inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

/* Some Oxwall versions identify the active page with a class. */
html body .ow_paging > .active,
html body .ow_paging > .ow_active,
html body .ow_paging > a.active {
    color: #501027 !important;

    background: linear-gradient(
        180deg,
        #ffd2e3 0%,
        #ff8fba 100%
    ) !important;

    border-color: #ffffff !important;
    pointer-events: none !important;
    text-shadow: none !important;

    box-shadow:
        0 0 14px rgba(255, 89, 151, 0.48),
        inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

/* Pressed state */
html body .ow_paging > a:active {
    transform: translateY(1px) !important;
    box-shadow:
        0 2px 4px rgba(0, 0, 0, 0.45),
        inset 0 2px 4px rgba(0, 0, 0, 0.22) !important;
}

/* Smaller screens */
@media (max-width: 520px) {
    html body .ow_paging {
        gap: 5px !important;
        padding: 5px !important;
    }

    html body .ow_paging > span,
    html body .ow_paging > a {
        min-width: 42px !important;
        min-height: 42px !important;
        padding: 7px 11px !important;
        font-size: 17px !important;
    }

    html body .ow_paging > span:first-child {
        flex-basis: 100% !important;
    }
}

/* ======================================================================
   02. BASE NAVIGATION & CONSOLE

   Main navigation plus the console menus and dropdown plugins.
   ====================================================================== */

/* ==========================================================
   TABOO! DATING - CONSOLE / HEADER
   ========================================================== */

body .ow_console,
body .ow_console_item,
body .ow_console_item a {
    font-size: 18px !important;
    line-height: 1.35 !important;
}

/* ==========================================================
   TABOO! DATING - MAIN MENUS
   ========================================================== */

.ow_menu_wrap {
    height: auto !important;
    min-height: 60px !important;
}

.ow_main_menu {
    display: block !important;
    padding: 8px 4px !important;
    text-align: center !important;
}

.ow_main_menu li {
    display: inline-block !important;
    margin: 4px !important;
}

.ow_main_menu li a {
    font-size: 22px !important;
    line-height: 1.35 !important;
    padding: 8px 12px !important;
}

/* Box and content menus */
.ow_box_menu a,
.ow_content_menu li a,
.ow_content_menu span {
    font-size: 21px !important;
    line-height: 1.4 !important;
}

.ow_box_menu a {
    height: auto !important;
    padding: 6px 10px !important;
}

.ow_content_menu li {
    float: none !important;
    display: inline-block !important;
    margin: 4px !important;
}

/* Small button lists */
.ow_bl a,
span.ow_blitem,
span.ow_blitem input[type="submit"],
span.ow_blitem input[type="button"] {
    font-size: 20px !important;
    line-height: 1.35 !important;
    height: auto !important;
    padding: 6px 10px !important;
}

/* ==========================================================
   TABOO! DATING - TOP CONSOLE DROPDOWNS
   ========================================================== */

.ow_console .ow_tooltip_body,
.ow_console_list_wrapper,
.ow_console_list,
.ow_console_list li {
    width: 420px !important;
    max-width: 420px !important;
    box-sizing: border-box !important;
}

.ow_console_list li {
    min-height: 95px !important;
    padding: 8px !important;
    overflow: hidden !important;
}

.ow_console_list .ow_avatar,
.ow_console_list .ow_avatar img {
    width: 75px !important;
    height: 75px !important;
}

.ow_console_invt_cont,
.ow_console_ntf_cont {
    margin-left: 90px !important;
    margin-right: 10px !important;
    min-height: 80px !important;
}

.ow_console_invt_txt,
.ow_console_ntf_txt,
.ow_console_mailbox_txt,
.ow_console_mailbox_title {
    font-size: 19px !important;
    line-height: 1.4 !important;
}

.ow_console_mailbox_title .ow_mailbox_convers_info_date {
    float: right !important;
    font-size: 17px !important;
    line-height: 1.35 !important;
}

/* ==========================================================
   TABOO! DATING - TOP CONSOLE BUTTONS
   Messages / Notifications / Username / Admin
   ========================================================== */

/* Keep the console controls neatly aligned */
html body .ow_console .ow_console_items_wrap {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 7px !important;

    margin: 0 !important;
    padding: 0 !important;
}

html body .ow_console .ow_console_item {
    position: relative !important;

    display: block !important;
    float: none !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
}

/* Preserve console items that Oxwall intentionally hides */
html body .ow_console .ow_console_item[style*="display: none"] {
    display: none !important;
}

/* The four visible console buttons */
html body
.ow_console
.ow_console_item > a.ow_console_item_link {
    position: relative !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;

    min-height: 40px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 8px 14px !important;

    color: #ffffff !important;
    background: linear-gradient(
        180deg,
        #651132 0%,
        #4b0d26 52%,
        #2b0816 100%
    ) !important;

    border: 2px solid #ff4b86 !important;
    border-radius: 9px !important;

    font-family: Arial, sans-serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    letter-spacing: 0.15px !important;

    text-align: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;

    box-shadow:
        0 3px 8px rgba(0, 0, 0, 0.45),
        0 0 9px rgba(255, 50, 120, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;

    cursor: pointer !important;

    transition:
        transform 0.15s ease,
        background 0.20s ease,
        border-color 0.20s ease,
        box-shadow 0.20s ease !important;
}

html body
.ow_console
.ow_console_item > a.ow_console_item_link:hover {
    color: #ffffff !important;
    background: linear-gradient(
        180deg,
        #811840 0%,
        #621330 52%,
        #39091b 100%
    ) !important;

    border-color: #ff9ac0 !important;
    transform: translateY(-2px) !important;

    box-shadow:
        0 6px 13px rgba(0, 0, 0, 0.52),
        0 0 17px rgba(255, 70, 140, 0.55),
        inset 0 1px 0 rgba(255, 255, 255, 0.19) !important;
}

/* Open/selected console control */
html body
.ow_console
.ow_console_item.ow_console_item_active > a.ow_console_item_link,
html body
.ow_console
.ow_console_item.active > a.ow_console_item_link {
    color: #ffffff !important;
    background: linear-gradient(
        180deg,
        #a51d50 0%,
        #74163b 52%,
        #480c25 100%
    ) !important;

    border-color: #ffc2d8 !important;

    box-shadow:
        0 0 18px rgba(255, 70, 140, 0.62),
        inset 0 1px 0 rgba(255, 255, 255, 0.20) !important;
}

html body
.ow_console
.ow_console_item > a.ow_console_item_link:focus-visible {
    color: #ffffff !important;
    border-color: #ffd2e3 !important;
    outline: 2px solid #ffffff !important;
    outline-offset: 3px !important;

    box-shadow:
        0 0 0 3px rgba(255, 75, 135, 0.38),
        0 0 17px rgba(255, 70, 140, 0.58) !important;
}

html body
.ow_console
.ow_console_item > a.ow_console_item_link:active {
    transform: translateY(1px) scale(0.98) !important;

    box-shadow:
        inset 0 3px 6px rgba(0, 0, 0, 0.45),
        0 0 7px rgba(255, 50, 120, 0.24) !important;
}

/* Recreate the dropdown arrow for Username and Admin only */
html body
.ow_console
.ow_console_dropdown_click:not(.ow_mailbox_items_list):not(.ow_notification_list)
> a.ow_console_item_link::after,
html body
.ow_console
.ow_console_dropdown_hover:not(.ow_mailbox_items_list):not(.ow_notification_list)
> a.ow_console_item_link::after {
    content: "\25BE" !important;

    display: inline-block !important;
    margin-left: 1px !important;

    color: #ffb3d0 !important;
    font-size: 14px !important;
    line-height: 1 !important;
}

/* Unread-message and notification counters */
html body .ow_console .ow_count_wrap {
    position: absolute !important;
    top: -7px !important;
    right: -7px !important;
    z-index: 3 !important;

    min-width: 21px !important;
    height: 21px !important;
    box-sizing: border-box !important;

    padding: 1px 5px !important;

    color: #ffffff !important;
    background: #e51f63 !important;

    border: 2px solid #ffd0e1 !important;
    border-radius: 999px !important;

    font-family: Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 15px !important;
    text-align: center !important;

    box-shadow:
        0 2px 5px rgba(0, 0, 0, 0.48),
        0 0 9px rgba(255, 55, 125, 0.62) !important;
}

html body .ow_console .ow_count_wrap .ow_count_bg,
html body .ow_console .ow_count_wrap .ow_count {
    display: inline !important;
    min-width: 0 !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;
    background: transparent !important;
    border: 0 !important;

    font: inherit !important;
    line-height: inherit !important;
}

/* Slightly tighter controls on narrow screens */
@media (max-width: 620px) {
    html body .ow_console .ow_console_items_wrap {
        justify-content: center !important;
        gap: 6px !important;
    }

    html body
    .ow_console
    .ow_console_item > a.ow_console_item_link {
        min-height: 37px !important;
        padding: 7px 11px !important;
        font-size: 15px !important;
    }
}

/* ==========================================================
   TABOO! DATING - TOP MESSAGES DROPDOWN
   ========================================================== */

/* Complete dropdown shell */
html body
.ow_console
.ow_mailbox_items_list
.ow_tooltip_body,
html body
.ow_console
.ow_mailbox_items_list
.OW_ConsoleItemContent,
html body
.ow_console
.ow_mailbox_items_list
.ow_console_list_wrapper {
    box-sizing: border-box !important;

    color: #ffffff !important;
    background: linear-gradient(
        145deg,
        #3d071f 0%,
        #210310 58%,
        #140108 100%
    ) !important;

    border: 2px solid #ff4b86 !important;
    border-radius: 10px !important;

    box-shadow:
        0 8px 22px rgba(0, 0, 0, 0.58),
        0 0 18px rgba(255, 50, 120, 0.38),
        inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

html body
.ow_console
.ow_mailbox_items_list
.ow_console_list {
    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;
    background: transparent !important;

    border: 0 !important;
    list-style: none !important;
}

/* Individual conversation rows */
html body
.ow_console
.ow_mailbox_items_list
.ow_console_list > li.ow_console_list_item {
    min-height: 86px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 8px !important;

    color: #ffffff !important;
    background: linear-gradient(
        90deg,
        rgba(105, 18, 55, 0.48) 0%,
        rgba(41, 4, 21, 0.82) 100%
    ) !important;

    border: 0 !important;
    border-bottom: 1px solid rgba(255, 105, 160, 0.25) !important;

    transition:
        background 0.18s ease,
        box-shadow 0.18s ease !important;
}

html body
.ow_console
.ow_mailbox_items_list
.ow_console_list > li.ow_console_list_item:nth-child(even) {
    background: linear-gradient(
        90deg,
        rgba(80, 12, 43, 0.44) 0%,
        rgba(29, 3, 15, 0.88) 100%
    ) !important;
}

html body
.ow_console
.ow_mailbox_items_list
.ow_console_list > li.ow_console_list_item:hover {
    background: linear-gradient(
        90deg,
        rgba(145, 25, 72, 0.66) 0%,
        rgba(68, 8, 35, 0.92) 100%
    ) !important;

    box-shadow:
        inset 4px 0 0 #ff4b86,
        inset 0 0 14px rgba(255, 80, 145, 0.12) !important;
}

html body
.ow_console
.ow_mailbox_items_list
.console_list_item {
    min-height: 70px !important;
    box-sizing: border-box !important;

    color: #ffffff !important;
    background: transparent !important;
}

/* Sender avatar */
html body
.ow_console
.ow_mailbox_items_list
.ow_console_list_item .ow_avatar {
    float: left !important;

    width: 68px !important;
    height: 68px !important;
    box-sizing: border-box !important;

    margin: 0 11px 0 0 !important;
    padding: 0 !important;

    border: 2px solid #ff6da3 !important;
    border-radius: 8px !important;
    overflow: hidden !important;

    box-shadow:
        0 3px 8px rgba(0, 0, 0, 0.46),
        0 0 9px rgba(255, 55, 125, 0.28) !important;
}

html body
.ow_console
.ow_mailbox_items_list
.ow_console_list_item .ow_avatar img {
    display: block !important;

    width: 68px !important;
    height: 68px !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: cover !important;
    object-position: center center !important;

    border: 0 !important;
    border-radius: 6px !important;
}

/* Text area beside the avatar */
html body
.ow_console
.ow_mailbox_items_list
.ow_console_invt_cont {
    min-height: 68px !important;
    box-sizing: border-box !important;

    margin: 0 0 0 79px !important;
    padding: 2px 4px 0 0 !important;

    color: #ffffff !important;
    background: transparent !important;
}

html body
.ow_console
.ow_mailbox_items_list
.ow_console_invt_txt,
html body
.ow_console
.ow_mailbox_items_list
.ow_console_mailbox_cont {
    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;
    background: transparent !important;
}

/* Sender name and date */
html body
.ow_console
.ow_mailbox_items_list
.ow_console_mailbox_title,
html body
.ow_console
.ow_mailbox_items_list
.ow_console_mailbox_title * {
    color: #ff91bd !important;

    font-family: Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;

    text-shadow:
        0 1px 2px rgba(0, 0, 0, 0.90),
        0 0 7px rgba(255, 75, 145, 0.28) !important;
}

html body
.ow_console
.ow_mailbox_items_list
.ow_console_mailbox_title {
    min-height: 19px !important;
    margin: 0 0 6px !important;
    padding: 0 !important;
}

html body
.ow_console
.ow_mailbox_items_list
.ow_console_mailbox_title .ow_mailbox_convers_info_date,
html body
.ow_console
.ow_mailbox_items_list
.ow_console_mailbox_title .ow_tiny {
    float: right !important;

    color: #e8b5c9 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

/* Message preview */
html body
.ow_console
.ow_mailbox_items_list
.ow_console_mailbox_txt,
html body
.ow_console
.ow_mailbox_items_list
.ow_console_mailbox_txt.ow_remark,
html body
.ow_console
.ow_mailbox_items_list
.ow_console_mailbox_txt * {
    display: -webkit-box !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #fff2f7 !important;

    font-family: Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;

    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;

    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.82) !important;
}

/* View All footer */
html body
.ow_console
.ow_mailbox_items_list
.ow_console_messages_btn {
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 7px !important;

    background: linear-gradient(
        180deg,
        #4f0e29 0%,
        #2b0716 100%
    ) !important;

    border-top: 1px solid rgba(255, 105, 160, 0.38) !important;
}

html body
.ow_console
.ow_mailbox_items_list
.ow_console_messages_viewall a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    min-height: 36px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 7px 14px !important;

    color: #ffffff !important;
    background: linear-gradient(
        180deg,
        #811840 0%,
        #5d1230 55%,
        #340a1a 100%
    ) !important;

    border: 2px solid #ff5b95 !important;
    border-radius: 8px !important;

    font-family: Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;

    text-align: center !important;
    text-decoration: none !important;

    box-shadow:
        0 3px 8px rgba(0, 0, 0, 0.42),
        0 0 9px rgba(255, 50, 120, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.13) !important;

    transition:
        transform 0.15s ease,
        background 0.20s ease,
        border-color 0.20s ease,
        box-shadow 0.20s ease !important;
}

html body
.ow_console
.ow_mailbox_items_list
.ow_console_messages_viewall a:hover {
    color: #ffffff !important;
    background: linear-gradient(
        180deg,
        #a51d50 0%,
        #74163b 55%,
        #480c25 100%
    ) !important;

    border-color: #ffc2d8 !important;
    transform: translateY(-1px) !important;

    box-shadow:
        0 5px 12px rgba(0, 0, 0, 0.50),
        0 0 16px rgba(255, 70, 140, 0.54),
        inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}

/* Dropdown scrollbar */
html body .ow_mailbox_items_list .jspVerticalBar {
    width: 8px !important;
    background: #160109 !important;
}

html body .ow_mailbox_items_list .jspTrack {
    background: #2c0718 !important;
}

html body .ow_mailbox_items_list .jspDrag {
    background: linear-gradient(
        180deg,
        #ff5b95 0%,
        #9d1044 100%
    ) !important;

    border-radius: 999px !important;

    box-shadow: 0 0 7px rgba(255, 65, 135, 0.48) !important;
}

/* ==========================================================
   TABOO! DATING - TOP NOTIFICATIONS DROPDOWN
   ========================================================== */

/* Complete dropdown shell */
html body
.ow_console
.ow_notification_list
.ow_tooltip_body,
html body
.ow_console
.ow_notification_list
.OW_ConsoleItemContent,
html body
.ow_console
.ow_notification_list
.ow_console_list_wrapper {
    box-sizing: border-box !important;

    color: #ffffff !important;
    background: linear-gradient(
        145deg,
        #3d071f 0%,
        #210310 58%,
        #140108 100%
    ) !important;

    border: 2px solid #ff4b86 !important;
    border-radius: 10px !important;

    box-shadow:
        0 8px 22px rgba(0, 0, 0, 0.58),
        0 0 18px rgba(255, 50, 120, 0.38),
        inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

html body
.ow_console
.ow_notification_list
.ow_console_list {
    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;
    background: transparent !important;

    border: 0 !important;
    list-style: none !important;
}

/* Individual notification rows */
html body
.ow_console
.ow_notification_list
.ow_console_list > li.ow_notification_item {
    min-height: 88px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 8px !important;

    color: #ffffff !important;
    background: linear-gradient(
        90deg,
        rgba(105, 18, 55, 0.48) 0%,
        rgba(41, 4, 21, 0.82) 100%
    ) !important;

    border: 0 !important;
    border-bottom: 1px solid rgba(255, 105, 160, 0.25) !important;

    transition:
        background 0.18s ease,
        box-shadow 0.18s ease !important;
}

html body
.ow_console
.ow_notification_list
.ow_console_list > li.ow_notification_item:nth-child(even) {
    background: linear-gradient(
        90deg,
        rgba(80, 12, 43, 0.44) 0%,
        rgba(29, 3, 15, 0.88) 100%
    ) !important;
}

html body
.ow_console
.ow_notification_list
.ow_console_list > li.ow_notification_item:hover {
    background: linear-gradient(
        90deg,
        rgba(145, 25, 72, 0.66) 0%,
        rgba(68, 8, 35, 0.92) 100%
    ) !important;

    box-shadow:
        inset 4px 0 0 #ff4b86,
        inset 0 0 14px rgba(255, 80, 145, 0.12) !important;
}

html body
.ow_console
.ow_notification_list
.console_list_ipc_item {
    position: relative !important;

    min-height: 70px !important;
    box-sizing: border-box !important;

    color: #ffffff !important;
    background: transparent !important;
}

/* Sender avatar */
html body
.ow_console
.ow_notification_list
.ow_notification_item .ow_avatar {
    float: left !important;

    width: 68px !important;
    height: 68px !important;
    box-sizing: border-box !important;

    margin: 0 11px 0 0 !important;
    padding: 0 !important;

    border: 2px solid #ff6da3 !important;
    border-radius: 8px !important;
    overflow: hidden !important;

    box-shadow:
        0 3px 8px rgba(0, 0, 0, 0.46),
        0 0 9px rgba(255, 55, 125, 0.28) !important;
}

html body
.ow_console
.ow_notification_list
.ow_notification_item .ow_avatar img {
    display: block !important;

    width: 68px !important;
    height: 68px !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: cover !important;
    object-position: center center !important;

    border: 0 !important;
    border-radius: 6px !important;
}

/* Optional gift, photo, or item preview on the right */
html body
.ow_console
.ow_notification_list
.ow_notification_item .ow_console_invt_img {
    position: absolute !important;
    top: 6px !important;
    right: 6px !important;
    z-index: 2 !important;

    display: block !important;
    float: none !important;

    width: 56px !important;
    height: 56px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #fff7fa !important;

    border: 2px solid #ff8ab6 !important;
    border-radius: 7px !important;
    overflow: hidden !important;

    box-shadow:
        0 3px 8px rgba(0, 0, 0, 0.42),
        0 0 8px rgba(255, 70, 140, 0.26) !important;
}

html body
.ow_console
.ow_notification_list
.ow_notification_item .ow_console_invt_img img {
    display: block !important;

    width: 52px !important;
    height: 52px !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: cover !important;
    object-position: center center !important;

    border: 0 !important;
}

/* Notification text area */
html body
.ow_console
.ow_notification_list
.ow_notification_item .ow_console_invt_cont {
    min-height: 68px !important;
    box-sizing: border-box !important;

    margin: 0 8px 0 79px !important;
    padding: 4px 3px 0 0 !important;

    color: #ffffff !important;
    background: transparent !important;
}

/* Reserve room only when a notification has a right-side image */
html body
.ow_console
.ow_notification_list
.console_list_ipc_item:has(.ow_console_invt_img)
.ow_console_invt_cont {
    margin-right: 69px !important;
}

html body
.ow_console
.ow_notification_list
.ow_notification_item .ow_console_invt_cont,
html body
.ow_console
.ow_notification_list
.ow_notification_item .ow_console_invt_cont * {
    color: #fff2f7 !important;

    font-family: Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;

    overflow-wrap: anywhere !important;

    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.82) !important;
}

html body
.ow_console
.ow_notification_list
.ow_notification_item .ow_console_invt_cont a {
    color: #ff91bd !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}

html body
.ow_console
.ow_notification_list
.ow_notification_item:hover .ow_console_invt_cont a {
    color: #ffffff !important;
    text-shadow: 0 0 8px rgba(255, 95, 155, 0.66) !important;
}

/* Empty-notification message */
html body
.ow_console
.ow_notification_list
.ow_nocontent {
    box-sizing: border-box !important;

    padding: 22px 15px !important;

    color: #e7b8cb !important;
    background: transparent !important;

    font-family: Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    text-align: center !important;
}

/* Dropdown scrollbar */
html body .ow_notification_list .jspVerticalBar {
    width: 8px !important;
    background: #160109 !important;
}

html body .ow_notification_list .jspTrack {
    background: #2c0718 !important;
}

html body .ow_notification_list .jspDrag {
    background: linear-gradient(
        180deg,
        #ff5b95 0%,
        #9d1044 100%
    ) !important;

    border-radius: 999px !important;

    box-shadow: 0 0 7px rgba(255, 65, 135, 0.48) !important;
}

/* ==========================================================
   TABOO! DATING - TOP USER MENU DROPDOWN
   Username menu (and matching compact console menus)
   ========================================================== */

/* Dark Taboo! Dating dropdown shell */
html body
.ow_console
.ow_console_dropdown_click:not(.ow_mailbox_items_list):not(.ow_notification_list)
.ow_tooltip_body,
html body
.ow_console
.ow_console_dropdown_hover:not(.ow_mailbox_items_list):not(.ow_notification_list)
.ow_tooltip_body {
    min-width: 225px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 6px !important;

    color: #ffffff !important;
    background: linear-gradient(
        145deg,
        #4a0926 0%,
        #290413 58%,
        #160108 100%
    ) !important;

    border: 2px solid #ff4b86 !important;
    border-radius: 10px !important;

    box-shadow:
        0 10px 24px rgba(0, 0, 0, 0.62),
        0 0 18px rgba(255, 50, 120, 0.38),
        inset 0 1px 0 rgba(255, 255, 255, 0.10) !important;
}

/* Match the little pointer above the dropdown to the panel */
html body
.ow_console
.ow_console_dropdown_click:not(.ow_mailbox_items_list):not(.ow_notification_list)
.ow_tooltip_tail span,
html body
.ow_console
.ow_console_dropdown_hover:not(.ow_mailbox_items_list):not(.ow_notification_list)
.ow_tooltip_tail span {
    filter: hue-rotate(285deg) saturate(2.2) brightness(0.62) !important;
}

/* Reset Oxwall's stock white menu list */
html body
.ow_console
.ow_console_dropdown_click:not(.ow_mailbox_items_list):not(.ow_notification_list)
ul.ow_console_dropdown,
html body
.ow_console
.ow_console_dropdown_hover:not(.ow_mailbox_items_list):not(.ow_notification_list)
ul.ow_console_dropdown {
    min-width: 209px !important;
    max-height: min(70vh, 520px) !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;
    background: transparent !important;

    border: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    list-style: none !important;
}

html body .ow_console ul.ow_console_dropdown > li,
html body
.ow_console
ul.ow_console_dropdown
.ow_console_dropdown_cont {
    display: block !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;
    background: transparent !important;
    border: 0 !important;
}

/* Menu rows */
html body
.ow_console
ul.ow_console_dropdown
.ow_console_dropdown_cont > a {
    position: relative !important;

    display: flex !important;
    align-items: center !important;

    min-height: 37px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 8px 12px 8px 15px !important;

    color: #fff4f8 !important;
    background: rgba(255, 255, 255, 0.025) !important;

    border: 0 !important;
    border-bottom: 1px solid rgba(255, 112, 165, 0.20) !important;
    border-radius: 0 !important;

    font-family: Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 650 !important;
    line-height: 1.25 !important;
    letter-spacing: 0.1px !important;

    text-decoration: none !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.70) !important;
    white-space: nowrap !important;

    transition:
        color 0.16s ease,
        background 0.16s ease,
        padding-left 0.16s ease,
        box-shadow 0.16s ease !important;
}

html body
.ow_console
ul.ow_console_dropdown
li:first-child
.ow_console_dropdown_cont > a {
    border-radius: 6px 6px 0 0 !important;
}

html body
.ow_console
ul.ow_console_dropdown
li:last-child
.ow_console_dropdown_cont > a {
    border-bottom: 0 !important;
    border-radius: 0 0 6px 6px !important;
}

html body
.ow_console
ul.ow_console_dropdown
.ow_console_dropdown_cont > a:hover,
html body
.ow_console
ul.ow_console_dropdown
.ow_console_dropdown_cont > a:focus-visible {
    color: #ffffff !important;
    background: linear-gradient(
        90deg,
        rgba(180, 29, 84, 0.78) 0%,
        rgba(103, 15, 52, 0.66) 100%
    ) !important;

    padding-left: 20px !important;

    border-radius: 6px !important;
    outline: 0 !important;

    box-shadow:
        inset 4px 0 0 #ff8db7,
        0 0 10px rgba(255, 67, 137, 0.25) !important;
}

html body
.ow_console
ul.ow_console_dropdown
.ow_console_dropdown_cont > a:focus-visible {
    outline: 2px solid #ffd0e1 !important;
    outline-offset: -2px !important;
}

/* Give the actual Sign Out entry a clear, tasteful warning treatment. */
html body
.ow_console
ul.ow_console_dropdown
.ow_console_dropdown_cont > a[href*="sign-out"],
html body
.ow_console
ul.ow_console_dropdown
.ow_console_dropdown_cont > a[href*="signout"],
html body
.ow_console
ul.ow_console_dropdown
.ow_console_dropdown_cont > a[href*="logout"] {
    margin-top: 4px !important;
    color: #ffd7e5 !important;
    background: rgba(139, 12, 55, 0.34) !important;
    border-top: 1px solid rgba(255, 114, 167, 0.34) !important;
}

html body
.ow_console
ul.ow_console_dropdown
.ow_console_dropdown_cont > a[href*="sign-out"]:hover,
html body
.ow_console
ul.ow_console_dropdown
.ow_console_dropdown_cont > a[href*="signout"]:hover,
html body
.ow_console
ul.ow_console_dropdown
.ow_console_dropdown_cont > a[href*="logout"]:hover,
html body
.ow_console
ul.ow_console_dropdown
.ow_console_dropdown_cont > a[href*="sign-out"]:focus-visible,
html body
.ow_console
ul.ow_console_dropdown
.ow_console_dropdown_cont > a[href*="signout"]:focus-visible,
html body
.ow_console
ul.ow_console_dropdown
.ow_console_dropdown_cont > a[href*="logout"]:focus-visible {
    color: #ffffff !important;
    background: linear-gradient(
        90deg,
        rgba(197, 24, 83, 0.88) 0%,
        rgba(114, 12, 51, 0.80) 100%
    ) !important;
}

@media (max-width: 620px) {
    html body
    .ow_console
    .ow_console_dropdown_click:not(.ow_mailbox_items_list):not(.ow_notification_list)
    .ow_tooltip_body,
    html body
    .ow_console
    .ow_console_dropdown_hover:not(.ow_mailbox_items_list):not(.ow_notification_list)
    .ow_tooltip_body {
        min-width: 205px !important;
    }

    html body
    .ow_console
    ul.ow_console_dropdown
    .ow_console_dropdown_cont > a {
        min-height: 39px !important;
        font-size: 14px !important;
    }
}

/* ==========================================================
   TABOO! DATING - TOP FRIEND REQUESTS DROPDOWN
   ========================================================== */

/* Dropdown shell (scoped only to a tooltip containing requests). */
html body .ow_console .ow_family_request_list .ow_tooltip_body,
html body .ow_console .ow_tooltip_body:has(.ow_friend_request_item),
html body .ow_console .ow_family_request_list .ow_console_list_wrapper,
html body .ow_console .ow_tooltip_body:has(.ow_friend_request_item) .ow_console_list_wrapper {
    box-sizing: border-box !important;
    color: #fff !important;
    background: linear-gradient(145deg, #3d071f 0%, #210310 58%, #140108 100%) !important;
    border: 2px solid #ff4b86 !important;
    border-radius: 11px !important;
    overflow: hidden !important;
    box-shadow: 0 9px 24px rgba(0, 0, 0, .62),
                0 0 20px rgba(255, 50, 120, .42),
                inset 0 1px 0 rgba(255, 255, 255, .08) !important;
}

html body .ow_console .ow_family_request_list .ow_console_list,
html body .ow_console .ow_console_list:has(> .ow_friend_request_item) {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    list-style: none !important;
}

/* Each request. */
html body .ow_console li.ow_friend_request_item {
    box-sizing: border-box !important;
    min-height: 100px !important;
    margin: 0 !important;
    padding: 10px !important;
    color: #fff !important;
    background: linear-gradient(100deg, rgba(111, 17, 58, .72), rgba(34, 3, 17, .96)) !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255, 105, 160, .3) !important;
    transition: background .18s ease, box-shadow .18s ease !important;
}

html body .ow_console li.ow_friend_request_item:hover {
    background: linear-gradient(100deg, rgba(145, 24, 73, .78), rgba(55, 5, 28, .98)) !important;
    box-shadow: inset 4px 0 0 #ff4b86, inset 0 0 16px rgba(255, 80, 145, .13) !important;
}

html body .ow_console .ow_friend_request_item .console_list_ipc_item,
html body .ow_console .ow_friend_request_item .ow_console_invt_cont {
    box-sizing: border-box !important;
    min-height: 78px !important;
    color: #fff !important;
    background: transparent !important;
}

/* Avatar. */
html body .ow_console .ow_friend_request_item .ow_avatar {
    float: left !important;
    width: 72px !important;
    height: 72px !important;
    margin: 0 12px 0 0 !important;
    padding: 0 !important;
    border: 2px solid #ff6da3 !important;
    border-radius: 9px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .5), 0 0 11px rgba(255, 55, 125, .32) !important;
}

html body .ow_console .ow_friend_request_item .ow_avatar img {
    display: block !important;
    width: 72px !important;
    height: 72px !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: cover !important;
    object-position: center !important;
    border: 0 !important;
    border-radius: 7px !important;
}

/* Request text. */
html body .ow_console .ow_friend_request_item .ow_console_invt_cont {
    margin-left: 84px !important;
    padding: 1px 3px 0 0 !important;
}

html body .ow_console .ow_friend_request_item .ow_console_invt_txt,
html body .ow_console .ow_friend_request_item .ow_console_invt_txt * {
    margin: 0 !important;
    color: #fff1f7 !important;
    background: transparent !important;
    font-family: Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 650 !important;
    line-height: 1.35 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .88) !important;
}

html body .ow_console .ow_friend_request_item .ow_console_invt_txt a {
    color: #ff91bd !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}

html body .ow_console .ow_friend_request_item .ow_console_invt_txt a:hover {
    color: #fff !important;
    text-shadow: 0 0 9px rgba(255, 85, 150, .75) !important;
}

/* Accept / Ignore action row. */
html body .ow_console .ow_friend_request_item .ow_console_invt_toolbar {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 8px 0 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

html body .ow_console .ow_friend_request_item .ow_console_invt_toolbar a.ow_lbutton {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 34px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 6px 13px !important;
    color: #fff !important;
    border-radius: 7px !important;
    font-family: Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .85) !important;
    transition: transform .15s ease, filter .15s ease, box-shadow .15s ease !important;
}

/* Accept: vivid Taboo pink. */
html body .ow_console .ow_friend_request_item a[id^="friend_request_accept_"] {
    background: linear-gradient(180deg, #f0448e 0%, #a90f51 60%, #65082f 100%) !important;
    border: 1px solid #ffaad0 !important;
    box-shadow: 0 3px 9px rgba(0, 0, 0, .42), 0 0 10px rgba(255, 60, 140, .38) !important;
}

/* Ignore: quieter secondary treatment. */
html body .ow_console .ow_friend_request_item a[id^="friend_request_ignore_"] {
    color: #f3dce6 !important;
    background: linear-gradient(180deg, #5a3144 0%, #321824 100%) !important;
    border: 1px solid #b57a94 !important;
    box-shadow: 0 3px 8px rgba(0, 0, 0, .35) !important;
}

html body .ow_console .ow_friend_request_item .ow_console_invt_toolbar a.ow_lbutton:hover,
html body .ow_console .ow_friend_request_item .ow_console_invt_toolbar a.ow_lbutton:focus-visible {
    color: #fff !important;
    border-color: #fff0f6 !important;
    filter: brightness(1.18) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 5px 12px rgba(0, 0, 0, .5), 0 0 15px rgba(255, 75, 145, .55) !important;
    outline: none !important;
}

/* Empty-state and loading areas. */
html body .ow_console .ow_family_request_list .ow_nocontent,
html body .ow_console .ow_tooltip_body:has(.ow_friend_request_item) .ow_nocontent,
html body .ow_console .ow_family_request_list .ow_preloader_content,
html body .ow_console .ow_tooltip_body:has(.ow_friend_request_item) .ow_preloader_content {
    color: #f8dce8 !important;
    background: #210310 !important;
}

@media (max-width: 600px) {
    html body .ow_console .ow_family_request_list .ow_tooltip_body,
    html body .ow_console .ow_tooltip_body:has(.ow_friend_request_item) {
        max-width: calc(100vw - 18px) !important;
    }

    html body .ow_console .ow_friend_request_item .ow_console_invt_toolbar {
        flex-wrap: wrap !important;
    }
}
.ow_logo_wrap {
    width: 100% !important;
    height: 119px !important;

    margin: 10px auto 172px auto !important;
    padding: 2px !important;

    display: flex !important;
    justify-content: center !important;
    align-items: center !important;

    box-sizing: border-box !important;
}

/* ----------------------------------------------------------
   Disabled profile action buttons
   (Friend request was sent, etc.)
   ---------------------------------------------------------- */

html body
.ow_profile_gallery_action_toolbar
a.ow_context_action_value {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    height: 38px !important;
    box-sizing: border-box !important;

    padding: 0 14px !important;

    color: #f4d9e5 !important;

    background: linear-gradient(
        180deg,
        #6b3a4d 0%,
        #5a3142 55%,
        #472736 100%
    ) !important;

    border: 1px solid #a86b82 !important;
    border-radius: 8px !important;

    font-family: Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    text-decoration: none !important;
    white-space: nowrap !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 2px 6px rgba(0,0,0,.30) !important;

    cursor: default !important;
}

html body
.ow_profile_gallery_action_toolbar
a.ow_context_action_value:hover {
    transform: none !important;

    background: linear-gradient(
        180deg,
        #6b3a4d 0%,
        #5a3142 55%,
        #472736 100%
    ) !important;

    border-color: #a86b82 !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 2px 6px rgba(0,0,0,.30) !important;
}
/* Remove the stock white dropdown strip beside
   "Friend request was sent" */
html body
.ow_profile_gallery_action_toolbar
.ow_context_action
> span.ow_context_more {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 22px !important;
    height: 38px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 0 !important;

    background-color: #4b0d26 !important;
    background-image: none !important;

    border: 0 !important;
    border-left: 1px solid rgba(255, 255, 255, 0.16) !important;
    border-radius: 0 8px 8px 0 !important;

    box-shadow: none !important;

    color: #ffffff !important;
    font-size: 0 !important;
    line-height: 1 !important;
}

/* Replace the stock arrow with a clean themed arrow */
html body
.ow_profile_gallery_action_toolbar
.ow_context_action
> span.ow_context_more::before {
    content: "\25BE" !important;

    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;

    font-family: Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}

/* Keep the link and arrow joined as one button */
html body
.ow_profile_gallery_action_toolbar
.ow_context_action:has(> a.ow_context_action_value) {
    display: inline-flex !important;
    align-items: stretch !important;

    height: 38px !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Flatten the right corners of the text portion so it joins
   cleanly to the arrow portion */
html body
.ow_profile_gallery_action_toolbar
.ow_context_action
> a.ow_context_action_value {
    border-radius: 8px 0 0 8px !important;
}

/* ======================================================================
   03. DASHBOARD

   Dashboard navigation and widget-specific presentation.
   ====================================================================== */

/* ==========================================================
   TABOO! DATING - DASHBOARD WIDGET TABS
   Latest / Top
   ========================================================== */

html body .ow_box_menu {
    display: flex !important;
    justify-content: flex-end !important;
    gap: 8px !important;

    margin: 0 0 12px !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
}

html body .ow_box_menu a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 95px !important;
    height: 40px !important;

    padding: 0 18px !important;
    box-sizing: border-box !important;

    font-family: Arial, sans-serif !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    color: #ffffff !important;
    text-decoration: none !important;

    background: linear-gradient(
        180deg,
        #651132 0%,
        #4b0d26 55%,
        #2b0816 100%
    ) !important;

    border: 2px solid #ff4b86 !important;
    border-radius: 9px !important;

    box-shadow:
        0 3px 8px rgba(0,0,0,.45),
        inset 0 1px 0 rgba(255,255,255,.12) !important;

    transition:
        all .18s ease !important;
}

/* Active button */

html body .ow_box_menu a.active,
html body .ow_box_menu a[class*="active"] {
    background: linear-gradient(
        180deg,
        #ff5b95 0%,
        #d42063 55%,
        #9d1044 100%
    ) !important;

    border-color: #ffd2e3 !important;

    box-shadow:
        0 0 18px rgba(255,70,140,.55),
        inset 0 1px 0 rgba(255,255,255,.20) !important;
}

/* Hover */

html body .ow_box_menu a:hover {
    background: linear-gradient(
        180deg,
        #811840 0%,
        #621330 55%,
        #39091b 100%
    ) !important;

    border-color: #ff9ac0 !important;

    transform: translateY(-2px);

    box-shadow:
        0 6px 14px rgba(0,0,0,.50),
        0 0 16px rgba(255,70,140,.45),
        inset 0 1px 0 rgba(255,255,255,.18) !important;
}

/* Pressed */

html body .ow_box_menu a:active {
    transform: translateY(1px) scale(.98) !important;
}

/* ======================================================================
   04. NEWSFEED PLUGIN

   Feed layout, composer, verified-member items, polls, and reactions.
   ====================================================================== */

/* ==========================================================
   TABOO! DATING - NEWSFEED
   ========================================================== */
/* ==========================================================
   TABOO! SOCIAL - NEWSFEED COMMENT COUNTER
   Put in Section 04: NEWSFEED PLUGIN, after the base newsfeed
   rules and before the Newsfeed Composer rules.
   ========================================================== */

html body .ow_newsfeed_item .ow_newsfeed_control,
html body .ow_newsfeed_item .ow_newsfeed_btns {
    display: inline-flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 10px !important;
}

html body .ow_newsfeed_item .ow_newsfeed_control {
    position: relative !important;
    top: 9px !important;
}

html body .ow_newsfeed_item .ow_newsfeed_btn_wrap {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    height: 32px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: top !important;
}

html body .ow_newsfeed_item .newsfeed_comment_btn_cont,
html body .ow_newsfeed_item .ow_miniic_comment.newsfeed_comment_btn_cont {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    min-width: 34px !important;
    height: 30px !important;
    box-sizing: border-box !important;
    margin: 4px 0 0 !important;
    padding: 0 !important;
    color: #ffffff !important;
    background: linear-gradient(180deg, #b51650 0%, #7d103a 100%) !important;
    border: 2px solid #ff5f99 !important;
    border-right: 0 !important;
    border-radius: 8px 0 0 8px !important;
    box-shadow:
        0 3px 8px rgba(0, 0, 0, 0.34),
        0 0 10px rgba(255, 55, 125, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
    cursor: pointer !important;
    overflow: hidden !important;
    text-indent: -9999px !important;
}

html body .ow_newsfeed_item .newsfeed_comment_btn_cont::before,
html body .ow_newsfeed_item .ow_miniic_comment.newsfeed_comment_btn_cont::before {
    content: "" !important;
    position: absolute !important;
    left: 8px !important;
    top: 8px !important;
    width: 15px !important;
    height: 10px !important;
    box-sizing: border-box !important;
    background: rgba(255, 255, 255, 0.96) !important;
    border: 1px solid rgba(255, 210, 228, 0.95) !important;
    border-radius: 4px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.34) !important;
}

html body .ow_newsfeed_item .newsfeed_comment_btn_cont::after,
html body .ow_newsfeed_item .ow_miniic_comment.newsfeed_comment_btn_cont::after {
    content: "" !important;
    position: absolute !important;
    left: 17px !important;
    top: 17px !important;
    width: 0 !important;
    height: 0 !important;
    border-top: 5px solid rgba(255, 255, 255, 0.96) !important;
    border-right: 5px solid transparent !important;
}

html body .ow_newsfeed_item .newsfeed_counter_comments {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 30px !important;
    height: 30px !important;
    box-sizing: border-box !important;
    margin: 4px 0 0 0 !important;
    padding: 0 8px !important;
    color: #ffffff !important;
    background: linear-gradient(180deg, #5b102e 0%, #2b0716 100%) !important;
    border: 2px solid #ff5f99 !important;
    border-left: 1px solid rgba(255, 145, 188, 0.55) !important;
    border-radius: 0 8px 8px 0 !important;
    box-shadow:
        0 3px 8px rgba(0, 0, 0, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
    font-family: Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-align: center !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.82) !important;
}

html body .ow_newsfeed_item .ow_newsfeed_btn_wrap:hover .newsfeed_comment_btn_cont,
html body .ow_newsfeed_item .ow_newsfeed_btn_wrap:focus-within .newsfeed_comment_btn_cont {
    background: linear-gradient(180deg, #e02b6f 0%, #961549 100%) !important;
    border-color: #ff9ac0 !important;
    box-shadow:
        0 4px 11px rgba(0, 0, 0, 0.42),
        0 0 14px rgba(255, 75, 145, 0.40),
        inset 0 1px 0 rgba(255, 255, 255, 0.20) !important;
}

html body .ow_newsfeed_item .ow_newsfeed_btn_wrap:hover .newsfeed_counter_comments,
html body .ow_newsfeed_item .ow_newsfeed_btn_wrap:focus-within .newsfeed_counter_comments {
    border-color: #ff9ac0 !important;
    color: #ffffff !important;
}

/* Use the same single-pill treatment as question feed comments. */
html body .ow_newsfeed_item .ow_newsfeed_btn_wrap:has(.newsfeed_comment_btn_cont) {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 64px !important;
    height: 30px !important;
    box-sizing: border-box !important;
    margin: 4px 0 0 !important;
    padding: 0 8px 0 34px !important;
    color: #ffffff !important;
    background: linear-gradient(180deg, #5b102e 0%, #2b0716 100%) !important;
    border: 2px solid #ff5f99 !important;
    border-radius: 8px !important;
    box-shadow:
        0 3px 8px rgba(0, 0, 0, 0.34),
        0 0 10px rgba(255, 55, 125, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
    font-family: Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-align: center !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.82) !important;
    overflow: hidden !important;
}

html body .ow_newsfeed_item .ow_newsfeed_btn_wrap:has(.newsfeed_comment_btn_cont)::before {
    content: "" !important;
    position: absolute !important;
    left: 8px !important;
    top: 8px !important;
    width: 15px !important;
    height: 10px !important;
    box-sizing: border-box !important;
    background: rgba(255, 255, 255, 0.96) !important;
    border: 1px solid rgba(255, 210, 228, 0.95) !important;
    border-radius: 4px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.34) !important;
}

html body .ow_newsfeed_item .ow_newsfeed_btn_wrap:has(.newsfeed_comment_btn_cont)::after {
    content: "" !important;
    position: absolute !important;
    left: 17px !important;
    top: 17px !important;
    width: 0 !important;
    height: 0 !important;
    border-top: 5px solid rgba(255, 255, 255, 0.96) !important;
    border-right: 5px solid transparent !important;
}

html body .ow_newsfeed_item .ow_newsfeed_btn_wrap:has(.newsfeed_comment_btn_cont) .newsfeed_comment_btn_cont {
    display: none !important;
}

html body .ow_newsfeed_item .ow_newsfeed_btn_wrap:has(.newsfeed_comment_btn_cont) .newsfeed_counter_comments {
    display: inline !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #ffffff !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    text-indent: 0 !important;
}

html body .ow_newsfeed_item .ow_newsfeed_btn_wrap:has(.newsfeed_comment_btn_cont):hover,
html body .ow_newsfeed_item .ow_newsfeed_btn_wrap:has(.newsfeed_comment_btn_cont):focus-within {
    background: linear-gradient(180deg, #e02b6f 0%, #961549 100%) !important;
    border-color: #ff9ac0 !important;
    box-shadow:
        0 4px 11px rgba(0, 0, 0, 0.42),
        0 0 14px rgba(255, 75, 145, 0.40),
        inset 0 1px 0 rgba(255, 255, 255, 0.20) !important;
}

/* Question/poll feed items use custom q-questionsAnswers status classes. */
html body .ow_newsfeed_item[data-entity-type="question"] .ow_newsfeed_btn_wrap[class*="q-questionsAnswers_"][class*="-status-comments"],
html body .ow_newsfeed_item[data-activity-type="answer"] .ow_newsfeed_btn_wrap[class*="q-questionsAnswers_"][class*="-status-comments"] {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 64px !important;
    height: 30px !important;
    box-sizing: border-box !important;
    margin: 4px 0 0 !important;
    padding: 0 8px 0 34px !important;
    color: #ffffff !important;
    background: linear-gradient(180deg, #5b102e 0%, #2b0716 100%) !important;
    border: 2px solid #ff5f99 !important;
    border-radius: 8px !important;
    box-shadow:
        0 3px 8px rgba(0, 0, 0, 0.34),
        0 0 10px rgba(255, 55, 125, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
    font-family: Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-align: center !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.82) !important;
    overflow: hidden !important;
}

html body .ow_newsfeed_item[data-entity-type="question"] .ow_newsfeed_btn_wrap[class*="q-questionsAnswers_"][class*="-status-comments"]::before,
html body .ow_newsfeed_item[data-activity-type="answer"] .ow_newsfeed_btn_wrap[class*="q-questionsAnswers_"][class*="-status-comments"]::before {
    content: "" !important;
    position: absolute !important;
    left: 8px !important;
    top: 8px !important;
    width: 15px !important;
    height: 10px !important;
    box-sizing: border-box !important;
    background: rgba(255, 255, 255, 0.96) !important;
    border: 1px solid rgba(255, 210, 228, 0.95) !important;
    border-radius: 4px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.34) !important;
}

html body .ow_newsfeed_item[data-entity-type="question"] .ow_newsfeed_btn_wrap[class*="q-questionsAnswers_"][class*="-status-comments"]::after,
html body .ow_newsfeed_item[data-activity-type="answer"] .ow_newsfeed_btn_wrap[class*="q-questionsAnswers_"][class*="-status-comments"]::after {
    content: "" !important;
    position: absolute !important;
    left: 17px !important;
    top: 17px !important;
    width: 0 !important;
    height: 0 !important;
    border-top: 5px solid rgba(255, 255, 255, 0.96) !important;
    border-right: 5px solid transparent !important;
}

html body .ow_newsfeed_item[data-entity-type="question"] .ow_newsfeed_btn_wrap[class*="q-questionsAnswers_"][class*="-status-comments"] span,
html body .ow_newsfeed_item[data-activity-type="answer"] .ow_newsfeed_btn_wrap[class*="q-questionsAnswers_"][class*="-status-comments"] span {
    display: inline !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #ffffff !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    text-indent: 0 !important;
}

html body .ow_newsfeed_item[data-entity-type="question"] .ow_newsfeed_btn_wrap[class*="q-questionsAnswers_"][class*="-status-comments"]:hover,
html body .ow_newsfeed_item[data-activity-type="answer"] .ow_newsfeed_btn_wrap[class*="q-questionsAnswers_"][class*="-status-comments"]:hover {
    background: linear-gradient(180deg, #e02b6f 0%, #961549 100%) !important;
    border-color: #ff9ac0 !important;
    box-shadow:
        0 4px 11px rgba(0, 0, 0, 0.42),
        0 0 14px rgba(255, 75, 145, 0.40),
        inset 0 1px 0 rgba(255, 255, 255, 0.20) !important;
}

/* Photo upload feed items use the older mini-icon class names for comments. */
html body .ow_newsfeed_item[data-entity-type="multiple_photo_upload"] .ow_newsfeed_btn_wrap {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
}

html body .ow_newsfeed_item[data-entity-type="multiple_photo_upload"] .newsfeed_like_btn_cont,
html body .ow_newsfeed_item[data-entity-type="multiple_photo_upload"] .ow_miniic_like.newsfeed_like_btn_cont {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    min-width: 34px !important;
    height: 30px !important;
    box-sizing: border-box !important;
    margin: 4px 0 0 !important;
    padding: 0 !important;
    color: #ffffff !important;
    background: linear-gradient(180deg, #b51650 0%, #7d103a 100%) !important;
    border: 2px solid #ff5f99 !important;
    border-right: 0 !important;
    border-radius: 8px 0 0 8px !important;
    box-shadow:
        0 3px 8px rgba(0, 0, 0, 0.34),
        0 0 10px rgba(255, 55, 125, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
    cursor: pointer !important;
    overflow: hidden !important;
    text-indent: -9999px !important;
}

html body .ow_newsfeed_item[data-entity-type="multiple_photo_upload"] .newsfeed_like_btn_cont span,
html body .ow_newsfeed_item[data-entity-type="multiple_photo_upload"] .ow_miniic_like.newsfeed_like_btn_cont span,
html body .ow_newsfeed_item[data-entity-type="multiple_photo_upload"] .newsfeed_like_btn_cont .ow_miniic_like,
html body .ow_newsfeed_item[data-entity-type="multiple_photo_upload"] .ow_miniic_like.newsfeed_like_btn_cont .ow_miniic_like {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

html body .ow_newsfeed_item[data-entity-type="multiple_photo_upload"] .newsfeed_like_btn_cont::before,
html body .ow_newsfeed_item[data-entity-type="multiple_photo_upload"] .ow_miniic_like.newsfeed_like_btn_cont::before {
    content: "" !important;
    position: absolute !important;
    left: 8px !important;
    top: 8px !important;
    width: 15px !important;
    height: 10px !important;
    box-sizing: border-box !important;
    background: rgba(255, 255, 255, 0.96) !important;
    border: 1px solid rgba(255, 210, 228, 0.95) !important;
    border-radius: 4px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.34) !important;
}

html body .ow_newsfeed_item[data-entity-type="multiple_photo_upload"] .newsfeed_like_btn_cont::after,
html body .ow_newsfeed_item[data-entity-type="multiple_photo_upload"] .ow_miniic_like.newsfeed_like_btn_cont::after {
    content: "" !important;
    position: absolute !important;
    left: 17px !important;
    top: 17px !important;
    width: 0 !important;
    height: 0 !important;
    border-top: 5px solid rgba(255, 255, 255, 0.96) !important;
    border-right: 5px solid transparent !important;
}

html body .ow_newsfeed_item[data-entity-type="multiple_photo_upload"] .newsfeed_counter_likes {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 30px !important;
    height: 30px !important;
    box-sizing: border-box !important;
    margin: 4px 0 0 0 !important;
    padding: 0 8px !important;
    color: #ffffff !important;
    background: linear-gradient(180deg, #5b102e 0%, #2b0716 100%) !important;
    border: 2px solid #ff5f99 !important;
    border-left: 1px solid rgba(255, 145, 188, 0.55) !important;
    border-radius: 0 8px 8px 0 !important;
    box-shadow:
        0 3px 8px rgba(0, 0, 0, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
    font-family: Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-align: center !important;
    text-indent: 0 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.82) !important;
}

html body .ow_newsfeed_item[data-entity-type="multiple_photo_upload"] .ow_newsfeed_btn_wrap:hover .newsfeed_like_btn_cont,
html body .ow_newsfeed_item[data-entity-type="multiple_photo_upload"] .ow_newsfeed_btn_wrap:focus-within .newsfeed_like_btn_cont {
    background: linear-gradient(180deg, #e02b6f 0%, #961549 100%) !important;
    border-color: #ff9ac0 !important;
    box-shadow:
        0 4px 11px rgba(0, 0, 0, 0.42),
        0 0 14px rgba(255, 75, 145, 0.40),
        inset 0 1px 0 rgba(255, 255, 255, 0.20) !important;
}

html body .ow_newsfeed_item[data-entity-type="multiple_photo_upload"] .ow_newsfeed_btn_wrap:hover .newsfeed_counter_likes,
html body .ow_newsfeed_item[data-entity-type="multiple_photo_upload"] .ow_newsfeed_btn_wrap:focus-within .newsfeed_counter_likes {
    border-color: #ff9ac0 !important;
}

/* Final photo-upload comment override: make it match the normal single-pill comment counter. */
html body .ow_newsfeed_item[data-entity-type="multiple_photo_upload"] .ow_newsfeed_btn_wrap:has(.newsfeed_comment_btn_cont) {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 64px !important;
    height: 30px !important;
    box-sizing: border-box !important;
    margin: 4px 0 0 !important;
    padding: 0 8px 0 34px !important;
    color: #ffffff !important;
    background: linear-gradient(180deg, #5b102e 0%, #2b0716 100%) !important;
    border: 2px solid #ff5f99 !important;
    border-radius: 8px !important;
    box-shadow:
        0 3px 8px rgba(0, 0, 0, 0.34),
        0 0 10px rgba(255, 55, 125, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
    font-family: Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-align: center !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.82) !important;
    overflow: hidden !important;
}

html body .ow_newsfeed_item[data-entity-type="multiple_photo_upload"] .ow_newsfeed_btn_wrap:has(.newsfeed_comment_btn_cont)::before {
    content: "" !important;
    position: absolute !important;
    left: 8px !important;
    top: 8px !important;
    width: 15px !important;
    height: 10px !important;
    box-sizing: border-box !important;
    background: rgba(255, 255, 255, 0.96) !important;
    border: 1px solid rgba(255, 210, 228, 0.95) !important;
    border-radius: 4px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.34) !important;
}

html body .ow_newsfeed_item[data-entity-type="multiple_photo_upload"] .ow_newsfeed_btn_wrap:has(.newsfeed_comment_btn_cont)::after {
    content: "" !important;
    position: absolute !important;
    left: 17px !important;
    top: 17px !important;
    width: 0 !important;
    height: 0 !important;
    border-top: 5px solid rgba(255, 255, 255, 0.96) !important;
    border-right: 5px solid transparent !important;
}

html body .ow_newsfeed_item[data-entity-type="multiple_photo_upload"] .ow_newsfeed_btn_wrap:has(.newsfeed_comment_btn_cont) .newsfeed_comment_btn_cont {
    display: none !important;
}

html body .ow_newsfeed_item[data-entity-type="multiple_photo_upload"] .ow_newsfeed_btn_wrap:has(.newsfeed_comment_btn_cont) .newsfeed_counter_comments {
    display: inline !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #ffffff !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    text-indent: 0 !important;
}

html body .ow_newsfeed_item[data-entity-type="multiple_photo_upload"] .ow_newsfeed_btn_wrap:has(.newsfeed_comment_btn_cont):hover,
html body .ow_newsfeed_item[data-entity-type="multiple_photo_upload"] .ow_newsfeed_btn_wrap:has(.newsfeed_comment_btn_cont):focus-within {
    background: linear-gradient(180deg, #e02b6f 0%, #961549 100%) !important;
    border-color: #ff9ac0 !important;
    box-shadow:
        0 4px 11px rgba(0, 0, 0, 0.42),
        0 0 14px rgba(255, 75, 145, 0.40),
        inset 0 1px 0 rgba(255, 255, 255, 0.20) !important;
}

/* Photo uploads label the comment count as "like" internally. Force that fake-like control into the same comment pill. */
html body .ow_newsfeed_item[data-entity-type="multiple_photo_upload"] .ow_newsfeed_btn_wrap:has(.newsfeed_like_btn_cont) {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 64px !important;
    height: 30px !important;
    box-sizing: border-box !important;
    margin: 4px 0 0 !important;
    padding: 0 8px 0 34px !important;
    color: #ffffff !important;
    background: linear-gradient(180deg, #5b102e 0%, #2b0716 100%) !important;
    border: 2px solid #ff5f99 !important;
    border-radius: 8px !important;
    box-shadow:
        0 3px 8px rgba(0, 0, 0, 0.34),
        0 0 10px rgba(255, 55, 125, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
    font-family: Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-align: center !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.82) !important;
    overflow: hidden !important;
}

html body .ow_newsfeed_item[data-entity-type="multiple_photo_upload"] .ow_newsfeed_btn_wrap:has(.newsfeed_like_btn_cont)::before {
    content: "" !important;
    position: absolute !important;
    left: 8px !important;
    top: 8px !important;
    width: 15px !important;
    height: 10px !important;
    box-sizing: border-box !important;
    background: rgba(255, 255, 255, 0.96) !important;
    border: 1px solid rgba(255, 210, 228, 0.95) !important;
    border-radius: 4px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.34) !important;
}

html body .ow_newsfeed_item[data-entity-type="multiple_photo_upload"] .ow_newsfeed_btn_wrap:has(.newsfeed_like_btn_cont)::after {
    content: "" !important;
    position: absolute !important;
    left: 17px !important;
    top: 17px !important;
    width: 0 !important;
    height: 0 !important;
    border-top: 5px solid rgba(255, 255, 255, 0.96) !important;
    border-right: 5px solid transparent !important;
}

html body .ow_newsfeed_item[data-entity-type="multiple_photo_upload"] .ow_newsfeed_btn_wrap:has(.newsfeed_like_btn_cont) .newsfeed_like_btn_cont {
    display: none !important;
}

html body .ow_newsfeed_item[data-entity-type="multiple_photo_upload"] .ow_newsfeed_btn_wrap:has(.newsfeed_like_btn_cont) .newsfeed_counter_likes {
    display: inline !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #ffffff !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    text-indent: 0 !important;
}

html body .ow_newsfeed_item[data-entity-type="multiple_photo_upload"] .ow_newsfeed_btn_wrap:has(.newsfeed_like_btn_cont):hover,
html body .ow_newsfeed_item[data-entity-type="multiple_photo_upload"] .ow_newsfeed_btn_wrap:has(.newsfeed_like_btn_cont):focus-within {
    background: linear-gradient(180deg, #e02b6f 0%, #961549 100%) !important;
    border-color: #ff9ac0 !important;
    box-shadow:
        0 4px 11px rgba(0, 0, 0, 0.42),
        0 0 14px rgba(255, 75, 145, 0.40),
        inset 0 1px 0 rgba(255, 255, 255, 0.20) !important;
}


.ow_newsfeed_left {
    float: none !important;
    width: 100% !important;
}

.ow_newsfeed_date {
    float: none !important;
    text-align: left !important;
    font-size: var(--taboo-font-small) !important;
    line-height: 1.4 !important;
}

.ow_newsfeed_string,
.ow_newsfeed_item,
.ow_newsfeed_item_content,
.ow_newsfeed_content,
.ow_newsfeed_body,
.ow_newsfeed_body p {
    font-size: var(--taboo-font-base) !important;
    line-height: var(--taboo-line-base) !important;
}

.ow_newsfeed_avatar,
.ow_newsfeed_avatar .ow_avatar,
.ow_newsfeed_avatar .ow_avatar img,
.ow_comments_item_picture,
.ow_comments_item_picture .ow_avatar,
.ow_comments_item_picture .ow_avatar img {
    width: 80px !important;
    height: 80px !important;
}

.ow_newsfeed_body {
    margin-left: 90px !important;
    padding-left: 10px !important;
}

.ow_comments_item_info {
    margin-left: 90px !important;
    font-size: 21px !important;
    line-height: 1.45 !important;
}

.ow_newsfeed_item_picture {
    float: none !important;
    width: 100% !important;
    margin: 10px 0 !important;
}

.ow_newsfeed_item_picture img {
    max-width: 100% !important;
    height: auto !important;
}


/* ==========================================================
   TABOO! SOCIAL - NEWSFEED COMMENT COUNTER
   Put in Section 04: NEWSFEED PLUGIN, after the base newsfeed
   rules and before the Newsfeed Composer rules.
   ========================================================== */

html body .ow_newsfeed_item .ow_newsfeed_control,
html body .ow_newsfeed_item .ow_newsfeed_btns {
    display: inline-flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 10px !important;
}

html body .ow_newsfeed_item .ow_newsfeed_control {
    position: relative !important;
    top: 9px !important;
}

html body .ow_newsfeed_item .ow_newsfeed_btn_wrap {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    height: 32px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: top !important;
}

html body .ow_newsfeed_item .newsfeed_comment_btn_cont,
html body .ow_newsfeed_item .ow_miniic_comment.newsfeed_comment_btn_cont {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    min-width: 34px !important;
    height: 30px !important;
    box-sizing: border-box !important;
    margin: 4px 0 0 !important;
    padding: 0 !important;
    color: #ffffff !important;
    background: linear-gradient(180deg, #b51650 0%, #7d103a 100%) !important;
    border: 2px solid #ff5f99 !important;
    border-right-width: 1px !important;
    border-radius: 8px 0 0 8px !important;
    box-shadow:
        0 3px 8px rgba(0, 0, 0, 0.34),
        0 0 10px rgba(255, 55, 125, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
    cursor: pointer !important;
    overflow: hidden !important;
    text-indent: -9999px !important;
}

html body .ow_newsfeed_item .newsfeed_comment_btn_cont::before,
html body .ow_newsfeed_item .ow_miniic_comment.newsfeed_comment_btn_cont::before {
    content: "" !important;
    position: absolute !important;
    left: 8px !important;
    top: 8px !important;
    width: 15px !important;
    height: 10px !important;
    box-sizing: border-box !important;
    background: rgba(255, 255, 255, 0.96) !important;
    border: 1px solid rgba(255, 210, 228, 0.95) !important;
    border-radius: 4px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.34) !important;
}

html body .ow_newsfeed_item .newsfeed_comment_btn_cont::after,
html body .ow_newsfeed_item .ow_miniic_comment.newsfeed_comment_btn_cont::after {
    content: "" !important;
    position: absolute !important;
    left: 17px !important;
    top: 17px !important;
    width: 0 !important;
    height: 0 !important;
    border-top: 5px solid rgba(255, 255, 255, 0.96) !important;
    border-right: 5px solid transparent !important;
}

html body .ow_newsfeed_item .newsfeed_counter_comments {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 30px !important;
    height: 30px !important;
    box-sizing: border-box !important;
    margin: 4px 0 0 -1px !important;
    padding: 0 8px !important;
    color: #ffffff !important;
    background: linear-gradient(180deg, #5b102e 0%, #2b0716 100%) !important;
    border: 2px solid #ff5f99 !important;
    border-left-width: 1px !important;
    border-radius: 0 8px 8px 0 !important;
    box-shadow:
        0 3px 8px rgba(0, 0, 0, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
    font-family: Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-align: center !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.82) !important;
}

html body .ow_newsfeed_item .ow_newsfeed_btn_wrap:hover .newsfeed_comment_btn_cont,
html body .ow_newsfeed_item .ow_newsfeed_btn_wrap:focus-within .newsfeed_comment_btn_cont {
    background: linear-gradient(180deg, #e02b6f 0%, #961549 100%) !important;
    border-color: #ff9ac0 !important;
    box-shadow:
        0 4px 11px rgba(0, 0, 0, 0.42),
        0 0 14px rgba(255, 75, 145, 0.40),
        inset 0 1px 0 rgba(255, 255, 255, 0.20) !important;
}

html body .ow_newsfeed_item .ow_newsfeed_btn_wrap:hover .newsfeed_counter_comments,
html body .ow_newsfeed_item .ow_newsfeed_btn_wrap:focus-within .newsfeed_counter_comments {
    border-color: #ff9ac0 !important;
    color: #ffffff !important;
}

/* Question/poll feed items use custom q-questionsAnswers status classes. */
html body .ow_newsfeed_item[data-entity-type="question"] .ow_newsfeed_btn_wrap[class*="q-questionsAnswers_"][class*="-status-comments"],
html body .ow_newsfeed_item[data-activity-type="answer"] .ow_newsfeed_btn_wrap[class*="q-questionsAnswers_"][class*="-status-comments"] {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 64px !important;
    height: 30px !important;
    box-sizing: border-box !important;
    margin: 4px 0 0 !important;
    padding: 0 8px 0 34px !important;
    color: #ffffff !important;
    background: linear-gradient(180deg, #5b102e 0%, #2b0716 100%) !important;
    border: 2px solid #ff5f99 !important;
    border-radius: 8px !important;
    box-shadow:
        0 3px 8px rgba(0, 0, 0, 0.34),
        0 0 10px rgba(255, 55, 125, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
    font-family: Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-align: center !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.82) !important;
    overflow: hidden !important;
}

html body .ow_newsfeed_item[data-entity-type="question"] .ow_newsfeed_btn_wrap[class*="q-questionsAnswers_"][class*="-status-comments"]::before,
html body .ow_newsfeed_item[data-activity-type="answer"] .ow_newsfeed_btn_wrap[class*="q-questionsAnswers_"][class*="-status-comments"]::before {
    content: "" !important;
    position: absolute !important;
    left: 8px !important;
    top: 8px !important;
    width: 15px !important;
    height: 10px !important;
    box-sizing: border-box !important;
    background: rgba(255, 255, 255, 0.96) !important;
    border: 1px solid rgba(255, 210, 228, 0.95) !important;
    border-radius: 4px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.34) !important;
}

html body .ow_newsfeed_item[data-entity-type="question"] .ow_newsfeed_btn_wrap[class*="q-questionsAnswers_"][class*="-status-comments"]::after,
html body .ow_newsfeed_item[data-activity-type="answer"] .ow_newsfeed_btn_wrap[class*="q-questionsAnswers_"][class*="-status-comments"]::after {
    content: "" !important;
    position: absolute !important;
    left: 17px !important;
    top: 17px !important;
    width: 0 !important;
    height: 0 !important;
    border-top: 5px solid rgba(255, 255, 255, 0.96) !important;
    border-right: 5px solid transparent !important;
}

html body .ow_newsfeed_item[data-entity-type="question"] .ow_newsfeed_btn_wrap[class*="q-questionsAnswers_"][class*="-status-comments"] span,
html body .ow_newsfeed_item[data-activity-type="answer"] .ow_newsfeed_btn_wrap[class*="q-questionsAnswers_"][class*="-status-comments"] span {
    display: inline !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #ffffff !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    text-indent: 0 !important;
}

html body .ow_newsfeed_item[data-entity-type="question"] .ow_newsfeed_btn_wrap[class*="q-questionsAnswers_"][class*="-status-comments"]:hover,
html body .ow_newsfeed_item[data-activity-type="answer"] .ow_newsfeed_btn_wrap[class*="q-questionsAnswers_"][class*="-status-comments"]:hover {
    background: linear-gradient(180deg, #e02b6f 0%, #961549 100%) !important;
    border-color: #ff9ac0 !important;
    box-shadow:
        0 4px 11px rgba(0, 0, 0, 0.42),
        0 0 14px rgba(255, 75, 145, 0.40),
        inset 0 1px 0 rgba(255, 255, 255, 0.20) !important;
}



/* ==========================================================
   TABOO! DATING - NEWSFEED COMPOSER
   Status / Question / What's happening
   ========================================================== */


/* Main composer tabs wrapper */
html body .gtabs-tabs-c {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;

    width: 100% !important;
    box-sizing: border-box !important;

    margin: 0 0 10px !important;
    padding: 8px 10px !important;

    background: linear-gradient(
        90deg,
        rgba(37, 9, 19, 0.96) 0%,
        rgba(75, 23, 48, 0.96) 50%,
        rgba(37, 9, 19, 0.96) 100%
    ) !important;

    border: 1px solid rgba(255, 70, 120, 0.30) !important;
    border-left: 4px solid #ff3b7a !important;
    border-radius: 12px !important;

    box-shadow:
        0 3px 9px rgba(0, 0, 0, 0.42),
        0 0 14px rgba(255, 30, 90, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}


/* Individual Status / Question tabs */
html body .gtabs-tabs-c .gtabs-tab-c {
    display: block !important;
    float: none !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* Actual tab links */
html body .gtabs-tabs-c .gtabs-tab-c > a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;

    min-height: 42px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 8px 16px !important;

    color: #ffffff !important;

    background: linear-gradient(
        180deg,
        #651132 0%,
        #4b0d26 55%,
        #2b0816 100%
    ) !important;

    border: 2px solid #ff4b86 !important;
    border-radius: 9px !important;

    font-family: Arial, sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    text-align: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;

    box-shadow:
        0 2px 6px rgba(0, 0, 0, 0.42),
        inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;

    transition:
        transform 0.15s ease,
        border-color 0.20s ease,
        box-shadow 0.20s ease,
        background 0.20s ease !important;
}


/* Icons and text inside the tabs */
html body .gtabs-tabs-c .gtabs-tab-c > a span,
html body .gtabs-tabs-c .gtabs-tab-c > a [class*="ow_ic_"] {
    color: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
}


/* Hover */
html body .gtabs-tabs-c .gtabs-tab-c > a:hover {
    color: #ffffff !important;

    background: linear-gradient(
        180deg,
        #7b163d 0%,
        #5d1230 55%,
        #340a1a 100%
    ) !important;

    border-color: #ff8ab6 !important;

    transform: translateY(-1px);

    box-shadow:
        0 4px 10px rgba(0, 0, 0, 0.52),
        0 0 13px rgba(255, 60, 130, 0.45),
        inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}


/* Active tab */
html body .gtabs-tabs-c .gtabs-tab-c.gtabs-active > a,
html body .gtabs-tabs-c .gtabs-tab-c > a.gtabs-active {
    color: #ffffff !important;

    background: linear-gradient(
        180deg,
        #ff5b95 0%,
        #d42063 55%,
        #9d1044 100%
    ) !important;

    border-color: #ffc2d8 !important;

    box-shadow:
        0 0 16px rgba(255, 80, 140, 0.58),
        inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}


/* Composer content area */
html body .gtabs-contents-c {
    width: 100% !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* What's happening textarea */
html body #feed1 textarea,
html body .gtabs-contents-c textarea,
html body .ow_newsfeed_status_input textarea {
    display: block !important;

    width: 100% !important;
    min-height: 64px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 12px 15px !important;

    color: #111111 !important;
    caret-color: #111111 !important;

    background: #ffffff !important;

    border: 2px solid #ff4b86 !important;
    border-radius: 10px !important;

    font-family: Arial, sans-serif !important;
    font-size: 22px !important;
    font-weight: 400 !important;
    line-height: 1.3 !important;

    resize: vertical !important;
    outline: none !important;

    box-shadow:
        inset 0 2px 5px rgba(0, 0, 0, 0.18),
        0 0 10px rgba(255, 50, 120, 0.24) !important;

    transition:
        border-color 0.20s ease,
        box-shadow 0.20s ease !important;
}


/* Placeholder */
html body #feed1 textarea::placeholder,
html body .gtabs-contents-c textarea::placeholder,
html body .ow_newsfeed_status_input textarea::placeholder {
    color: #777777 !important;
    opacity: 1 !important;
}


/* Focused composer */
html body #feed1 textarea:focus,
html body .gtabs-contents-c textarea:focus,
html body .ow_newsfeed_status_input textarea:focus {
    border-color: #ffc2d8 !important;

    box-shadow:
        inset 0 2px 5px rgba(0, 0, 0, 0.16),
        0 0 17px rgba(255, 70, 140, 0.58) !important;
}

/* ==========================================================
   TABOO! DATING - VERIFIED MEMBER NEWSFEED
   ========================================================== */

.ow_newsfeed_item[data-entity-type="verifiedmembers-verified"]
.ow_newsfeed_content .clearfix {
    display: flex !important;
    align-items: flex-start !important;
    gap: 14px !important;
}

.ow_newsfeed_item[data-entity-type="verifiedmembers-verified"]
.ow_user_list_picture {
    float: none !important;
    width: 70px !important;
    min-width: 70px !important;
    margin: 0 !important;
}

.ow_newsfeed_item[data-entity-type="verifiedmembers-verified"]
.ow_user_list_picture .ow_avatar {
    margin: 0 !important;
}

.ow_newsfeed_item[data-entity-type="verifiedmembers-verified"]
.ow_user_list_data {
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    padding-top: 4px !important;
    line-height: 1.4 !important;
}

/* ==========================================================
   TABOO! DATING - NEWSFEED QUESTIONS / POLLS
   ========================================================== */

.ow_newsfeed_item[data-entity-type="question"] .questions-answers {
    width: 100% !important;
    margin-top: 14px !important;
}

.ow_newsfeed_item[data-entity-type="question"] .questions-answer {
    display: block !important;
    width: 100% !important;
    clear: both !important;
    margin: 10px 0 !important;
}

.ow_newsfeed_item[data-entity-type="question"] .qa-check {
    float: left !important;
    width: 24px !important;
    margin-top: 10px !important;
}

.ow_newsfeed_item[data-entity-type="question"] .qa-users {
    display: none !important;
}

.ow_newsfeed_item[data-entity-type="question"] .qa-content {
    margin-left: 34px !important;
    width: auto !important;
}

.ow_newsfeed_item[data-entity-type="question"] .qa-content-clip,
.ow_newsfeed_item[data-entity-type="question"] .qa-content-wrap,
.ow_newsfeed_item[data-entity-type="question"] .qa-text {
    width: 100% !important;
    box-sizing: border-box !important;
    font-size: 21px !important;
    line-height: 1.45 !important;
}

/* ==========================================================
   TABOO! DATING - POLL VOTE COUNT READABILITY
   ========================================================== */

html body .questions-answer .qa-hover-c,
html body .questions-answer .qa-hover-c.q-opacity10 {
    opacity: 1 !important;
}

html body .questions-answer .qa-votes,
html body .questions-answer .qa-votes *,
html body .questions-answer .qa-votes .qa-vote-n {
    color: #ffffff !important;

    font-family: Arial, sans-serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    white-space: nowrap !important;
    opacity: 1 !important;

    text-shadow:
        -2px -2px 0 #000000,
         2px -2px 0 #000000,
        -2px  2px 0 #000000,
         2px  2px 0 #000000,
        -2px  0   0 #000000,
         2px  0   0 #000000,
         0   -2px 0 #000000,
         0    2px 0 #000000 !important;
}

/* ----------------------------------------------------------------------
   Reactions plugin: Newsfeed integration

   The profile component uses the same internal reaction classes, but its
   outer selector is profile-specific. These rules carry the same visual
   language into feed items while keeping the controls compact enough for
   the newsfeed toolbar.
   ---------------------------------------------------------------------- */

html body .ow_newsfeed_item .reactionsContainer,
html body .ow_newsfeed_item .codemonster-reaction {
    position: relative !important;
    display: inline-flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
    width: auto !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 4px 0 !important;
    color: #ffffff !important;
    background: transparent !important;
    border: 0 !important;
}

html body .ow_newsfeed_item .like-btn {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    min-width: 92px !important;
    height: 34px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 12px !important;
    color: #ffffff !important;
    background: linear-gradient(180deg, #b51650 0%, #7d103a 100%) !important;
    border: 2px solid #ff5f99 !important;
    border-radius: 999px !important;
    cursor: pointer !important;
    text-decoration: none !important;
    box-shadow:
        0 3px 9px rgba(0, 0, 0, 0.42),
        0 0 11px rgba(255, 45, 120, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
    transition:
        transform 0.16s ease,
        border-color 0.16s ease,
        box-shadow 0.16s ease,
        background 0.16s ease !important;
}

html body .ow_newsfeed_item .like-btn:hover,
html body .ow_newsfeed_item .like-btn:focus-visible {
    transform: translateY(-1px) !important;
    background: linear-gradient(180deg, #e02b6f 0%, #961549 100%) !important;
    border-color: #ff9ac0 !important;
    box-shadow:
        0 5px 13px rgba(0, 0, 0, 0.46),
        0 0 16px rgba(255, 70, 145, 0.46),
        inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}

html body .ow_newsfeed_item .like-btn-emo {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 21px !important;
    height: 21px !important;
    min-width: 21px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #ffffff !important;
    background-color: #9d1044 !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: 16px 16px !important;
    border: 1px solid rgba(255, 180, 210, 0.75) !important;
    border-radius: 50% !important;
    box-shadow: 0 0 8px rgba(255, 45, 120, 0.60) !important;
}

html body .ow_newsfeed_item .like-btn-emo::before {
    content: "" !important;
    display: none !important;
}

html body .ow_newsfeed_item .like-btn-text {
    display: inline-block !important;
    color: #ffffff !important;
    font-family: Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.82) !important;
}

html body .ow_newsfeed_item .reactions-box {
    position: absolute !important;
    left: 0 !important;
    bottom: calc(100% + 8px) !important;
    z-index: 100 !important;
    display: inline-flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 7px !important;
    width: max-content !important;
    min-width: 0 !important;
    max-width: none !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 8px !important;
    list-style: none !important;
    color: #ffffff !important;
    background: linear-gradient(145deg, #5d0d2f 0%, #1a020d 100%) !important;
    border: 1px solid rgba(255, 105, 160, 0.58) !important;
    border-radius: 12px !important;
    box-shadow:
        0 8px 22px rgba(0, 0, 0, 0.52),
        0 0 18px rgba(255, 55, 125, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.10) !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateY(4px) !important;
    transition:
        opacity 0.14s ease,
        visibility 0.14s ease,
        transform 0.14s ease !important;
}

html body .ow_newsfeed_item .codemonster-reaction:hover .reactions-box,
html body .ow_newsfeed_item .codemonster-reaction:focus-within .reactions-box,
html body .ow_newsfeed_item .reactionsContainer:hover .reactions-box,
html body .ow_newsfeed_item .reactionsContainer:focus-within .reactions-box,
html body .ow_newsfeed_item .like-btn:hover .reactions-box,
html body .ow_newsfeed_item .like-btn:focus-within .reactions-box {
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
}

html body .ow_newsfeed_item .reactions-box li {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #ffffff !important;
    background-color: #9d1044 !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: 26px 26px !important;
    border: 1px solid rgba(255, 170, 205, 0.72) !important;
    border-radius: 999px !important;
    cursor: pointer !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    animation: none !important;
    box-shadow:
        0 3px 8px rgba(0, 0, 0, 0.42),
        0 0 10px rgba(255, 55, 125, 0.32) !important;
    transition:
        transform 0.14s ease,
        box-shadow 0.14s ease,
        border-color 0.14s ease !important;
}

html body .ow_newsfeed_item .reactions-box li:hover,
html body .ow_newsfeed_item .reactions-box li:focus-visible {
    transform: translateY(-3px) !important;
    border-color: #ffffff !important;
    box-shadow:
        0 6px 14px rgba(0, 0, 0, 0.46),
        0 0 18px rgba(255, 75, 145, 0.58) !important;
}

html body .ow_newsfeed_item .reactions-box li::before {
    content: "" !important;
    display: none !important;
}

html body .ow_newsfeed_item .reactions-box li::after {
    content: attr(data-reaction) !important;
    position: absolute !important;
    left: 50% !important;
    top: calc(100% + 5px) !important;
    z-index: 110 !important;
    display: block !important;
    width: max-content !important;
    max-width: 90px !important;
    padding: 3px 7px !important;
    color: #ffffff !important;
    background: rgba(30, 2, 14, 0.96) !important;
    border: 1px solid rgba(255, 105, 160, 0.60) !important;
    border-radius: 999px !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.36) !important;
    font-family: Arial, sans-serif !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-align: center !important;
    text-indent: 0 !important;
    white-space: nowrap !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateX(-50%) translateY(-2px) !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.80) !important;
    transition:
        opacity 0.12s ease,
        visibility 0.12s ease,
        transform 0.12s ease !important;
}

html body .ow_newsfeed_item .reactions-box li:hover::after,
html body .ow_newsfeed_item .reactions-box li:focus-visible::after {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateX(-50%) translateY(0) !important;
}

html body .ow_newsfeed_item .like-stat {
    display: inline-flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 6px !important;
    width: auto !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #ffd7e5 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}

html body .ow_newsfeed_item .like-stat *,
html body .ow_newsfeed_item .like-stat a {
    color: #ffd7e5 !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}

/* The picker must escape the feed toolbar and neighboring content. */
html body .ow_newsfeed_item,
html body .ow_newsfeed_item .ow_newsfeed_body,
html body .ow_newsfeed_item .ow_newsfeed_left,
html body .ow_newsfeed_item .ow_newsfeed_btns {
    overflow: visible !important;
}

@media (max-width: 640px) {
    html body .ow_newsfeed_item .like-btn {
        min-width: 84px !important;
        height: 32px !important;
        padding: 0 10px !important;
    }

    html body .ow_newsfeed_item .like-btn-text {
        font-size: 13px !important;
    }

    html body .ow_newsfeed_item .reactions-box {
        left: 0 !important;
        gap: 5px !important;
        padding: 7px !important;
    }

    html body .ow_newsfeed_item .reactions-box li {
        width: 33px !important;
        height: 33px !important;
        min-width: 33px !important;
        min-height: 33px !important;
        background-size: 24px 24px !important;
    }
}

/* ======================================================================
   05. PROFILES & PROFILE REACTIONS

   Profile toolbars, detail widgets, forms, privacy, and reaction controls.
   ====================================================================== */

/* ==========================================================
   TABOO! DATING - PROFILE ACTION TOOLBAR
   ========================================================== */

.ow_profile_gallery_action_toolbar.ow_profile_action_toolbar_wrap {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    gap: 4px !important;
    width: 100% !important;
    overflow: visible !important;
}

/* Send Message / Remove from Friends / Unfollow */
.ow_profile_gallery_action_toolbar
> ul.ow_profile_action_toolbar {
    display: flex !important;
    flex: 0 0 auto !important;
    align-items: flex-start !important;
    gap: 4px !important;

    float: none !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

.ow_profile_gallery_action_toolbar
> ul.ow_profile_action_toolbar
> li {
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* More and Moderation containers */
.ow_profile_gallery_action_toolbar
> .ow_context_action_block {
    position: relative !important;
    flex: 0 0 auto !important;
    float: none !important;

    width: auto !important;
    height: 38px !important;

    margin: 0 !important;
    padding: 0 !important;
}

/* Push only Moderation right */
.ow_profile_gallery_action_toolbar
> .ow_context_action_block:last-child {
    margin-left: auto !important;
    transform: none !important;
}

/* Dropdown-button wrappers */
.ow_profile_gallery_action_toolbar
> .ow_context_action_block
.ow_context_action,
.ow_profile_gallery_action_toolbar
> .ow_context_action_block
.ow_context_action_value_block {
    display: block !important;
    width: auto !important;
    height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* More and Moderation buttons */
.ow_profile_gallery_action_toolbar
> .ow_context_action_block
.ow_context_action_value {
    display: inline-flex !important;
    align-items: center !important;

    width: auto !important;
    height: 38px !important;
    min-height: 38px !important;

    box-sizing: border-box !important;
    margin: 0 !important;

    line-height: normal !important;
    white-space: nowrap !important;
}

/* Dropdown placement */
.ow_profile_gallery_action_toolbar
.ow_context_action_wrap {
    position: absolute !important;
    top: 38px !important;
    left: 0 !important;
    right: auto !important;
    z-index: 9999 !important;
}

/* Moderation dropdown opens left */
.ow_profile_gallery_action_toolbar
> .ow_context_action_block:last-child
.ow_context_action_wrap {
    left: auto !important;
    right: 0 !important;
}

/* More container */
.ow_profile_gallery_action_toolbar
> .ow_context_action_block:first-of-type {
    width: fit-content !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    transform: translateX(-10px);
}

.ow_profile_gallery_action_toolbar
> .ow_context_action_block:first-of-type
.ow_context_action,
.ow_profile_gallery_action_toolbar
> .ow_context_action_block:first-of-type
.ow_context_action_value_block {
    width: fit-content !important;
    min-width: 0 !important;
}

.ow_profile_gallery_action_toolbar
> .ow_context_action_block:first-of-type
.ow_context_action_value {
    width: auto !important;
    min-width: 0 !important;
    padding-left: 9px !important;
    padding-right: 21px !important;
}

/* Restore and vertically center More / Moderation text */
.ow_profile_gallery_action_toolbar
> .ow_context_action_block
.ow_context_action_value {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    height: 38px !important;
    min-height: 38px !important;

    padding-top: 0 !important;
    padding-bottom: 0 !important;

    font-family: Arial, sans-serif !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 1 !important;

    letter-spacing: normal !important;
    text-transform: none !important;
    vertical-align: middle !important;
}

/* ==========================================================
   TABOO! DATING - PROFILE ACTION BUTTON STYLING
   Send Message / Menu Actions / More / Moderation
   ========================================================== */


/* ----------------------------------------------------------
   Regular profile action buttons
   Send Message / Remove from Friends / Follow / etc.
   ---------------------------------------------------------- */

html body
.ow_profile_gallery_action_toolbar
> ul.ow_profile_action_toolbar
> li
> a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    height: 38px !important;
    min-height: 38px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 0 14px !important;

    color: #ffffff !important;

    background-color: #4b0d26 !important;
    background-image: linear-gradient(
        180deg,
        #651132 0%,
        #4b0d26 55%,
        #2b0816 100%
    ) !important;
    background-repeat: no-repeat !important;

    border: 1px solid #ff4b86 !important;
    border-radius: 8px !important;

    font-family: Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    text-align: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;

    box-shadow:
        0 3px 7px rgba(0, 0, 0, 0.42),
        0 0 9px rgba(255, 50, 120, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;

    transition:
        transform 0.15s ease,
        background 0.20s ease,
        border-color 0.20s ease,
        box-shadow 0.20s ease !important;
}


/* Remove stock backgrounds from anything inside */
html body
.ow_profile_gallery_action_toolbar
> ul.ow_profile_action_toolbar
> li
> a
* {
    color: inherit !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    font: inherit !important;
    line-height: inherit !important;
}


/* Regular action button hover */
html body
.ow_profile_gallery_action_toolbar
> ul.ow_profile_action_toolbar
> li
> a:hover {
    color: #ffffff !important;

    background-image: linear-gradient(
        180deg,
        #7b163d 0%,
        #5d1230 55%,
        #340a1a 100%
    ) !important;

    border-color: #ff8ab6 !important;

    transform: translateY(-1px);

    box-shadow:
        0 5px 11px rgba(0, 0, 0, 0.52),
        0 0 15px rgba(255, 70, 140, 0.50),
        inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}


/* Regular action button pressed */
html body
.ow_profile_gallery_action_toolbar
> ul.ow_profile_action_toolbar
> li
> a:active {
    transform: translateY(1px) scale(0.98) !important;
}


/* ----------------------------------------------------------
   More and Moderation buttons
   Removes stock white dropdown-arrow artwork
   ---------------------------------------------------------- */

/* Align both dropdown controls with the regular buttons */
html body
.ow_profile_gallery_action_toolbar
> .ow_context_action_block {
    position: relative !important;
    top: 3px !important;
    vertical-align: top !important;
}

/* Reset Oxwall's button wrappers */
html body
.ow_profile_gallery_action_toolbar
> .ow_context_action_block
.ow_context_action,

html body
.ow_profile_gallery_action_toolbar
> .ow_context_action_block
.ow_context_action_value_block {
    display: inline-block !important;

    width: auto !important;
    height: 38px !important;
    min-height: 38px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    background-image: none !important;

    border: 0 !important;
    box-shadow: none !important;
}

/* Remove stock white arrow/background elements */
html body
.ow_profile_gallery_action_toolbar
> .ow_context_action_block
.ow_context_action::before,

html body
.ow_profile_gallery_action_toolbar
> .ow_context_action_block
.ow_context_action::after,

html body
.ow_profile_gallery_action_toolbar
> .ow_context_action_block
.ow_context_action_value_block::before,

html body
.ow_profile_gallery_action_toolbar
> .ow_context_action_block
.ow_context_action_value_block::after {
    display: none !important;
    content: none !important;

    background: none !important;
    background-image: none !important;

    border: 0 !important;
    box-shadow: none !important;
}

/* Actual More / Moderation button */
html body
.ow_profile_gallery_action_toolbar
> .ow_context_action_block
.ow_context_action_value {
    position: relative !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    height: 38px !important;
    min-height: 38px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 0 34px 0 14px !important;

    color: #ffffff !important;

    background-color: #4b0d26 !important;
    background-image: linear-gradient(
        180deg,
        #651132 0%,
        #4b0d26 55%,
        #2b0816 100%
    ) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;

    border: 1px solid #ff4b86 !important;
    border-radius: 8px !important;

    font-family: Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    text-align: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;

    box-shadow:
        0 3px 7px rgba(0, 0, 0, 0.42),
        0 0 9px rgba(255, 50, 120, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;

    cursor: pointer !important;

    transition:
        transform 0.15s ease,
        background 0.20s ease,
        border-color 0.20s ease,
        box-shadow 0.20s ease !important;
}

/* Clean CSS dropdown arrow */
html body
.ow_profile_gallery_action_toolbar
> .ow_context_action_block
.ow_context_action_value::after {
    content: "" !important;

    position: absolute !important;
    top: 50% !important;
    right: 13px !important;

    display: block !important;

    width: 0 !important;
    height: 0 !important;

    margin: -2px 0 0 !important;
    padding: 0 !important;

    background: transparent !important;

    border-left: 5px solid transparent !important;
    border-right: 5px solid transparent !important;
    border-top: 6px solid #ffffff !important;

    opacity: 0.9 !important;
    pointer-events: none !important;
}

/* More / Moderation hover */
html body
.ow_profile_gallery_action_toolbar
> .ow_context_action_block
.ow_context_action_value:hover {
    color: #ffffff !important;

    background-image: linear-gradient(
        180deg,
        #7b163d 0%,
        #5d1230 55%,
        #340a1a 100%
    ) !important;

    border-color: #ff8ab6 !important;

    transform: translateY(-1px) !important;

    box-shadow:
        0 5px 11px rgba(0, 0, 0, 0.52),
        0 0 15px rgba(255, 70, 140, 0.50),
        inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}

/* More / Moderation pressed */
html body
.ow_profile_gallery_action_toolbar
> .ow_context_action_block
.ow_context_action_value:active {
    transform: translateY(1px) scale(0.98) !important;
}


/* ----------------------------------------------------------
   Dropdown menus opened by More and Moderation
   ---------------------------------------------------------- */

html body
.ow_profile_gallery_action_toolbar
.ow_context_action_wrap {
    min-width: 190px !important;

    padding: 7px !important;

    background: linear-gradient(
        145deg,
        rgba(48, 7, 27, 0.99) 0%,
        rgba(20, 2, 12, 0.99) 100%
    ) !important;

    border: 1px solid rgba(255, 90, 145, 0.48) !important;
    border-left: 4px solid #ff4b86 !important;
    border-radius: 9px !important;

    box-shadow:
        0 8px 18px rgba(0, 0, 0, 0.58),
        0 0 16px rgba(255, 45, 115, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
}


/* Dropdown list reset */
html body
.ow_profile_gallery_action_toolbar
.ow_context_action_wrap ul,
html body
.ow_profile_gallery_action_toolbar
.ow_context_action_wrap li {
    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;

    list-style: none !important;
}


/* Dropdown choices */
html body
.ow_profile_gallery_action_toolbar
.ow_context_action_wrap a {
    display: block !important;

    width: 100% !important;
    box-sizing: border-box !important;

    margin: 0 0 5px !important;
    padding: 8px 11px !important;

    color: #ffd8e7 !important;
    background: rgba(255, 75, 135, 0.08) !important;

    border: 1px solid rgba(255, 85, 145, 0.24) !important;
    border-radius: 6px !important;

    font-family: Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;

    text-align: left !important;
    text-decoration: none !important;
    white-space: normal !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}


/* Remove extra margin from last dropdown choice */
html body
.ow_profile_gallery_action_toolbar
.ow_context_action_wrap li:last-child a {
    margin-bottom: 0 !important;
}


/* Dropdown choice hover */
html body
.ow_profile_gallery_action_toolbar
.ow_context_action_wrap a:hover {
    color: #ffffff !important;

    background: rgba(255, 75, 135, 0.22) !important;
    border-color: #ff8ab6 !important;

    box-shadow:
        0 0 10px rgba(255, 65, 135, 0.38),
        inset 0 1px 0 rgba(255, 255, 255, 0.10) !important;
}

/* ==========================================================
   TABOO! DATING - PROFILE DETAILS "POP"
   ========================================================== */

/* Framed profile-information panel */
html body
.profile-BASE_CMP_UserViewWidget
.user_profile_data {
    position: relative !important;
    overflow: hidden !important;

    width: 100% !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 18px !important;

    color: #ffffff !important;
    background: linear-gradient(
        145deg,
        rgba(65, 7, 34, 0.96) 0%,
        rgba(31, 3, 17, 0.98) 52%,
        rgba(19, 2, 11, 0.99) 100%
    ) !important;

    border: 1px solid rgba(255, 75, 135, 0.48) !important;
    border-radius: 13px !important;

    box-shadow:
        0 8px 22px rgba(0, 0, 0, 0.48),
        0 0 18px rgba(255, 45, 115, 0.20),
        inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
}

/* Pink highlight across the top of the panel */
html body
.profile-BASE_CMP_UserViewWidget
.user_profile_data::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;

    width: 100% !important;
    height: 3px !important;

    background: linear-gradient(
        90deg,
        transparent 0%,
        #ff3b7a 18%,
        #ff86b5 50%,
        #ff3b7a 82%,
        transparent 100%
    ) !important;

    box-shadow: 0 0 13px rgba(255, 65, 135, 0.72) !important;
}

/* Each visible profile section */
html body
.profile-BASE_CMP_UserViewWidget
.user_profile_data table.ow_table_3 {
    width: 100% !important;
    box-sizing: border-box !important;

    margin: 0 0 14px !important;
    padding: 0 !important;

    border-collapse: separate !important;
    border-spacing: 0 8px !important;

    background: transparent !important;
    border: 0 !important;
}

html body
.profile-BASE_CMP_UserViewWidget
.user_profile_data table.ow_table_3:last-child {
    margin-bottom: 0 !important;
}

html body
.profile-BASE_CMP_UserViewWidget
.user_profile_data table.ow_table_3 tr,
html body
.profile-BASE_CMP_UserViewWidget
.user_profile_data table.ow_table_3 td {
    background-image: none !important;
    border: 0 !important;
}

/* Left-hand field labels */
html body
.profile-BASE_CMP_UserViewWidget
.user_profile_data table.ow_table_3 td.ow_label {
    width: 30% !important;
    box-sizing: border-box !important;

    padding: 12px 15px !important;

    color: #ffd7e6 !important;
    background: linear-gradient(
        90deg,
        #70143a 0%,
        #4c0d28 62%,
        #35091d 100%
    ) !important;

    border-left: 4px solid #ff4b86 !important;
    border-radius: 9px 0 0 9px !important;

    font-family: Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
    letter-spacing: 0.35px !important;

    text-align: left !important;
    vertical-align: top !important;
    overflow-wrap: anywhere !important;

    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.85) !important;

    box-shadow:
        0 3px 8px rgba(0, 0, 0, 0.30),
        inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

/* Right-hand profile answers */
html body
.profile-BASE_CMP_UserViewWidget
.user_profile_data table.ow_table_3 td.ow_value {
    width: 70% !important;
    box-sizing: border-box !important;

    padding: 12px 16px !important;

    color: #ffffff !important;
    background: linear-gradient(
        90deg,
        rgba(255, 255, 255, 0.095) 0%,
        rgba(255, 255, 255, 0.045) 100%
    ) !important;

    border: 1px solid rgba(255, 105, 160, 0.20) !important;
    border-left: 0 !important;
    border-radius: 0 9px 9px 0 !important;

    font-family: Arial, sans-serif !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 1.45 !important;

    text-align: left !important;
    vertical-align: top !important;
    overflow-wrap: anywhere !important;

    box-shadow:
        0 3px 8px rgba(0, 0, 0, 0.26),
        inset 0 1px 0 rgba(255, 255, 255, 0.055) !important;
}

/* Pink links inside answers */
html body
.profile-BASE_CMP_UserViewWidget
.user_profile_data table.ow_table_3 td.ow_value a {
    color: #ff91bd !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

html body
.profile-BASE_CMP_UserViewWidget
.user_profile_data table.ow_table_3 td.ow_value a:hover {
    color: #ffffff !important;
    text-shadow: 0 0 9px rgba(255, 85, 150, 0.72) !important;
}

/* Give the row a restrained glow when someone points at it */
html body
.profile-BASE_CMP_UserViewWidget
.user_profile_data table.ow_table_3 tr:hover td.ow_label {
    color: #ffffff !important;
    background: linear-gradient(
        90deg,
        #8f1948 0%,
        #621332 62%,
        #430b24 100%
    ) !important;

    border-left-color: #ff8ab6 !important;
}

html body
.profile-BASE_CMP_UserViewWidget
.user_profile_data table.ow_table_3 tr:hover td.ow_value {
    background: linear-gradient(
        90deg,
        rgba(255, 85, 145, 0.15) 0%,
        rgba(255, 255, 255, 0.065) 100%
    ) !important;

    border-color: rgba(255, 125, 175, 0.38) !important;

    box-shadow:
        0 3px 9px rgba(0, 0, 0, 0.30),
        0 0 12px rgba(255, 55, 125, 0.16),
        inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
}

/* Stack long profile fields cleanly on phones */
@media (max-width: 620px) {
    html body
    .profile-BASE_CMP_UserViewWidget
    .user_profile_data {
        padding: 12px !important;
    }

    html body
    .profile-BASE_CMP_UserViewWidget
    .user_profile_data table.ow_table_3,
    html body
    .profile-BASE_CMP_UserViewWidget
    .user_profile_data table.ow_table_3 tbody,
    html body
    .profile-BASE_CMP_UserViewWidget
    .user_profile_data table.ow_table_3 tr,
    html body
    .profile-BASE_CMP_UserViewWidget
    .user_profile_data table.ow_table_3 td {
        display: block !important;
        width: 100% !important;
    }

    html body
    .profile-BASE_CMP_UserViewWidget
    .user_profile_data table.ow_table_3 tr {
        margin: 0 0 10px !important;
    }

    html body
    .profile-BASE_CMP_UserViewWidget
    .user_profile_data table.ow_table_3 td.ow_label {
        padding: 9px 12px !important;
        border-radius: 9px 9px 0 0 !important;
    }

    html body
    .profile-BASE_CMP_UserViewWidget
    .user_profile_data table.ow_table_3 td.ow_value {
        padding: 11px 12px !important;
        border: 1px solid rgba(255, 105, 160, 0.22) !important;
        border-top: 0 !important;
        border-radius: 0 0 9px 9px !important;
    }
}

/* ==========================================================
   TABOO! DATING - PROFILE WIDGET "VIEW ALL" BUTTONS
   ========================================================== */

html body
.ow_dnd_widget[class*="profile-"]
ul.ow_box_toolbar.ow_bl > li > a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 38px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 7px 15px !important;

    color: #ffffff !important;
    background: linear-gradient(
        180deg,
        #651132 0%,
        #4b0d26 52%,
        #2b0816 100%
    ) !important;

    border: 2px solid #ff4b86 !important;
    border-radius: 8px !important;

    font-family: Arial, sans-serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    letter-spacing: 0.2px !important;

    text-align: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;

    box-shadow:
        0 3px 7px rgba(0, 0, 0, 0.42),
        0 0 9px rgba(255, 50, 120, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;

    cursor: pointer !important;

    transition:
        transform 0.15s ease,
        background 0.20s ease,
        border-color 0.20s ease,
        box-shadow 0.20s ease !important;
}

html body
.ow_dnd_widget[class*="profile-"]
ul.ow_box_toolbar.ow_bl > li > a:hover {
    color: #ffffff !important;
    background: linear-gradient(
        180deg,
        #811840 0%,
        #621330 52%,
        #39091b 100%
    ) !important;

    border-color: #ff9ac0 !important;
    transform: translateY(-2px) !important;

    box-shadow:
        0 6px 13px rgba(0, 0, 0, 0.50),
        0 0 16px rgba(255, 70, 140, 0.52),
        inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}

html body
.ow_dnd_widget[class*="profile-"]
ul.ow_box_toolbar.ow_bl > li > a:focus-visible {
    color: #ffffff !important;
    border-color: #ffd2e3 !important;
    outline: 2px solid #ffffff !important;
    outline-offset: 3px !important;

    box-shadow:
        0 0 0 3px rgba(255, 75, 135, 0.38),
        0 0 17px rgba(255, 70, 140, 0.56) !important;
}

html body
.ow_dnd_widget[class*="profile-"]
ul.ow_box_toolbar.ow_bl > li > a:active {
    transform: translateY(1px) scale(0.98) !important;

    box-shadow:
        inset 0 3px 6px rgba(0, 0, 0, 0.44),
        0 0 7px rgba(255, 50, 120, 0.24) !important;
}

/* ==========================================================
   TABOO! DATING - PROFILE EDIT & PREFERENCES FORMS
   ========================================================== */

/* Target the Profile Edit form plus the common Oxwall names
   used by Profile Preferences / User Settings forms. */
html body .ow_content :is(
    form#editForm,
    form#userSettingsForm,
    form[name="userSettingsForm"],
    form[id*="preference" i],
    form[name*="preference" i],
    form[action*="profile/edit" i],
    form[action*="preference" i]
) table.ow_form {
    width: 100% !important;
    box-sizing: border-box !important;
    border-collapse: separate !important;
    border-spacing: 0 7px !important;

    margin: 14px 0 24px !important;
    padding: 8px !important;

    color: #ffffff !important;
    background: linear-gradient(
        145deg,
        rgba(61, 7, 31, 0.98) 0%,
        rgba(31, 3, 16, 0.98) 62%,
        rgba(18, 1, 8, 0.98) 100%
    ) !important;

    border: 2px solid #ff4b86 !important;
    border-radius: 14px !important;

    box-shadow:
        0 10px 26px rgba(0, 0, 0, 0.52),
        0 0 20px rgba(255, 45, 115, 0.25),
        inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

/* Form rows */
html body .ow_content :is(
    form#editForm,
    form#userSettingsForm,
    form[name="userSettingsForm"],
    form[id*="preference" i],
    form[name*="preference" i],
    form[action*="profile/edit" i],
    form[action*="preference" i]
) table.ow_form tr:not(.ow_tr_first):not(.ow_tr_delimiter) > td {
    box-sizing: border-box !important;
    padding: 13px 14px !important;
    vertical-align: middle !important;

    color: #fff4f8 !important;
    background: rgba(102, 20, 55, 0.34) !important;

    border: 0 !important;
    border-top: 1px solid rgba(255, 116, 166, 0.20) !important;
    border-bottom: 1px solid rgba(255, 116, 166, 0.20) !important;
}

html body .ow_content :is(
    form#editForm,
    form#userSettingsForm,
    form[name="userSettingsForm"],
    form[id*="preference" i],
    form[name*="preference" i],
    form[action*="profile/edit" i],
    form[action*="preference" i]
) table.ow_form tr:not(.ow_tr_first):not(.ow_tr_delimiter):nth-child(even) > td {
    background: rgba(70, 11, 38, 0.44) !important;
}

html body .ow_content :is(
    form#editForm,
    form#userSettingsForm,
    form[name="userSettingsForm"],
    form[id*="preference" i],
    form[name*="preference" i],
    form[action*="profile/edit" i],
    form[action*="preference" i]
) table.ow_form tr:not(.ow_tr_first):not(.ow_tr_delimiter) > td:first-child {
    border-left: 1px solid rgba(255, 116, 166, 0.20) !important;
    border-radius: 9px 0 0 9px !important;
}

html body .ow_content :is(
    form#editForm,
    form#userSettingsForm,
    form[name="userSettingsForm"],
    form[id*="preference" i],
    form[name*="preference" i],
    form[action*="profile/edit" i],
    form[action*="preference" i]
) table.ow_form tr:not(.ow_tr_first):not(.ow_tr_delimiter) > td:last-child {
    border-right: 1px solid rgba(255, 116, 166, 0.20) !important;
    border-radius: 0 9px 9px 0 !important;
}

/* Section titles such as BASIC */
html body .ow_content :is(
    form#editForm,
    form#userSettingsForm,
    form[name="userSettingsForm"],
    form[id*="preference" i],
    form[name*="preference" i],
    form[action*="profile/edit" i],
    form[action*="preference" i]
) table.ow_form tr.ow_tr_first > th,
html body .ow_content :is(
    form#editForm,
    form#userSettingsForm,
    form[name="userSettingsForm"],
    form[id*="preference" i],
    form[name*="preference" i],
    form[action*="profile/edit" i],
    form[action*="preference" i]
) table.ow_form th.ow_section {
    padding: 12px 18px !important;

    color: #ffffff !important;
    background: linear-gradient(
        90deg,
        #2b0717 0%,
        #641436 50%,
        #2b0717 100%
    ) !important;

    border: 1px solid rgba(255, 101, 157, 0.44) !important;
    border-left: 5px solid #ff3f80 !important;
    border-radius: 10px !important;

    font-family: Arial, sans-serif !important;
    font-size: 19px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.7px !important;
    text-align: center !important;
    text-transform: uppercase !important;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.72) !important;

    box-shadow:
        0 4px 10px rgba(0, 0, 0, 0.34),
        0 0 13px rgba(255, 50, 120, 0.20),
        inset 0 1px 0 rgba(255, 255, 255, 0.09) !important;
}

/* Remove the stock gray badge Oxwall sometimes nests in a section heading. */
html body .ow_content :is(
    form#editForm,
    form#userSettingsForm,
    form[name="userSettingsForm"],
    form[id*="preference" i],
    form[name*="preference" i],
    form[action*="profile/edit" i],
    form[action*="preference" i]
) table.ow_form th.ow_section span {
    padding: 0 !important;
    color: inherit !important;
    background: transparent !important;
    border: 0 !important;
    font: inherit !important;
    text-shadow: inherit !important;
}

/* Labels */
html body .ow_content :is(
    form#editForm,
    form#userSettingsForm,
    form[name="userSettingsForm"],
    form[id*="preference" i],
    form[name*="preference" i],
    form[action*="profile/edit" i],
    form[action*="preference" i]
) table.ow_form td.ow_label {
    width: 21% !important;
    color: #ffffff !important;

    font-family: Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 750 !important;
    line-height: 1.3 !important;
    text-align: right !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.72) !important;
}

/* Main field area */
html body .ow_content :is(
    form#editForm,
    form#userSettingsForm,
    form[name="userSettingsForm"],
    form[id*="preference" i],
    form[name*="preference" i],
    form[action*="profile/edit" i],
    form[action*="preference" i]
) table.ow_form td.ow_value {
    width: 54% !important;
    color: #fff8fb !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
}

/* Helpful descriptions on the right */
html body .ow_content :is(
    form#editForm,
    form#userSettingsForm,
    form[name="userSettingsForm"],
    form[id*="preference" i],
    form[name*="preference" i],
    form[action*="profile/edit" i],
    form[action*="preference" i]
) table.ow_form td.ow_desc {
    width: 25% !important;
    color: #e7b9ca !important;

    font-family: Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.42 !important;
    text-align: left !important;
}

/* Text fields, password fields, text areas, and selectors */
html body .ow_content :is(
    form#editForm,
    form#userSettingsForm,
    form[name="userSettingsForm"],
    form[id*="preference" i],
    form[name*="preference" i],
    form[action*="profile/edit" i],
    form[action*="preference" i]
) :is(input[type="text"], input[type="password"], input[type="email"], input[type="number"], textarea, select) {
    max-width: 100% !important;
    min-height: 40px !important;
    box-sizing: border-box !important;

    padding: 8px 11px !important;

    color: #fff8fb !important;
    background: #19030d !important;

    border: 1px solid #a72a5a !important;
    border-radius: 7px !important;
    outline: 0 !important;

    font-family: Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 550 !important;
    line-height: 1.3 !important;

    box-shadow:
        inset 0 2px 5px rgba(0, 0, 0, 0.55),
        0 0 0 rgba(255, 55, 125, 0) !important;

    color-scheme: dark !important;
    transition:
        border-color 0.17s ease,
        background 0.17s ease,
        box-shadow 0.17s ease !important;
}

html body .ow_content :is(
    form#editForm,
    form#userSettingsForm,
    form[name="userSettingsForm"],
    form[id*="preference" i],
    form[name*="preference" i],
    form[action*="profile/edit" i],
    form[action*="preference" i]
) textarea {
    min-height: 115px !important;
    resize: vertical !important;
}

html body .ow_content :is(
    form#editForm,
    form#userSettingsForm,
    form[name="userSettingsForm"],
    form[id*="preference" i],
    form[name*="preference" i],
    form[action*="profile/edit" i],
    form[action*="preference" i]
) :is(input, textarea, select):focus {
    color: #ffffff !important;
    background: #250512 !important;
    border-color: #ff6099 !important;

    box-shadow:
        inset 0 2px 5px rgba(0, 0, 0, 0.45),
        0 0 0 3px rgba(255, 70, 140, 0.20),
        0 0 13px rgba(255, 55, 125, 0.30) !important;
}

html body .ow_content :is(
    form#editForm,
    form#userSettingsForm,
    form[name="userSettingsForm"],
    form[id*="preference" i],
    form[name*="preference" i],
    form[action*="profile/edit" i],
    form[action*="preference" i]
) :is(input, textarea)::placeholder {
    color: #b98599 !important;
    opacity: 1 !important;
}

/* Checkbox and radio groups become easy-to-scan choice cards. */
html body .ow_content :is(
    form#editForm,
    form#userSettingsForm,
    form[name="userSettingsForm"],
    form[id*="preference" i],
    form[name*="preference" i],
    form[action*="profile/edit" i],
    form[action*="preference" i]
) :is(ul.ow_checkbox_group, ul.ow_radio_group) {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(150px, 1fr)) !important;
    gap: 7px !important;

    width: 100% !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

html body .ow_content :is(
    form#editForm,
    form#userSettingsForm,
    form[name="userSettingsForm"],
    form[id*="preference" i],
    form[name*="preference" i],
    form[action*="profile/edit" i],
    form[action*="preference" i]
) :is(ul.ow_checkbox_group, ul.ow_radio_group) > li {
    display: flex !important;
    float: none !important;
    align-items: center !important;
    gap: 8px !important;

    width: auto !important;
    min-height: 37px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 7px 10px !important;

    color: #fff4f8 !important;
    background: rgba(20, 2, 10, 0.50) !important;

    border: 1px solid rgba(255, 104, 157, 0.25) !important;
    border-radius: 7px !important;

    font-size: 15px !important;
    line-height: 1.25 !important;
}

html body .ow_content :is(
    form#editForm,
    form#userSettingsForm,
    form[name="userSettingsForm"],
    form[id*="preference" i],
    form[name*="preference" i],
    form[action*="profile/edit" i],
    form[action*="preference" i]
) :is(input[type="checkbox"], input[type="radio"]) {
    flex: 0 0 auto !important;

    width: 18px !important;
    height: 18px !important;

    margin: 0 !important;
    padding: 0 !important;

    accent-color: #ff3f80 !important;
    cursor: pointer !important;
}

/* Validation messages */
html body .ow_content :is(
    form#editForm,
    form#userSettingsForm,
    form[name="userSettingsForm"],
    form[id*="preference" i],
    form[name*="preference" i],
    form[action*="profile/edit" i],
    form[action*="preference" i]
) :is(.error, .ow_error, span.error) {
    display: block !important;
    margin-top: 6px !important;
    color: #ff9fc1 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}

/* Submit row */
html body .ow_content :is(
    form#editForm,
    form#userSettingsForm,
    form[name="userSettingsForm"],
    form[id*="preference" i],
    form[name*="preference" i],
    form[action*="profile/edit" i],
    form[action*="preference" i]
) table.ow_form td.ow_submit {
    padding: 18px 12px 11px !important;
    background: transparent !important;
    border: 0 !important;
    text-align: center !important;
}

/* Stack the old three-column table into clean cards on small screens. */
@media (max-width: 760px) {
    html body .ow_content :is(
        form#editForm,
        form#userSettingsForm,
        form[name="userSettingsForm"],
        form[id*="preference" i],
        form[name*="preference" i],
        form[action*="profile/edit" i],
        form[action*="preference" i]
    ) table.ow_form {
        display: block !important;
        padding: 6px !important;
    }

    html body .ow_content :is(
        form#editForm,
        form#userSettingsForm,
        form[name="userSettingsForm"],
        form[id*="preference" i],
        form[name*="preference" i],
        form[action*="profile/edit" i],
        form[action*="preference" i]
    ) table.ow_form > tbody,
    html body .ow_content :is(
        form#editForm,
        form#userSettingsForm,
        form[name="userSettingsForm"],
        form[id*="preference" i],
        form[name*="preference" i],
        form[action*="profile/edit" i],
        form[action*="preference" i]
    ) table.ow_form > tbody > tr {
        display: block !important;
        width: 100% !important;
    }

    html body .ow_content :is(
        form#editForm,
        form#userSettingsForm,
        form[name="userSettingsForm"],
        form[id*="preference" i],
        form[name*="preference" i],
        form[action*="profile/edit" i],
        form[action*="preference" i]
    ) table.ow_form tr:not(.ow_tr_first):not(.ow_tr_delimiter) {
        margin-bottom: 9px !important;
        padding: 11px !important;

        background: rgba(91, 15, 49, 0.38) !important;
        border: 1px solid rgba(255, 111, 164, 0.26) !important;
        border-radius: 9px !important;
    }

    html body .ow_content :is(
        form#editForm,
        form#userSettingsForm,
        form[name="userSettingsForm"],
        form[id*="preference" i],
        form[name*="preference" i],
        form[action*="profile/edit" i],
        form[action*="preference" i]
    ) table.ow_form tr:not(.ow_tr_first):not(.ow_tr_delimiter) > td {
        display: block !important;
        width: 100% !important;

        padding: 6px 4px !important;
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        text-align: left !important;
    }

    html body .ow_content :is(
        form#editForm,
        form#userSettingsForm,
        form[name="userSettingsForm"],
        form[id*="preference" i],
        form[name*="preference" i],
        form[action*="profile/edit" i],
        form[action*="preference" i]
    ) table.ow_form td.ow_label {
        padding-bottom: 3px !important;
        color: #ffb4cf !important;
    }

    html body .ow_content :is(
        form#editForm,
        form#userSettingsForm,
        form[name="userSettingsForm"],
        form[id*="preference" i],
        form[name*="preference" i],
        form[action*="profile/edit" i],
        form[action*="preference" i]
    ) table.ow_form td.ow_desc {
        padding-top: 4px !important;
        color: #dca6ba !important;
        font-size: 13px !important;
    }

    html body .ow_content :is(
        form#editForm,
        form#userSettingsForm,
        form[name="userSettingsForm"],
        form[id*="preference" i],
        form[name*="preference" i],
        form[action*="profile/edit" i],
        form[action*="preference" i]
    ) :is(ul.ow_checkbox_group, ul.ow_radio_group) {
        grid-template-columns: 1fr !important;
    }
}

/* ==========================================================
   TABOO! DATING - PROFILE PRIVACY PAGE
   ========================================================== */

/* Privacy settings card */
html body .ow_content form#privacyForm table.ow_form {
    width: 100% !important;
    box-sizing: border-box !important;
    border-collapse: separate !important;
    border-spacing: 0 7px !important;

    margin: 14px 0 18px !important;
    padding: 9px !important;

    color: #ffffff !important;
    background: linear-gradient(
        145deg,
        rgba(61, 7, 31, 0.98) 0%,
        rgba(31, 3, 16, 0.98) 62%,
        rgba(18, 1, 8, 0.98) 100%
    ) !important;

    border: 2px solid #ff4b86 !important;
    border-radius: 14px !important;

    box-shadow:
        0 10px 26px rgba(0, 0, 0, 0.52),
        0 0 20px rgba(255, 45, 115, 0.25),
        inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

/* Individual privacy rows */
html body .ow_content form#privacyForm table.ow_form tr.ow_privacy > td {
    box-sizing: border-box !important;
    padding: 12px 14px !important;
    vertical-align: middle !important;

    color: #fff5f9 !important;
    background: rgba(102, 20, 55, 0.38) !important;

    border: 0 !important;
    border-top: 1px solid rgba(255, 116, 166, 0.22) !important;
    border-bottom: 1px solid rgba(255, 116, 166, 0.22) !important;
}

html body .ow_content form#privacyForm table.ow_form tr.ow_privacy.ow_alt2 > td {
    background: rgba(67, 10, 36, 0.52) !important;
}

html body .ow_content form#privacyForm table.ow_form tr.ow_privacy:hover > td {
    background: rgba(132, 22, 65, 0.52) !important;
    border-color: rgba(255, 126, 174, 0.36) !important;
}

html body .ow_content form#privacyForm table.ow_form tr.ow_privacy > td:first-child {
    border-left: 1px solid rgba(255, 116, 166, 0.22) !important;
    border-radius: 9px 0 0 9px !important;
}

html body .ow_content form#privacyForm table.ow_form tr.ow_privacy > td:last-child {
    border-right: 1px solid rgba(255, 116, 166, 0.22) !important;
    border-radius: 0 9px 9px 0 !important;
}

/* Setting names */
html body .ow_content form#privacyForm table.ow_form td.ow_label {
    width: 40% !important;
    color: #ffffff !important;

    font-family: Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 750 !important;
    line-height: 1.3 !important;
    text-align: right !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.70) !important;
}

/* Privacy selector column */
html body .ow_content form#privacyForm table.ow_form td.ow_value {
    width: 35% !important;
    color: #ffffff !important;
    text-align: left !important;
}

html body .ow_content form#privacyForm table.ow_form td.ow_desc {
    width: 25% !important;
    color: #dba7ba !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
}

/* The Everybody / Friends / Nobody selectors */
html body .ow_content form#privacyForm select {
    min-width: 185px !important;
    min-height: 40px !important;
    max-width: 100% !important;
    box-sizing: border-box !important;

    padding: 7px 35px 7px 11px !important;

    color: #fff8fb !important;
    background-color: #19030d !important;

    border: 1px solid #a72a5a !important;
    border-radius: 7px !important;
    outline: 0 !important;

    font-family: Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;

    color-scheme: dark !important;

    box-shadow:
        inset 0 2px 5px rgba(0, 0, 0, 0.55),
        0 0 0 rgba(255, 55, 125, 0) !important;

    cursor: pointer !important;
    transition:
        border-color 0.17s ease,
        background-color 0.17s ease,
        box-shadow 0.17s ease !important;
}

html body .ow_content form#privacyForm select:hover {
    background-color: #240512 !important;
    border-color: #e4457f !important;
}

html body .ow_content form#privacyForm select:focus {
    color: #ffffff !important;
    background-color: #270512 !important;
    border-color: #ff6099 !important;

    box-shadow:
        inset 0 2px 5px rgba(0, 0, 0, 0.45),
        0 0 0 3px rgba(255, 70, 140, 0.20),
        0 0 13px rgba(255, 55, 125, 0.30) !important;
}

html body .ow_content form#privacyForm select option {
    color: #ffffff !important;
    background: #210410 !important;
}

/* The note below the settings */
html body .ow_content form#privacyForm .ow_anno {
    box-sizing: border-box !important;
    margin: 9px 0 14px !important;
    padding: 11px 14px !important;

    color: #e9bdcd !important;
    background: rgba(71, 10, 38, 0.52) !important;

    border: 1px solid rgba(255, 103, 158, 0.30) !important;
    border-left: 4px solid #ff4b86 !important;
    border-radius: 8px !important;

    font-size: 14px !important;
    line-height: 1.45 !important;
    text-align: left !important;
}

/* Stack each setting cleanly on phones and narrow windows. */
@media (max-width: 700px) {
    html body .ow_content form#privacyForm table.ow_form,
    html body .ow_content form#privacyForm table.ow_form > tbody,
    html body .ow_content form#privacyForm table.ow_form tr.ow_privacy {
        display: block !important;
        width: 100% !important;
    }

    html body .ow_content form#privacyForm table.ow_form {
        padding: 6px !important;
    }

    html body .ow_content form#privacyForm table.ow_form tr.ow_privacy {
        margin-bottom: 9px !important;
        padding: 11px !important;

        background: rgba(91, 15, 49, 0.42) !important;
        border: 1px solid rgba(255, 111, 164, 0.27) !important;
        border-radius: 9px !important;
    }

    html body .ow_content form#privacyForm table.ow_form tr.ow_privacy > td {
        display: block !important;
        width: 100% !important;

        padding: 5px 3px !important;
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        text-align: left !important;
    }

    html body .ow_content form#privacyForm table.ow_form td.ow_label {
        padding-bottom: 4px !important;
        color: #ffb4cf !important;
    }

    html body .ow_content form#privacyForm select {
        width: 100% !important;
        min-width: 0 !important;
    }
}

/* ==========================================================
   TABOO! DATING - PROFILE REACTIONS THEME
   ========================================================== */

html body .profile-REACTIONS_CMP_ProfileReaction,
html body .profile-REACTIONS_CMP_ProfileReaction .ow_box_empty,
html body .profile-REACTIONS_CMP_ProfileReaction .ow_box {
    box-sizing: border-box !important;
    color: #ffffff !important;
    background: transparent !important;
    border: 0 !important;
}

html body .profile-REACTIONS_CMP_ProfileReaction .reactionsContainer,
html body .profile-REACTIONS_CMP_ProfileReaction .codemonster-reaction {
    position: relative !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 12px 14px !important;
    color: #ffffff !important;
    background: linear-gradient(145deg, rgba(82, 9, 39, 0.88), rgba(28, 2, 14, 0.98)) !important;
    border: 1px solid rgba(255, 75, 135, 0.42) !important;
    border-radius: 10px !important;
    box-shadow:
        0 6px 16px rgba(0, 0, 0, 0.36),
        inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

html body .profile-REACTIONS_CMP_ProfileReaction .like-btn {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-width: 132px !important;
    height: 42px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 16px !important;
    color: #ffffff !important;
    background: linear-gradient(180deg, #b51650 0%, #7d103a 100%) !important;
    border: 2px solid #ff5f99 !important;
    border-radius: 999px !important;
    cursor: pointer !important;
    box-shadow:
        0 4px 12px rgba(0, 0, 0, 0.42),
        0 0 13px rgba(255, 45, 120, 0.26),
        inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
    text-decoration: none !important;
    transition:
        transform 0.16s ease,
        border-color 0.16s ease,
        box-shadow 0.16s ease,
        background 0.16s ease !important;
}

html body .profile-REACTIONS_CMP_ProfileReaction .like-btn:hover,
html body .profile-REACTIONS_CMP_ProfileReaction .like-btn:focus-visible {
    transform: translateY(-1px) !important;
    background: linear-gradient(180deg, #e02b6f 0%, #961549 100%) !important;
    border-color: #ff9ac0 !important;
    box-shadow:
        0 6px 16px rgba(0, 0, 0, 0.46),
        0 0 18px rgba(255, 70, 145, 0.45),
        inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}

html body .profile-REACTIONS_CMP_ProfileReaction .like-btn-emo {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #ffffff !important;
    background-color: #9d1044 !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: 18px 18px !important;
    border: 1px solid rgba(255, 180, 210, 0.75) !important;
    border-radius: 50% !important;
    box-shadow: 0 0 10px rgba(255, 45, 120, 0.60) !important;
}

html body .profile-REACTIONS_CMP_ProfileReaction .like-btn-emo::before {
    content: "" !important;
    display: none !important;
}

html body .profile-REACTIONS_CMP_ProfileReaction .like-btn-text {
    display: inline-block !important;
    color: #ffffff !important;
    font-family: Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.82) !important;
}

/* The original reaction images are missing/transparent on this install,
   so the picker uses data-reaction text labels instead. */
html body .profile-REACTIONS_CMP_ProfileReaction .reactions-box {
    position: absolute !important;
    left: 14px !important;
    bottom: calc(100% + 8px) !important;
    z-index: 20 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    width: max-content !important;
    min-width: 0 !important;
    max-width: none !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 8px !important;
    list-style: none !important;
    color: #ffffff !important;
    background: linear-gradient(145deg, #5d0d2f 0%, #1a020d 100%) !important;
    border: 1px solid rgba(255, 105, 160, 0.58) !important;
    border-radius: 12px !important;
    box-shadow:
        0 8px 22px rgba(0, 0, 0, 0.52),
        0 0 18px rgba(255, 55, 125, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.10) !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateY(4px) !important;
    transition:
        opacity 0.14s ease,
        visibility 0.14s ease,
        transform 0.14s ease !important;
}

html body .profile-REACTIONS_CMP_ProfileReaction .codemonster-reaction:hover .reactions-box,
html body .profile-REACTIONS_CMP_ProfileReaction .codemonster-reaction:focus-within .reactions-box,
html body .profile-REACTIONS_CMP_ProfileReaction .reactionsContainer:hover .reactions-box,
html body .profile-REACTIONS_CMP_ProfileReaction .reactionsContainer:focus-within .reactions-box {
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
}

html body .profile-REACTIONS_CMP_ProfileReaction .reactions-box li {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #ffffff !important;
    background-color: #9d1044 !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: 28px 28px !important;
    border: 1px solid rgba(255, 170, 205, 0.72) !important;
    border-radius: 999px !important;
    cursor: pointer !important;
    box-shadow:
        0 3px 8px rgba(0, 0, 0, 0.42),
        0 0 10px rgba(255, 55, 125, 0.32) !important;
    transition:
        transform 0.14s ease,
        box-shadow 0.14s ease,
        border-color 0.14s ease !important;
}

html body .profile-REACTIONS_CMP_ProfileReaction .reactions-box li:hover,
html body .profile-REACTIONS_CMP_ProfileReaction .reactions-box li:focus-visible {
    transform: translateY(-3px) !important;
    border-color: #ffffff !important;
    box-shadow:
        0 6px 14px rgba(0, 0, 0, 0.46),
        0 0 18px rgba(255, 75, 145, 0.58) !important;
}

html body .profile-REACTIONS_CMP_ProfileReaction .reactions-box li::before {
    content: "" !important;
    display: none !important;
}

html body .profile-REACTIONS_CMP_ProfileReaction .like-stat {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin: 2px 0 0 !important;
    padding: 0 !important;
    color: #ffd7e5 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}

html body .profile-REACTIONS_CMP_ProfileReaction .like-stat *,
html body .profile-REACTIONS_CMP_ProfileReaction .like-stat a {
    color: #ffd7e5 !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}

@media (max-width: 640px) {
    html body .profile-REACTIONS_CMP_ProfileReaction .reactionsContainer,
    html body .profile-REACTIONS_CMP_ProfileReaction .codemonster-reaction {
        padding: 10px !important;
    }

    html body .profile-REACTIONS_CMP_ProfileReaction .reactions-box {
        left: 8px !important;
        flex-wrap: wrap !important;
        gap: 6px !important;
        border-radius: 12px !important;
        padding: 7px !important;
    }

    html body .profile-REACTIONS_CMP_ProfileReaction .reactions-box li {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        min-height: 34px !important;
        padding: 0 !important;
        background-size: 25px 25px !important;
    }
}

/* Override the original plugin animation that spreads reactions across the row. */
html body .profile-REACTIONS_CMP_ProfileReaction .like-btn:hover .reactions-box,
html body .profile-REACTIONS_CMP_ProfileReaction .like-btn:active .reactions-box,
html body .profile-REACTIONS_CMP_ProfileReaction .like-btn:focus-within .reactions-box,
html body .profile-REACTIONS_CMP_ProfileReaction .codemonster-reaction:hover .reactions-box,
html body .profile-REACTIONS_CMP_ProfileReaction .codemonster-reaction:focus-within .reactions-box {
    display: inline-flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 7px !important;
    width: max-content !important;
    min-width: 0 !important;
    max-width: none !important;
}

html body .profile-REACTIONS_CMP_ProfileReaction .like-btn:hover .reactions-box li,
html body .profile-REACTIONS_CMP_ProfileReaction .like-btn:active .reactions-box li,
html body .profile-REACTIONS_CMP_ProfileReaction .like-btn:focus-within .reactions-box li,
html body .profile-REACTIONS_CMP_ProfileReaction .codemonster-reaction:hover .reactions-box li,
html body .profile-REACTIONS_CMP_ProfileReaction .codemonster-reaction:focus-within .reactions-box li {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    display: inline-flex !important;
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    animation: none !important;
}


html body .profile-REACTIONS_CMP_ProfileReaction .reactions-box li::after {
    content: attr(data-reaction) !important;
    position: absolute !important;
    left: 50% !important;
    top: calc(100% + 5px) !important;
    z-index: 3 !important;
    display: block !important;
    width: max-content !important;
    max-width: 90px !important;
    padding: 3px 7px !important;
    color: #ffffff !important;
    background: rgba(30, 2, 14, 0.94) !important;
    border: 1px solid rgba(255, 105, 160, 0.60) !important;
    border-radius: 999px !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.36) !important;
    font-family: Arial, sans-serif !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-indent: 0 !important;
    text-align: center !important;
    opacity: 0 !important;
    visibility: hidden !important;
    white-space: nowrap !important;
    transform: translateX(-50%) translateY(-2px) !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.80) !important;
    transition:
        opacity 0.12s ease,
        visibility 0.12s ease,
        transform 0.12s ease !important;
}

html body .profile-REACTIONS_CMP_ProfileReaction .reactions-box li:hover::after,
html body .profile-REACTIONS_CMP_ProfileReaction .reactions-box li:focus-visible::after {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateX(-50%) translateY(0) !important;
}

/* ======================================================================
   06. MEMBER SEARCH, MATCHES & BOOKMARKS

   Member grids, search pages, compatibility, match cards, and live bookmark hearts.
   ====================================================================== */

/* ==========================================================
   TABOO! DATING - BIG USER LIST GRID
   ========================================================== */

.ow_ulist_big {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
}

.ow_ulist_big_item {
    float: none !important;
    width: 23% !important;
    box-sizing: border-box !important;
    margin-bottom: 20px !important;
}

.ow_ulist_big_item_cont {
    width: 100% !important;
    height: auto !important;
    margin: 0 auto 20px !important;
    overflow: visible !important;
}

.ow_ulist_big_avatar {
    width: 100% !important;
    height: 170px !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}

.ow_ulist_big_info {
    position: static !important;
    margin-top: 8px !important;
    text-align: center !important;
    font-size: 21px !important;
    line-height: 1.4 !important;
}

.ow_ulist_big_info_name {
    float: none !important;
    max-width: 100% !important;
    max-height: none !important;
    font-size: 21px !important;
    line-height: 1.4 !important;
}

/* ==========================================================
   TABOO! DATING - ADVANCED SEARCH SECTION HEADERS
   ========================================================== */

.ow_table_1 tr.ow_tr_first th,
.ow_form tr.ow_tr_first th {
    background: linear-gradient(
        90deg,
        #250913 0%,
        #4b1730 50%,
        #250913 100%
    ) !important;

    color: #ffffff !important;

    font-family: Arial, sans-serif !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;

    padding: 12px 18px !important;

    border: 1px solid rgba(255,70,120,.25) !important;
    border-left: 4px solid #ff3b7a !important;
    border-radius: 12px !important;

    box-shadow:
        0 0 14px rgba(255,30,90,.18),
        inset 0 1px 0 rgba(255,255,255,.08) !important;
}

/* Make the row itself transparent so only the header is styled */
.ow_table_1 tr.ow_tr_first,
.ow_form tr.ow_tr_first {
    background: transparent !important;
}

/* ==========================================================
   TABOO! DATING - BROWSE USERS HEADER & SORT BUTTONS
   ========================================================== */

/* BROWSE USERS title */
html body .ow_content > h1.ow_stdmargin {
    color: #ffffff !important;

    font-family: Arial, sans-serif !important;
    font-size: 34px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;

    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;

    margin: 10px 0 20px !important;
    padding: 0 !important;

    text-shadow:
        0 2px 3px rgba(0, 0, 0, 0.75),
        0 0 8px rgba(255, 70, 120, 0.25) !important;
}


/* Outer sorting bar */
html body .ow_sort_control {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;

    width: 100% !important;
    min-height: 50px !important;
    box-sizing: border-box !important;

    margin: 0 0 22px !important;
    padding: 8px 10px !important;

    background: linear-gradient(
        90deg,
        rgba(37, 9, 19, 0.96) 0%,
        rgba(75, 23, 48, 0.96) 50%,
        rgba(37, 9, 19, 0.96) 100%
    ) !important;

    border: 1px solid rgba(255, 70, 120, 0.30) !important;
    border-left: 4px solid #ff3b7a !important;
    border-radius: 12px !important;

    box-shadow:
        0 3px 9px rgba(0, 0, 0, 0.45),
        0 0 14px rgba(255, 30, 90, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}


/* "Sort by:" label */
html body .ow_sort_control .ow_sort_control_label {
    display: inline-flex !important;
    align-items: center !important;

    margin: 0 4px 0 0 !important;
    padding: 0 4px !important;

    color: #ffffff !important;

    font-family: Arial, sans-serif !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    white-space: nowrap !important;
}


/* Individual sorting buttons */
html body .ow_sort_control > a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 34px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 6px 12px !important;

    color: #ffffff !important;
    background: linear-gradient(
        180deg,
        #651132 0%,
        #4b0d26 50%,
        #2b0816 100%
    ) !important;

    border: 1px solid #d93b75 !important;
    border-radius: 7px !important;

    font-family: Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;

    text-align: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;

    box-shadow:
        0 2px 5px rgba(0, 0, 0, 0.40),
        inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;

    transition:
        transform 0.15s ease,
        border-color 0.20s ease,
        box-shadow 0.20s ease,
        background 0.20s ease !important;
}


/* Hovered sorting button */
html body .ow_sort_control > a:hover {
    color: #ffffff !important;

    background: linear-gradient(
        180deg,
        #7b163d 0%,
        #5d1230 50%,
        #340a1a 100%
    ) !important;

    border-color: #ff78aa !important;

    transform: translateY(-1px);

    box-shadow:
        0 4px 9px rgba(0, 0, 0, 0.50),
        0 0 12px rgba(255, 70, 140, 0.45),
        inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}


/* Currently selected sorting button */
html body .ow_sort_control > a.active {
    color: #ffffff !important;

    background: linear-gradient(
        180deg,
        #ff4b86 0%,
        #bd174f 55%,
        #780b30 100%
    ) !important;

    border-color: #ff9abb !important;

    box-shadow:
        0 2px 7px rgba(0, 0, 0, 0.50),
        0 0 14px rgba(255, 65, 130, 0.55),
        inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
}


/* Pressed button */
html body .ow_sort_control > a:active {
    transform: translateY(1px) scale(0.98);

    box-shadow:
        inset 0 3px 5px rgba(0, 0, 0, 0.45),
        0 0 6px rgba(255, 50, 120, 0.25) !important;
}

/* ==========================================================
   TABOO! DATING - USER SEARCH PAGE
   Username Search + Advanced Search
   ========================================================== */

/* Keep both search forms in the Taboo! Dating visual family. */
html body .ow_content form:is(#UsernameSearchForm, #MainSearchForm) table.ow_form {
    width: 100% !important;
    box-sizing: border-box !important;
    border-collapse: separate !important;
    border-spacing: 0 7px !important;

    margin: 12px 0 20px !important;
    padding: 9px !important;

    color: #ffffff !important;
    background: linear-gradient(
        145deg,
        rgba(61, 7, 31, 0.98) 0%,
        rgba(31, 3, 16, 0.98) 62%,
        rgba(18, 1, 8, 0.98) 100%
    ) !important;

    border: 2px solid #ff4b86 !important;
    border-radius: 14px !important;

    box-shadow:
        0 10px 26px rgba(0, 0, 0, 0.52),
        0 0 20px rgba(255, 45, 115, 0.25),
        inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

/* Advanced Search heading */
html body .ow_content form#MainSearchForm > h3,
html body .ow_content form#MainSearchForm h3.ow_std_margin {
    margin: 18px 0 9px !important;
    color: #ffffff !important;

    font-family: Arial, sans-serif !important;
    font-size: 24px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.2px !important;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.72) !important;
}

/* Search rows */
html body .ow_content form:is(#UsernameSearchForm, #MainSearchForm)
table.ow_form tr:not(.ow_tr_first):not(.ow_tr_delimiter) > td {
    box-sizing: border-box !important;
    padding: 12px 14px !important;
    vertical-align: middle !important;

    color: #fff5f9 !important;
    background: rgba(102, 20, 55, 0.38) !important;

    border: 0 !important;
    border-top: 1px solid rgba(255, 116, 166, 0.22) !important;
    border-bottom: 1px solid rgba(255, 116, 166, 0.22) !important;
}

html body .ow_content form:is(#UsernameSearchForm, #MainSearchForm)
table.ow_form tr:not(.ow_tr_first):not(.ow_tr_delimiter):nth-child(even) > td {
    background: rgba(67, 10, 36, 0.52) !important;
}

html body .ow_content form:is(#UsernameSearchForm, #MainSearchForm)
table.ow_form tr:not(.ow_tr_first):not(.ow_tr_delimiter):hover > td {
    background: rgba(132, 22, 65, 0.50) !important;
    border-color: rgba(255, 126, 174, 0.36) !important;
}

html body .ow_content form:is(#UsernameSearchForm, #MainSearchForm)
table.ow_form tr:not(.ow_tr_first):not(.ow_tr_delimiter) > td:first-child {
    border-left: 1px solid rgba(255, 116, 166, 0.22) !important;
    border-radius: 9px 0 0 9px !important;
}

html body .ow_content form:is(#UsernameSearchForm, #MainSearchForm)
table.ow_form tr:not(.ow_tr_first):not(.ow_tr_delimiter) > td:last-child {
    border-right: 1px solid rgba(255, 116, 166, 0.22) !important;
    border-radius: 0 9px 9px 0 !important;
}

/* BASIC and other Advanced Search section headings */
html body .ow_content form#MainSearchForm table.ow_form tr.ow_tr_first > th,
html body .ow_content form#MainSearchForm table.ow_form th.ow_section {
    padding: 12px 18px !important;

    color: #ffffff !important;
    background: linear-gradient(
        90deg,
        #2b0717 0%,
        #641436 50%,
        #2b0717 100%
    ) !important;

    border: 1px solid rgba(255, 101, 157, 0.44) !important;
    border-left: 5px solid #ff3f80 !important;
    border-radius: 10px !important;

    font-family: Arial, sans-serif !important;
    font-size: 19px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.7px !important;
    text-align: center !important;
    text-transform: uppercase !important;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.72) !important;

    box-shadow:
        0 4px 10px rgba(0, 0, 0, 0.34),
        0 0 13px rgba(255, 50, 120, 0.20),
        inset 0 1px 0 rgba(255, 255, 255, 0.09) !important;
}

html body .ow_content form#MainSearchForm table.ow_form th.ow_section span {
    padding: 0 !important;
    color: inherit !important;
    background: transparent !important;
    border: 0 !important;
    font: inherit !important;
    text-shadow: inherit !important;
}

/* Labels and descriptions */
html body .ow_content form:is(#UsernameSearchForm, #MainSearchForm)
table.ow_form td.ow_label {
    width: 21% !important;
    color: #ffffff !important;

    font-family: Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 750 !important;
    line-height: 1.3 !important;
    text-align: right !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.70) !important;
}

html body .ow_content form:is(#UsernameSearchForm, #MainSearchForm)
table.ow_form td.ow_value {
    width: 54% !important;
    color: #fff8fb !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
}

html body .ow_content form:is(#UsernameSearchForm, #MainSearchForm)
table.ow_form td.ow_desc {
    width: 25% !important;
    color: #dfaabd !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
}

/* Text fields and dropdowns */
html body .ow_content form:is(#UsernameSearchForm, #MainSearchForm)
:is(input[type="text"], input[type="number"], input[type="search"], select, textarea) {
    min-height: 40px !important;
    max-width: 100% !important;
    box-sizing: border-box !important;

    padding: 8px 11px !important;

    color: #fff8fb !important;
    background: #19030d !important;

    border: 1px solid #a72a5a !important;
    border-radius: 7px !important;
    outline: 0 !important;

    font-family: Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;

    color-scheme: dark !important;

    box-shadow:
        inset 0 2px 5px rgba(0, 0, 0, 0.55),
        0 0 0 rgba(255, 55, 125, 0) !important;

    transition:
        border-color 0.17s ease,
        background 0.17s ease,
        box-shadow 0.17s ease !important;
}

html body .ow_content form#UsernameSearchForm input[type="text"] {
    width: 100% !important;
}

html body .ow_content form:is(#UsernameSearchForm, #MainSearchForm)
:is(input[type="text"], input[type="number"], input[type="search"], select, textarea):focus {
    color: #ffffff !important;
    background: #270512 !important;
    border-color: #ff6099 !important;

    box-shadow:
        inset 0 2px 5px rgba(0, 0, 0, 0.45),
        0 0 0 3px rgba(255, 70, 140, 0.20),
        0 0 13px rgba(255, 55, 125, 0.30) !important;
}

html body .ow_content form:is(#UsernameSearchForm, #MainSearchForm) select option {
    color: #ffffff !important;
    background: #210410 !important;
}

/* Checkboxes and radio controls */
html body .ow_content form:is(#UsernameSearchForm, #MainSearchForm)
:is(input[type="checkbox"], input[type="radio"]) {
    width: 18px !important;
    height: 18px !important;

    margin: 0 7px 0 0 !important;
    padding: 0 !important;

    vertical-align: middle !important;
    accent-color: #ff3f80 !important;
    cursor: pointer !important;
}

html body .ow_content form#MainSearchForm
:is(ul.ow_checkbox_group, ul.ow_radio_group) {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(155px, 1fr)) !important;
    gap: 7px !important;

    width: 100% !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

html body .ow_content form#MainSearchForm
:is(ul.ow_checkbox_group, ul.ow_radio_group) > li {
    display: flex !important;
    float: none !important;
    align-items: center !important;

    width: auto !important;
    min-height: 37px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 7px 10px !important;

    color: #fff4f8 !important;
    background: rgba(20, 2, 10, 0.50) !important;

    border: 1px solid rgba(255, 104, 157, 0.25) !important;
    border-radius: 7px !important;

    font-size: 15px !important;
    line-height: 1.25 !important;
}

/* Form validation */
html body .ow_content form:is(#UsernameSearchForm, #MainSearchForm)
:is(.error, .ow_error, span.error) {
    display: block !important;
    margin-top: 6px !important;
    color: #ff9fc1 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}

/* Submit rows remain clean so the existing Taboo buttons can shine. */
html body .ow_content form:is(#UsernameSearchForm, #MainSearchForm)
table.ow_form td.ow_submit {
    padding: 17px 10px 10px !important;
    background: transparent !important;
    border: 0 !important;
    text-align: center !important;
}

/* Stack the search form into readable cards on narrow screens. */
@media (max-width: 760px) {
    html body .ow_content form:is(#UsernameSearchForm, #MainSearchForm)
    table.ow_form,
    html body .ow_content form:is(#UsernameSearchForm, #MainSearchForm)
    table.ow_form > tbody,
    html body .ow_content form:is(#UsernameSearchForm, #MainSearchForm)
    table.ow_form > tbody > tr {
        display: block !important;
        width: 100% !important;
    }

    html body .ow_content form:is(#UsernameSearchForm, #MainSearchForm)
    table.ow_form {
        padding: 6px !important;
    }

    html body .ow_content form:is(#UsernameSearchForm, #MainSearchForm)
    table.ow_form tr:not(.ow_tr_first):not(.ow_tr_delimiter) {
        margin-bottom: 9px !important;
        padding: 11px !important;

        background: rgba(91, 15, 49, 0.42) !important;
        border: 1px solid rgba(255, 111, 164, 0.27) !important;
        border-radius: 9px !important;
    }

    html body .ow_content form:is(#UsernameSearchForm, #MainSearchForm)
    table.ow_form tr:not(.ow_tr_first):not(.ow_tr_delimiter) > td {
        display: block !important;
        width: 100% !important;

        padding: 5px 3px !important;
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        text-align: left !important;
    }

    html body .ow_content form:is(#UsernameSearchForm, #MainSearchForm)
    table.ow_form td.ow_label {
        padding-bottom: 4px !important;
        color: #ffb4cf !important;
    }

    html body .ow_content form#MainSearchForm
    :is(ul.ow_checkbox_group, ul.ow_radio_group) {
        grid-template-columns: 1fr !important;
    }
}

/* ==========================================================
   TABOO! DATING - COMPATIBILITY BAR
   ========================================================== */

html body
.profile-MATCHMAKING_CMP_CompatibilityWidget
.ow_box_empty.ow_highbox {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;

    min-height: 70px !important;

    margin: 12px 0 20px !important;
    padding: 14px 20px !important;

    text-align: center !important;

    color: #ffffff !important;

    background: linear-gradient(
        180deg,
        #1b5864 0%,
        #124650 55%,
        #0a2d33 100%
    ) !important;

    border: 2px solid #62f2ff !important;
    border-radius: 12px !important;

    box-shadow:
        0 0 18px rgba(65,230,255,.45),
        inset 0 1px 0 rgba(255,255,255,.18) !important;

    font-family: Arial, sans-serif !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

/* Percentage */

html body
.profile-MATCHMAKING_CMP_CompatibilityWidget
.ow_txt_value {
    display: inline-block !important;

    margin-left: 6px !important;

    color: #ffffff !important;

    font-size: 42px !important;
    font-weight: 900 !important;

    text-shadow:
        0 0 8px rgba(98,242,255,.75),
        0 0 18px rgba(98,242,255,.45);
}

/* Decorative hearts */

html body
.profile-MATCHMAKING_CMP_CompatibilityWidget
.ow_box_empty.ow_highbox::before {
    content: "\2665" !important;
    font-size: 26px;
}

html body
.profile-MATCHMAKING_CMP_CompatibilityWidget
.ow_box_empty.ow_highbox::after {
    content: "\2665" !important;
    font-size: 26px;
}

/* ==========================================================
   TABOO! DATING - MATCH LIST PROFILE CARDS
   Avatar, name, gender/age, compatibility, verified badge
   ========================================================== */


/* ----------------------------------------------------------
   Match list layout
   ---------------------------------------------------------- */

html body .ow_ulist_big {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 14px !important;
}


/* ----------------------------------------------------------
   Complete profile card
   ---------------------------------------------------------- */

html body .ow_ulist_big_item {
    display: flex !important;
    float: none !important;

    width: calc(25% - 11px) !important;
    box-sizing: border-box !important;

    margin: 0 0 18px !important;
    padding: 0 !important;
}


html body .ow_ulist_big_item_cont {
    display: flex !important;
    flex-direction: column !important;

    width: 100% !important;
    height: 100% !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 9px !important;

    background: linear-gradient(
        180deg,
        #430923 0%,
        #2b0517 55%,
        #17020c 100%
    ) !important;

    border: 1px solid rgba(255, 75, 135, 0.66) !important;
    border-radius: 11px !important;

    overflow: hidden !important;

    box-shadow:
        0 5px 13px rgba(0, 0, 0, 0.50),
        0 0 13px rgba(255, 45, 115, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;

    transition:
        transform 0.17s ease,
        border-color 0.20s ease,
        box-shadow 0.20s ease !important;
}


html body .ow_ulist_big_item_cont:hover {
    transform: translateY(-3px) !important;

    border-color: #ff94bd !important;

    box-shadow:
        0 9px 20px rgba(0, 0, 0, 0.58),
        0 0 20px rgba(255, 65, 135, 0.42),
        inset 0 1px 0 rgba(255, 255, 255, 0.10) !important;
}


/* ----------------------------------------------------------
   Avatar area
   ---------------------------------------------------------- */

html body .ow_ulist_big_avatar {
    position: relative !important;

    width: 100% !important;
    height: 180px !important;
    box-sizing: border-box !important;

    margin: 0 !important;

    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;

    border: 2px solid #ff4b86 !important;
    border-radius: 8px 8px 4px 4px !important;

    overflow: hidden !important;

    box-shadow:
        0 4px 10px rgba(0, 0, 0, 0.48),
        0 0 11px rgba(255, 55, 125, 0.28) !important;

    transition:
        transform 0.20s ease,
        border-color 0.20s ease,
        box-shadow 0.20s ease !important;
}


html body .ow_ulist_big_item_cont:hover .ow_ulist_big_avatar {
    transform: scale(1.015) !important;
    border-color: #ff9ac1 !important;

    box-shadow:
        0 5px 13px rgba(0, 0, 0, 0.54),
        0 0 16px rgba(255, 70, 140, 0.45) !important;
}


/* ----------------------------------------------------------
   Bookmark / corner controls
   ---------------------------------------------------------- */

html body .ow_ulist_big_avatar_bookmark {
    position: absolute !important;
    top: 7px !important;
    right: 7px !important;

    width: 27px !important;
    height: 27px !important;

    margin: 0 !important;
    padding: 0 !important;

    background-color: rgba(25, 2, 13, 0.86) !important;

    border: 1px solid #ff6a9f !important;
    border-radius: 50% !important;

    box-shadow:
        0 2px 7px rgba(0, 0, 0, 0.48),
        0 0 8px rgba(255, 55, 125, 0.34) !important;
}


/* ----------------------------------------------------------
   Information panel beneath avatar
   ---------------------------------------------------------- */

html body .ow_ulist_big_info {
    position: static !important;

    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;

    width: 100% !important;
    min-height: 150px !important;
    box-sizing: border-box !important;

    margin: 9px 0 0 !important;
    padding: 10px 8px 9px !important;

    color: #ffe4ef !important;

    background: linear-gradient(
        145deg,
        rgba(78, 13, 42, 0.64) 0%,
        rgba(34, 4, 19, 0.78) 100%
    ) !important;

    border: 1px solid rgba(255, 95, 150, 0.24) !important;
    border-radius: 7px !important;

    text-align: center !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}


/* ----------------------------------------------------------
   Username row
   ---------------------------------------------------------- */

html body .ow_ulist_big_info > .clearfix {
    width: 100% !important;

    margin: 0 0 7px !important;
    padding: 0 0 7px !important;

    border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;

    text-align: center !important;
}


html body .ow_ulist_big_info_name,
html body .ow_ulist_big_info_name a,
html body .ow_ulist_big_info > .clearfix a {
    float: none !important;

    display: inline !important;

    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #ff8fbd !important;

    font-family: Arial, sans-serif !important;
    font-size: 21px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;

    text-align: center !important;
    text-decoration: none !important;

    white-space: normal !important;
    overflow-wrap: anywhere !important;

    text-shadow:
        0 1px 2px rgba(0, 0, 0, 0.90),
        0 0 7px rgba(255, 75, 145, 0.30) !important;
}


html body .ow_ulist_big_info_name a:hover,
html body .ow_ulist_big_info > .clearfix a:hover {
    color: #ffffff !important;

    text-shadow:
        0 0 10px rgba(255, 95, 160, 0.72) !important;
}


/* ----------------------------------------------------------
   Gender and age
   ---------------------------------------------------------- */

html body .ow_ulist_big_info_gender {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 2px 0 9px !important;

    color: #ffdce9 !important;

    font-family: Arial, sans-serif !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;

    text-align: center !important;

    border-bottom: 1px solid rgba(255, 255, 255, 0.13) !important;

    white-space: normal !important;
    overflow-wrap: break-word !important;
}


/* ----------------------------------------------------------
   Compatibility section
   Uses the existing Compatibility label from the HTML
   ---------------------------------------------------------- */

html body .ow_ulist_big_compatibility {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 1 1 auto !important;

    width: 100% !important;
    box-sizing: border-box !important;

    margin: 9px 0 0 !important;
    padding: 10px 5px 8px !important;

    color: #bdfaff !important;

    font-family: Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;

    text-align: center !important;

    background: linear-gradient(
        180deg,
        rgba(21, 100, 108, 0.32) 0%,
        rgba(8, 49, 56, 0.24) 100%
    ) !important;

    border: 1px solid rgba(100, 242, 255, 0.28) !important;
    border-radius: 7px !important;

    text-shadow:
        0 0 6px rgba(98, 242, 255, 0.26) !important;
}


/* Decorative heart above the existing Compatibility label */
html body .ow_ulist_big_compatibility::before {
    content: "\2665" !important;

    display: block !important;

    margin: 0 0 3px !important;

    color: #7ff7ff !important;

    font-family: Arial, sans-serif !important;
    font-size: 17px !important;
    font-weight: 900 !important;
    line-height: 1 !important;

    text-align: center !important;

    text-shadow:
        0 0 7px rgba(98, 242, 255, 0.78),
        0 0 14px rgba(98, 242, 255, 0.42) !important;
}


/* Compatibility percentage */
html body .ow_ulist_big_compatibility b,
html body .ow_ulist_big_compatibility strong,
html body .ow_ulist_big_compatibility span {
    display: block !important;

    margin: 4px 0 0 !important;

    color: #7ff7ff !important;

    font-family: Arial, sans-serif !important;
    font-size: 31px !important;
    font-weight: 900 !important;
    line-height: 1 !important;

    text-align: center !important;

    text-shadow:
        0 0 8px rgba(98, 242, 255, 0.78),
        0 0 16px rgba(98, 242, 255, 0.42) !important;
}


/* ----------------------------------------------------------
   Responsive fallback
   ---------------------------------------------------------- */

@media (max-width: 620px) {
    html body .ow_ulist_big_item {
        width: calc(50% - 7px) !important;
    }

    html body .ow_ulist_big_avatar {
        height: 200px !important;
    }
}

/* ==========================================================
   TABOO! DATING - MATCH CARDS
   ========================================================== */

/* ----------------------------------------------------------
   Match-card bookmark button
   ---------------------------------------------------------- */

html body .ow_ulist_big_avatar {
    position: relative !important;
}

/* Keep the plugin marker available to JavaScript, but invisible */
html body .ow_bookmark_icon,
html body .ow_bookmark_icon_ulist {
    position: absolute !important;
    width: 0 !important;
    height: 0 !important;

    background: none !important;
    background-image: none !important;

    opacity: 0 !important;
    pointer-events: none !important;
    overflow: hidden !important;
}

/* Clickable heart button */
html body .ow_ulist_big_avatar_bookmark {
    position: absolute !important;
    top: 8px !important;
    right: 8px !important;
    bottom: auto !important;
    left: auto !important;

    display: block !important;

    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    text-indent: -9999px !important;
    white-space: nowrap !important;

    background: rgba(40, 10, 25, .88) !important;
    border: 1px solid #ff4b86 !important;
    border-radius: 50% !important;

    box-shadow: 0 0 8px rgba(255, 75, 134, .45) !important;

    cursor: pointer !important;
    z-index: 30 !important;

    transition:
        background .18s ease,
        border-color .18s ease,
        box-shadow .18s ease,
        transform .18s ease !important;
}

/* Not bookmarked */
html body .ow_ulist_big_avatar_bookmark::after {
    content: "\2661" !important;

    position: absolute !important;
    inset: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: #ffffff !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    text-indent: 0 !important;
}

/* Bookmarked */
html body .ow_ulist_big_avatar_bookmark.bookmarked {
    background: rgba(75, 8, 35, .95) !important;
    border-color: #ff356f !important;

    box-shadow:
        0 0 10px rgba(255, 53, 111, .65),
        inset 0 0 8px rgba(255, 53, 111, .15) !important;
}

html body .ow_ulist_big_avatar_bookmark.bookmarked::after {
    content: "\2665" !important;

    color: #ff356f !important;

    text-shadow:
        0 0 6px rgba(255, 53, 111, .95),
        0 0 12px rgba(255, 53, 111, .65) !important;
}

/* Hover */
html body .ow_ulist_big_avatar_bookmark:hover {
    background: #ff4b86 !important;
    border-color: #ff77a6 !important;

    box-shadow: 0 0 14px rgba(255, 75, 134, .8) !important;

    transform: scale(1.08) !important;
}

html body .ow_ulist_big_avatar_bookmark:hover::after {
    color: #ffffff !important;
    text-shadow: none !important;
}

/* ======================================================================
   07. DISCOVER / MATCH GAME PLUGIN

   Discover cards, detail panel, filters, action buttons, and control guide.
   ====================================================================== */

/* ==========================================================
   TABOO! DATING - DISCOVER EMPTY STATE
   ========================================================== */

.discover-cards-empty-wrapper .discover-cards-empty-img {
    display: block !important;
    width: 320px !important;
    max-width: 75% !important;
    height: auto !important;
    margin: 10px auto 18px !important;
}

.discover-cards-empty-title {
    font-size: 27px !important;
    line-height: 1.3 !important;
}

.discover-cards-empty-text {
    font-size: 21px !important;
    line-height: 1.4 !important;
}

/* ==========================================================
   TABOO! DATING - DISCOVER BUTTONS
   ========================================================== */

.discover-panel-action {
    width: 82px !important;
    height: 82px !important;
    padding: 8px !important;

    background-color: rgba(15, 15, 15, 0.65) !important;
    background-size: 64px 64px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;

    border: 2px solid rgba(255, 70, 120, 0.25) !important;
    border-radius: 50% !important;

    box-shadow:
        0 0 12px rgba(255, 0, 80, 0.35),
        inset 0 0 8px rgba(255, 255, 255, 0.08);

    transition:
        transform 0.25s ease,
        border-color 0.25s ease,
        box-shadow 0.25s ease;
}

.discover-panel.active .discover-panel-action:hover {
    transform: scale(1.12);
    border-color: rgba(255, 90, 140, 0.75) !important;

    box-shadow:
        0 0 22px rgba(255, 0, 110, 0.65),
        inset 0 0 10px rgba(255, 255, 255, 0.15);
}

/* ==========================================================
   TABOO! DATING - DISCOVER CARDS
   ========================================================== */

.discover-card,
.ow_discover_game_cards_display:before,
.ow_discover_game_cards_display:after {
    border: 8px solid #2b1b24 !important;
    border-bottom: 16px solid #2b1b24 !important;

    box-shadow:
        0 8px 24px rgba(0, 0, 0, 0.55),
        0 0 12px rgba(255, 0, 80, 0.18) !important;
}

.discover-card-info-name {
    font-size: 27px !important;
    line-height: 1.25 !important;
}

.discover-card-info-distance,
.discover-card-extra-info-about-text,
.discover-card-extra-info-compatibility-title {
    font-size: 19px !important;
    line-height: 1.4 !important;
}

.discover_sex_form,
.discover_sex_form select {
    font-size: 21px !important;
    line-height: 1.4 !important;
}

/* ==========================================================
   TABOO! DATING - DISCOVER CARD INFORMATION
   Normal name bar and expanded profile panel
   ========================================================== */

/* ==========================================================
   NORMAL BOTTOM INFORMATION BAR
   ========================================================== */

html body .discover-card-info {
    position: absolute !important;

    left: 12px !important;
    right: 12px !important;
    bottom: 12px !important;

    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;

    width: auto !important;
    height: auto !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 10px 12px 10px 16px !important;

    background: linear-gradient(
        90deg,
        rgba(37, 9, 19, 0.94) 0%,
        rgba(75, 23, 48, 0.92) 55%,
        rgba(37, 9, 19, 0.94) 100%
    ) !important;

    border: 1px solid rgba(255, 90, 145, 0.42) !important;
    border-left: 4px solid #ff4b86 !important;
    border-radius: 12px !important;

    box-shadow:
        0 4px 12px rgba(0, 0, 0, 0.48),
        0 0 14px rgba(255, 40, 110, 0.25),
        inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;

    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
}


/* Name and age in normal bottom bar */
html body .discover-card-info > .discover-card-info-name {
    display: block !important;
    flex: 1 1 auto !important;

    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;

    font-family: Arial, sans-serif !important;
    font-size: 25px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    text-align: left !important;

    text-shadow:
        0 2px 3px rgba(0, 0, 0, 0.90),
        0 0 7px rgba(255, 70, 130, 0.28) !important;

    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* ==========================================================
   PROFILE INFORMATION BUTTON
   ========================================================== */

html body .discover-card-info > .discover-panel-extra-info {
    position: static !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 38px !important;

    width: 38px !important;
    height: 38px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;

    background: linear-gradient(
        180deg,
        #8e1845 0%,
        #621330 55%,
        #39091b 100%
    ) !important;

    border: 2px solid #ff6a9f !important;
    border-radius: 50% !important;

    box-shadow:
        0 3px 8px rgba(0, 0, 0, 0.42),
        0 0 11px rgba(255, 60, 130, 0.42),
        inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;

    cursor: pointer !important;

    transition:
        transform 0.15s ease,
        background 0.20s ease,
        border-color 0.20s ease,
        box-shadow 0.20s ease !important;
}


/* Keep the information icon centered */
html body .discover-card-info > .discover-panel-extra-info,
html body .discover-card-info > .discover-panel-extra-info * {
    color: #ffffff !important;
    fill: #ffffff !important;

    font-size: 19px !important;
    line-height: 1 !important;
}


/* Information button hover */
html body .discover-card-info > .discover-panel-extra-info:hover {
    background: linear-gradient(
        180deg,
        #b21f57 0%,
        #7d1840 55%,
        #4d0d25 100%
    ) !important;

    border-color: #ffc1d8 !important;

    transform: translateY(-2px) scale(1.06) !important;

    box-shadow:
        0 6px 13px rgba(0, 0, 0, 0.52),
        0 0 18px rgba(255, 70, 140, 0.62),
        inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}


/* Information button pressed */
html body .discover-card-info > .discover-panel-extra-info:active {
    transform: translateY(1px) scale(0.96) !important;
}

/* ==========================================================
   EXPANDED INFORMATION PANEL
   Activates when the plugin removes display:none
   ========================================================== */

html body
.discover-card-info:has(
    > .discover-card-extra-info[style*="display: block"]
){
    top: 18px !important;
    left: 18px !important;
    right: 18px !important;
    bottom: 18px !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 0 !important;

    width: auto !important;
    height: auto !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 18px !important;

    background: linear-gradient(
        145deg,
        rgba(47, 7, 27, 0.98) 0%,
        rgba(22, 3, 13, 0.98) 100%
    ) !important;

    border: 1px solid rgba(255, 90, 145, 0.48) !important;
    border-left: 4px solid #ff4b86 !important;
    border-radius: 12px !important;

    box-shadow:
        0 8px 22px rgba(0, 0, 0, 0.62),
        0 0 20px rgba(255, 45, 115, 0.30),
        inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;

    overflow: hidden !important;

    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* ==========================================================
   EXPANDED PANEL — NAME AT TOP
   ========================================================== */

html body
.discover-card-info:has(
    > .discover-card-extra-info[style*="display: block"]
)
> .discover-card-info-name {
    position: static !important;

    display: block !important;
    flex: 0 0 auto !important;

    width: 100% !important;
    min-width: 0 !important;

    margin: 0 0 14px !important;
    padding: 0 0 12px !important;

    color: #ffffff !important;

    border-bottom: 1px solid rgba(255, 255, 255, 0.25) !important;

    font-family: Arial, sans-serif !important;
    font-size: 23px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;

    text-align: center !important;

    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;

    text-shadow:
        0 2px 3px rgba(0, 0, 0, 0.90),
        0 0 8px rgba(255, 70, 135, 0.35) !important;
}

/* ==========================================================
   EXPANDED PANEL CONTENT
   ========================================================== */

html body
.discover-card-info:has(
    > .discover-card-extra-info[style*="display: block"]
)
> .discover-card-extra-info {
    position: static !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;

    flex: 1 1 auto !important;

    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    overflow: hidden !important;
}


/* Hide the normal information circle while panel is expanded */
html body
.discover-card-info:has(
    > .discover-card-extra-info[style*="display: block"]
)
> .discover-panel-extra-info {
    display: none !important;
}


/* Reset expanded panel box sizing */
html body
.discover-card-info:has(
    > .discover-card-extra-info[style*="display: block"]
)
> .discover-card-extra-info {
    box-sizing: border-box !important;
}

/* Reset box sizing for everything inside expanded panel */
html body
.discover-card-info:has(
    > .discover-card-extra-info[style*="display: block"]
)
> .discover-card-extra-info * {
    box-sizing: border-box !important;
}

/* ==========================================================
   COMPATIBILITY SECTION
   ========================================================== */

html body .discover-card-extra-info-compatibility {
    display: flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 0 14px !important;

    border-bottom: 1px solid rgba(255, 255, 255, 0.25) !important;
}


/* Compatibility label */
html body .discover-card-extra-info-compatibility-title {
    display: block !important;
    flex: 1 1 auto !important;

    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #ffd8e7 !important;

    font-family: Arial, sans-serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;

    text-align: left !important;

    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
}


/* Compatibility percentage */
html body .discover-card-extra-info-compatibility-value {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 auto !important;

    min-width: 62px !important;

    margin: 0 !important;
    padding: 6px 10px !important;

    color: #ffffff !important;

    background: linear-gradient(
        180deg,
        #ff5b95 0%,
        #d42063 55%,
        #9d1044 100%
    ) !important;

    border: 1px solid #ffc2d8 !important;
    border-radius: 7px !important;

    font-family: Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1 !important;

    text-align: center !important;
    white-space: nowrap !important;

    box-shadow:
        0 2px 6px rgba(0, 0, 0, 0.38),
        0 0 9px rgba(255, 70, 140, 0.35) !important;
}

/* ==========================================================
   ABOUT ME SECTION
   ========================================================== */

html body .discover-card-extra-info-about {
    display: block !important;
    flex: 1 1 auto !important;

    width: 100% !important;
    min-height: 0 !important;

    margin: 14px 0 !important;
    padding: 0 0 14px !important;

    border-bottom: 1px solid rgba(255, 255, 255, 0.25) !important;

    overflow: hidden !important;
}


/* About Me title */
html body .discover-card-extra-info-about-title {
    display: block !important;

    width: 100% !important;

    margin: 0 0 7px !important;
    padding: 0 !important;

    color: #ffb7d0 !important;

    font-family: Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    text-align: center !important;
}


/* About Me text */
html body .discover-card-extra-info-about-text {
    display: block !important;

    width: 100% !important;
    max-height: 105px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 0 5px !important;

    color: #ffffff !important;

    font-family: Arial, sans-serif !important;
    font-size: 17px !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;

    text-align: center !important;

    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;

    overflow-x: hidden !important;
    overflow-y: auto !important;
}

/* ==========================================================
   VIEW PROFILE BUTTON
   ========================================================== */

html body .discover-card-extra-info a {
    display: flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: center !important;

    width: fit-content !important;
    min-width: 150px !important;
    min-height: 42px !important;
    box-sizing: border-box !important;

    margin: auto auto 0 !important;
    padding: 8px 18px !important;

    color: #ffffff !important;

    background: linear-gradient(
        180deg,
        #8e1845 0%,
        #621330 55%,
        #39091b 100%
    ) !important;

    border: 2px solid #ff5b95 !important;
    border-radius: 9px !important;

    font-family: Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;

    text-align: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;

    box-shadow:
        0 3px 8px rgba(0, 0, 0, 0.42),
        0 0 11px rgba(255, 60, 130, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
}


/* View Profile hover */
html body .discover-card-extra-info a:hover {
    color: #ffffff !important;

    background: linear-gradient(
        180deg,
        #b21f57 0%,
        #7d1840 55%,
        #4d0d25 100%
    ) !important;

    border-color: #ffc1d8 !important;

    transform: translateY(-1px) !important;

    box-shadow:
        0 5px 12px rgba(0, 0, 0, 0.50),
        0 0 16px rgba(255, 70, 140, 0.52),
        inset 0 1px 0 rgba(255, 255, 255, 0.20) !important;
}

/* ==========================================================
   TABOO! DATING - DISCOVER USER FILTER
   "Show users" selector
   ========================================================== */

html body .discover_sex_form {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;

    float: none !important;

    width: fit-content !important;
    max-width: 100% !important;
    box-sizing: border-box !important;

    margin: 8px auto 18px !important;
    padding: 10px 14px !important;

    color: #ffffff !important;

    background: linear-gradient(
        90deg,
        #250913 0%,
        #4b1730 50%,
        #250913 100%
    ) !important;

    border: 1px solid rgba(255, 70, 120, 0.30) !important;
    border-left: 4px solid #ff3b7a !important;
    border-radius: 12px !important;

    box-shadow:
        0 3px 8px rgba(0, 0, 0, 0.45),
        0 0 14px rgba(255, 30, 90, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;

    font-family: Arial, sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

/* "Show users" label */
html body .discover_sex_form {
    text-shadow:
        0 1px 2px rgba(0, 0, 0, 0.85),
        0 0 6px rgba(255, 70, 120, 0.25) !important;
}

/* Dropdown */
html body .discover_sex_form select,
html body #discover-gender-select {
    display: inline-block !important;

    width: auto !important;
    min-width: 190px !important;
    height: 44px !important;

    margin: 0 !important;
    padding: 7px 42px 7px 14px !important;

    color: #111111 !important;
    caret-color: #111111 !important;

    background-color: #ffffff !important;

    border: 2px solid #ff4b86 !important;
    border-radius: 9px !important;

    font-family: Arial, sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    box-shadow:
        inset 0 2px 4px rgba(0, 0, 0, 0.18),
        0 0 9px rgba(255, 50, 120, 0.28) !important;

    outline: none !important;
    cursor: pointer !important;

    transition:
        border-color 0.20s ease,
        box-shadow 0.20s ease,
        transform 0.15s ease !important;
}

/* Hover */
html body .discover_sex_form select:hover,
html body #discover-gender-select:hover {
    border-color: #ff8ab6 !important;

    box-shadow:
        inset 0 2px 4px rgba(0, 0, 0, 0.16),
        0 0 14px rgba(255, 70, 140, 0.48) !important;
}

/* Focus */
html body .discover_sex_form select:focus,
html body #discover-gender-select:focus {
    border-color: #ffc2d8 !important;

    box-shadow:
        inset 0 2px 4px rgba(0, 0, 0, 0.14),
        0 0 17px rgba(255, 70, 140, 0.65) !important;
}

/* ==========================================================
   TABOO! DATING - DISCOVER / MATCH CONTROL GUIDE
   Hide / Nope / Like / Super Like
   Keep this block at the END of the site's Custom CSS.
   ========================================================== */

/* ---------- Toolbar panel ---------- */

html body .discover-toolbar-wrap {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;

    width: fit-content !important;
    max-width: calc(100% - 20px) !important;
    box-sizing: border-box !important;

    margin: 24px auto 12px !important;
    padding: 9px !important;

    color: #fff3f8 !important;

    background: linear-gradient(
        145deg,
        rgba(79, 9, 46, 0.98) 0%,
        rgba(39, 3, 25, 0.98) 100%
    ) !important;

    border: 1px solid rgba(255, 81, 151, 0.68) !important;
    border-radius: 14px !important;

    box-shadow:
        0 8px 20px rgba(0, 0, 0, 0.46),
        0 0 18px rgba(255, 35, 125, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

/* ---------- Hide / Show button ---------- */

html body .discover-toolbar-wrap .discover-toolbar-control {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    flex: 0 0 auto !important;

    width: auto !important;
    min-width: 88px !important;
    min-height: 44px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 9px 15px !important;

    color: #ffffff !important;

    background: linear-gradient(
        180deg,
        #9e1a50 0%,
        #6c0e39 58%,
        #420720 100%
    ) !important;

    border: 1px solid #ff6da5 !important;
    border-radius: 9px !important;

    font-family: Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    letter-spacing: 0.02em !important;
    text-align: center !important;
    text-transform: uppercase !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.72) !important;

    box-shadow:
        0 3px 8px rgba(0, 0, 0, 0.40),
        inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;

    cursor: pointer !important;
    appearance: none !important;

    transition:
        transform 0.15s ease,
        background 0.18s ease,
        border-color 0.18s ease,
        box-shadow 0.18s ease !important;
}

/* Add a directional indicator. */
html body .discover-toolbar-wrap .discover-toolbar-control::before {
    content: "" !important;
    display: inline-block !important;

    color: #ffd3e3 !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    line-height: 1 !important;

    transition: transform 0.18s ease !important;
}

/* Point downward when the guide is collapsed. */
html body .discover-toolbar-wrap:not(.discover-cards-tips-show)
.discover-toolbar-control::before {
    transform: rotate(180deg) !important;
}

html body .discover-toolbar-wrap .discover-toolbar-control:hover,
html body .discover-toolbar-wrap .discover-toolbar-control:focus-visible {
    color: #ffffff !important;

    background: linear-gradient(
        180deg,
        #d62b6c 0%,
        #a01650 58%,
        #680c32 100%
    ) !important;

    border-color: #ffd0e1 !important;

    box-shadow:
        0 5px 12px rgba(0, 0, 0, 0.48),
        0 0 15px rgba(255, 63, 137, 0.44),
        inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;

    transform: translateY(-1px) !important;
    outline: none !important;
}

/* ---------- Nope / Like / Super Like guide ---------- */

html body .discover-toolbar-wrap .discover-toolbar-body {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;

    width: auto !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 !important;

    color: #fff3f8 !important;
}

/*
 * Each direct guide item becomes its own pill.
 * This supports spans, divs, labels, and anchors used by
 * different releases of the Discover plugin.
 */
html body .discover-toolbar-wrap .discover-toolbar-body > * {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;

    min-height: 40px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 7px 11px !important;

    color: #ffeef5 !important;
    background: rgba(255, 255, 255, 0.055) !important;

    border: 1px solid rgba(255, 115, 169, 0.40) !important;
    border-radius: 8px !important;

    font-family: Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    letter-spacing: 0.025em !important;
    text-align: center !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;

    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.72) !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.06),
        0 2px 6px rgba(0, 0, 0, 0.25) !important;
}

/* Keep nested icon and label elements properly aligned. */
html body .discover-toolbar-wrap .discover-toolbar-body > * > * {
    margin: 0 !important;
    color: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
}

/* Existing keyboard-key graphics */
html body .discover-toolbar-wrap .discover-toolbar-body kbd,
html body .discover-toolbar-wrap .discover-toolbar-body [class*="key"],
html body .discover-toolbar-wrap .discover-toolbar-body i {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 23px !important;
    height: 23px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 2px 5px !important;

    color: #ffffff !important;
    background: #73113d !important;

    border: 1px solid #ff82af !important;
    border-radius: 5px !important;

    font-style: normal !important;
    font-size: 14px !important;
    line-height: 1 !important;

    box-shadow:
        0 2px 0 #3d071f,
        inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}

/* ---------- Color-code the three actions ---------- */

/* First item: Nope */
html body .discover-toolbar-wrap .discover-toolbar-body > *:nth-child(1) {
    color: #ffd7e1 !important;
    background: linear-gradient(
        180deg,
        rgba(142, 25, 58, 0.82),
        rgba(75, 8, 30, 0.92)
    ) !important;
    border-color: rgba(255, 104, 135, 0.68) !important;
}

/* Second item: Like */
html body .discover-toolbar-wrap .discover-toolbar-body > *:nth-child(2) {
    color: #fff2f8 !important;
    background: linear-gradient(
        180deg,
        rgba(204, 30, 102, 0.88),
        rgba(119, 12, 57, 0.94)
    ) !important;
    border-color: rgba(255, 108, 164, 0.82) !important;

    box-shadow:
        0 0 10px rgba(255, 40, 120, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.10) !important;
}

/* Third item: Super Like */
html body .discover-toolbar-wrap .discover-toolbar-body > *:nth-child(3) {
    color: #fff4fb !important;
    background: linear-gradient(
        180deg,
        rgba(133, 47, 159, 0.86),
        rgba(73, 17, 91, 0.94)
    ) !important;
    border-color: rgba(229, 139, 255, 0.78) !important;

    box-shadow:
        0 0 11px rgba(209, 82, 255, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.10) !important;
}

/* ---------- Smooth reveal when supported ---------- */

html body .discover-toolbar-wrap.discover-cards-tips-show
.discover-toolbar-body {
    animation: tabooDiscoverGuideOpen 0.20s ease-out both !important;
}

@keyframes tabooDiscoverGuideOpen {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ---------- Smaller screens ---------- */

@media (max-width: 600px) {
    html body .discover-toolbar-wrap {
        width: calc(100% - 16px) !important;
        padding: 8px !important;
    }

    html body .discover-toolbar-wrap .discover-toolbar-control {
        width: 100% !important;
    }

    html body .discover-toolbar-wrap .discover-toolbar-body {
        width: 100% !important;
    }

    html body .discover-toolbar-wrap .discover-toolbar-body > * {
        flex: 1 1 110px !important;
    }
}

/* ======================================================================
   08. PHOTOS, ALBUMS & PHOTO CONTESTS

   Photo lists, viewers, navigation, uploads, cards, contests, and comments.
   ====================================================================== */


/* ==========================================================
   TABOO! DATING - PHOTO LISTS
   ========================================================== */

.ow_photo_list_item {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    padding: 12px 0 !important;
}

.ow_photo_list_item_thumb,
.ow_photo_list_item_thumb img {
    width: 160px !important;
    height: 160px !important;
}

/* ==========================================================
   TABOO! DATING - PHOTO VIEW
   ========================================================== */

.ow_photoview_user {
    min-height: 78px !important;
    overflow: visible !important;
}

.ow_photoview_user .ow_user_list_picture {
    float: left !important;
    width: 70px !important;
    margin-right: -70px !important;
}

.ow_photoview_user .ow_user_list_picture .ow_avatar,
.ow_photoview_user .ow_user_list_picture .ow_avatar img {
    width: 60px !important;
    height: 60px !important;
}

.ow_photoview_user .ow_user_list_data {
    margin-left: 82px !important;
    min-height: 70px !important;
    display: block !important;
}

/* ==========================================================
   TABOO! DATING - LARGER PROFILE THUMBNAILS
   ========================================================== */

/* Photo albums */
.ow_lp_photos .ow_lp_wrapper,
.ow_lp_albums .ow_lp_wrapper {
    width: 80px !important;
    height: 80px !important;
    padding: 2px !important;
}

.ow_lp_photos img,
.ow_lp_albums img {
    width: 100px !important;
    height: 100px !important;
    object-fit: cover !important;
    display: block !important;
}

/* Friends */
.ow_lp_avatars .ow_avatar,
.ow_lp_avatars .ow_avatar img {
    width: 100px !important;
    height: 100px !important;
    object-fit: cover !important;
}

.ow_lp_avatars .ow_avatar {
    margin: 3px !important;
}

/* ==========================================================
   TABOO! DATING - PHOTO ALBUM FORM
   ========================================================== */

#photo-album-form {
    padding-bottom: 70px !important;
}

#ow_photo_upload_submit {
    display: block !important;
    clear: both !important;
    float: none !important;
    margin-top: 30px !important;
    text-align: right !important;
    position: relative !important;
    z-index: 50 !important;
}

#ow_photo_privacy_settings {
    display: block !important;
    clear: both !important;
    margin-bottom: 25px !important;
}

#photo-album-list {
    margin-bottom: 20px !important;
}

/* ==========================================================
   TABOO! DATING - PHOTO BROWSE HEADER
   ========================================================== */

html body .ow_box_menu.ow_fw_menu {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 10px !important;

    margin: 0 0 18px !important;
    padding: 10px 14px !important;

    background: linear-gradient(
        90deg,
        #250913 0%,
        #4b1730 50%,
        #250913 100%
    ) !important;

    border: 1px solid rgba(255,70,120,.30) !important;
    border-left: 4px solid #ff3b7a !important;
    border-radius: 12px !important;

    box-shadow:
        0 3px 8px rgba(0,0,0,.45),
        0 0 14px rgba(255,30,90,.18),
        inset 0 1px 0 rgba(255,255,255,.08) !important;
}

/* Show: label */

html body .ow_explore_photos_show {
    color: #ffffff !important;

    font-size: 19px !important;
    font-weight: 700 !important;

    margin-right: 8px !important;
}

/* Button row */

html body .ow_fw_btns {
    display: flex !important;
    gap: 8px !important;
}

/* Individual buttons */

html body .ow_fw_btns a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 7px 16px !important;

    background: linear-gradient(
        180deg,
        #651132 0%,
        #4b0d26 55%,
        #2b0816 100%
    ) !important;

    color: #ffffff !important;

    border: 2px solid #ff4b86 !important;
    border-radius: 8px !important;

    text-decoration: none !important;

    font-size: 17px !important;
    font-weight: 700 !important;

    transition: all .18s ease !important;

    box-shadow:
        0 2px 6px rgba(0,0,0,.45),
        inset 0 1px 0 rgba(255,255,255,.10) !important;
}

/* Hover */

html body .ow_fw_btns a:hover {
    background: linear-gradient(
        180deg,
        #7b163d 0%,
        #5d1230 55%,
        #340a1a 100%
    ) !important;

    border-color: #ff8ab6 !important;

    transform: translateY(-1px);

    box-shadow:
        0 4px 10px rgba(0,0,0,.55),
        0 0 12px rgba(255,60,130,.45) !important;
}

/* Active button */

html body .ow_fw_btns a.active {
    background: linear-gradient(
        180deg,
        #ff5b95 0%,
        #d42063 55%,
        #9d1044 100%
    ) !important;

    border-color: #ffc2d8 !important;

    box-shadow:
        0 0 14px rgba(255,80,140,.60),
        inset 0 1px 0 rgba(255,255,255,.20) !important;
}

/* ==========================================================
   TABOO! DATING - PHOTO NAVIGATION TABS
   Explore / My Photos
   ========================================================== */

html body .ow_content_menu_wrap {
    width: 100% !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
}

html body ul.ow_content_menu {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    gap: 8px !important;

    width: 100% !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 8px !important;

    background: linear-gradient(
        90deg,
        #250913 0%,
        #4b1730 50%,
        #250913 100%
    ) !important;

    border: 1px solid rgba(255, 70, 120, 0.30) !important;
    border-left: 4px solid #ff3b7a !important;
    border-radius: 12px !important;

    box-shadow:
        0 3px 8px rgba(0, 0, 0, 0.45),
        0 0 14px rgba(255, 30, 90, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

html body ul.ow_content_menu > li {
    display: block !important;
    float: none !important;

    margin: 0 !important;
    padding: 0 !important;
}

html body ul.ow_content_menu > li > a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;

    min-height: 42px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 8px 16px !important;

    color: #ffffff !important;

    background: linear-gradient(
        180deg,
        #651132 0%,
        #4b0d26 55%,
        #2b0816 100%
    ) !important;

    border: 2px solid #ff4b86 !important;
    border-radius: 9px !important;

    font-family: Arial, sans-serif !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    text-align: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;

    box-shadow:
        0 2px 6px rgba(0, 0, 0, 0.45),
        inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;

    transition:
        transform 0.15s ease,
        border-color 0.20s ease,
        box-shadow 0.20s ease,
        background 0.20s ease !important;
}

/* Icons inside Explore / My Photos */
html body ul.ow_content_menu > li > a span {
    color: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
}

/* Hovered tab */
html body ul.ow_content_menu > li > a:hover {
    color: #ffffff !important;

    background: linear-gradient(
        180deg,
        #7b163d 0%,
        #5d1230 55%,
        #340a1a 100%
    ) !important;

    border-color: #ff8ab6 !important;

    transform: translateY(-1px);

    box-shadow:
        0 4px 10px rgba(0, 0, 0, 0.55),
        0 0 12px rgba(255, 60, 130, 0.45),
        inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}

/* Selected tab */
html body ul.ow_content_menu > li.active > a,
html body ul.ow_content_menu > li > a.active {
    color: #ffffff !important;

    background: linear-gradient(
        180deg,
        #ff5b95 0%,
        #d42063 55%,
        #9d1044 100%
    ) !important;

    border-color: #ffc2d8 !important;

    box-shadow:
        0 0 14px rgba(255, 80, 140, 0.60),
        inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}

/* Remove any stock backgrounds from the menu icons */
html body ul.ow_content_menu .ow_ic_lens,
html body ul.ow_content_menu .ow_ic_picture,
html body ul.ow_content_menu [class*="ow_ic_"] {
    background-color: transparent !important;
}

/* ==========================================================
   TABOO! DATING - PHOTO SEARCH FIELD
   ========================================================== */

html body #photo-list-search {
    position: relative !important;

    display: flex !important;
    align-items: center !important;

    float: none !important;

    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;

    margin: 8px 0 0 !important;
    padding: 0 !important;

    background: transparent !important;
}

/* Search input */
html body #photo-list-search input[type="text"],
html body #photo-list-search input[type="search"] {
    display: block !important;

    width: 100% !important;
    min-width: 0 !important;
    height: 46px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 8px 48px 8px 14px !important;

    color: #111111 !important;
    caret-color: #111111 !important;

    background: #ffffff !important;

    border: 2px solid #ff4b86 !important;
    border-radius: 9px !important;

    font-family: Arial, sans-serif !important;
    font-size: 21px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;

    box-shadow:
        inset 0 2px 4px rgba(0, 0, 0, 0.20),
        0 0 8px rgba(255, 50, 120, 0.22) !important;

    outline: none !important;

    transition:
        border-color 0.20s ease,
        box-shadow 0.20s ease !important;
}

html body #photo-list-search input[type="text"]::placeholder,
html body #photo-list-search input[type="search"]::placeholder {
    color: #666666 !important;
    opacity: 1 !important;
}

/* Focused search field */
html body #photo-list-search input[type="text"]:focus,
html body #photo-list-search input[type="search"]:focus {
    border-color: #ff8ab6 !important;

    box-shadow:
        inset 0 2px 4px rgba(0, 0, 0, 0.18),
        0 0 14px rgba(255, 70, 140, 0.55) !important;
}

/* Search icon/button on the right */
html body #photo-list-search a,
html body #photo-list-search button,
html body #photo-list-search input[type="submit"] {
    position: absolute !important;
    top: 50% !important;
    right: 6px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 34px !important;
    height: 34px !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: translateY(-50%) !important;

    color: #ffffff !important;
    background: linear-gradient(
        180deg,
        #7b163d 0%,
        #4b0d26 100%
    ) !important;

    border: 1px solid #ff78aa !important;
    border-radius: 7px !important;

    box-shadow:
        0 2px 5px rgba(0, 0, 0, 0.35),
        0 0 7px rgba(255, 60, 130, 0.30) !important;

    cursor: pointer !important;
}

/* Hover search button */
html body #photo-list-search a:hover,
html body #photo-list-search button:hover,
html body #photo-list-search input[type="submit"]:hover {
    background: linear-gradient(
        180deg,
        #a51d50 0%,
        #651132 100%
    ) !important;

    border-color: #ffc2d8 !important;

    box-shadow:
        0 3px 7px rgba(0, 0, 0, 0.45),
        0 0 11px rgba(255, 70, 140, 0.55) !important;
}

/* ==========================================================
   TABOO! DATING - PHOTO BROWSE CARDS
   Photo image, information panel, links, ratings, comments
   ========================================================== */


/* ----------------------------------------------------------
   Complete photo card
   ---------------------------------------------------------- */

html body .ow_photo_item {
    box-sizing: border-box !important;

    background-color: #240413 !important;

    border: 1px solid rgba(255, 75, 135, 0.62) !important;
    border-radius: 10px !important;

    overflow: hidden !important;

    box-shadow:
        0 5px 13px rgba(0, 0, 0, 0.52),
        0 0 12px rgba(255, 45, 115, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
}


/* ----------------------------------------------------------
   Photo itself
   ---------------------------------------------------------- */

html body .ow_photo_item img {
    display: block !important;

    max-width: 100% !important;
    height: auto !important;

    margin: 0 !important;

    border: 0 !important;
    border-bottom: 2px solid #ff4b86 !important;

    border-radius: 0 !important;

    box-shadow:
        0 3px 8px rgba(0, 0, 0, 0.38) !important;
}


/* ----------------------------------------------------------
   Information area beneath the photo
   Removes the stock white panel
   ---------------------------------------------------------- */

html body .ow_photo_item_info,
html body .ow_photo_item_info_user,
html body .ow_photo_item_info_album,
html body .ow_photo_item_info_description,
html body .ow_photo_comment_count {
    box-sizing: border-box !important;

    color: #f5dce8 !important;
    background: transparent !important;

    border: 0 !important;
    box-shadow: none !important;

    font-family: Arial, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
}


/* Main information panel */
html body .ow_photo_item_info {
    width: 100% !important;

    margin: 0 !important;
    padding: 12px 11px 13px !important;

    background: linear-gradient(
        145deg,
        rgba(62, 8, 34, 0.98) 0%,
        rgba(29, 3, 16, 0.99) 100%
    ) !important;
}


/* ----------------------------------------------------------
   Photographer and album rows
   ---------------------------------------------------------- */

html body .ow_photo_item_info_user,
html body .ow_photo_item_info_album {
    display: block !important;

    width: 100% !important;

    margin: 0 0 8px !important;
    padding: 0 0 8px !important;

    border-bottom: 1px solid rgba(255, 255, 255, 0.13) !important;

    color: #ffd9e8 !important;

    white-space: normal !important;
    overflow-wrap: anywhere !important;
}


/* Links */
html body .ow_photo_item_info a,
html body .ow_photo_item_info_user a,
html body .ow_photo_item_info_album a,
html body .ow_photo_comment_count a {
    color: #ff83b8 !important;

    font-family: Arial, sans-serif !important;
    font-size: inherit !important;
    font-weight: 700 !important;
    line-height: inherit !important;

    text-decoration: none !important;

    transition:
        color 0.18s ease,
        text-shadow 0.18s ease !important;
}


html body .ow_photo_item_info a:hover,
html body .ow_photo_item_info_user a:hover,
html body .ow_photo_item_info_album a:hover,
html body .ow_photo_comment_count a:hover {
    color: #ffffff !important;

    text-shadow:
        0 0 8px rgba(255, 85, 155, 0.65) !important;
}


/* ----------------------------------------------------------
   Rating area
   ---------------------------------------------------------- */

html body .ow_photo_item .ow_rates_wrap {
    width: 100% !important;
    box-sizing: border-box !important;

    margin: 8px 0 !important;
    padding: 8px 0 !important;

    color: #ffd26b !important;
    background: transparent !important;

    border-top: 1px solid rgba(255, 255, 255, 0.11) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.11) !important;

    font-family: Arial, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
}


/* Rating stars and surrounding elements */
html body .ow_photo_item .ow_rates_wrap *,
html body .ow_photo_item .ow_rate_score,
html body .ow_photo_item .ow_rate_score * {
    color: #ffd26b !important;

    font-family: Arial, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
}


/* ----------------------------------------------------------
   Comment count
   ---------------------------------------------------------- */

html body .ow_photo_comment_count {
    display: block !important;

    width: 100% !important;

    margin: 5px 0 0 !important;
    padding: 4px 0 0 !important;

    color: #ffd9e8 !important;

    font-weight: 700 !important;
}


/* ----------------------------------------------------------
   Small selection/control button on photo corner
   ---------------------------------------------------------- */

html body .ow_photo_item .ow_photo_context_action,
html body .ow_photo_item .ow_context_action {
    background-color: rgba(29, 3, 16, 0.92) !important;

    border: 1px solid #ff659e !important;
    border-radius: 6px !important;

    box-shadow:
        0 2px 7px rgba(0, 0, 0, 0.48),
        0 0 8px rgba(255, 55, 125, 0.32) !important;
}


/* ----------------------------------------------------------
   Card hover
   ---------------------------------------------------------- */

html body .ow_photo_item {
    transition:
        transform 0.17s ease,
        border-color 0.20s ease,
        box-shadow 0.20s ease !important;
}


html body .ow_photo_item:hover {
    border-color: #ff8cba !important;

    transform: translateY(-2px);

    box-shadow:
        0 8px 18px rgba(0, 0, 0, 0.58),
        0 0 18px rgba(255, 55, 130, 0.38),
        inset 0 1px 0 rgba(255, 255, 255, 0.09) !important;
}

/* ==========================================================
   TABOO! DATING - THEMED PHOTO UPLOAD WINDOW
   Consolidated photo-upload treatment.
   ========================================================== */

/* ---------- Popup shell ---------- */

/*
 * Oxwall normally centers this canvas with calculated offsets. Replacing the
 * upload canvas with a viewport-sized flex layer prevents those old offsets
 * from pushing a resized popup off the left side of the screen.
 */
html body .floatbox_canvas.floatbox_canvas_active {
    position: fixed !important;
    inset: 0 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    margin: 0 !important;
    padding: 14px !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
    overflow: auto !important;
    transform: none !important;
}

html body .floatbox_canvas.floatbox_canvas_active > .floatbox_container {
    position: relative !important;
    width: min(746px, calc(100vw - 28px)) !important;
    max-height: calc(100vh - 28px) !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    transform: none !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    color: #f8eaf2 !important;
    background: linear-gradient(160deg, #31001f 0%, #1d0013 100%) !important;
    border: 1px solid #ff4fa6 !important;
    border-radius: 14px !important;
    box-shadow:
        0 24px 70px rgba(0, 0, 0, 0.72),
        0 0 28px rgba(255, 35, 132, 0.22) !important;
}

html body .floatbox_canvas.floatbox_canvas_active > .floatbox_container .floatbox_header {
    position: relative !important;
    min-height: 54px !important;
    padding: 14px 58px 10px 18px !important;
    box-sizing: border-box !important;
    background: linear-gradient(90deg, #5c002f, #32001f) !important;
    border-bottom: 1px solid rgba(255, 79, 166, 0.55) !important;
}

html body .floatbox_canvas.floatbox_canvas_active > .floatbox_container .floatbox_title {
    margin: 0 !important;
    padding: 0 !important;
    color: #ffffff !important;
    font-size: 24px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    letter-spacing: 0.02em !important;
    text-shadow: 0 0 14px rgba(255, 79, 166, 0.34) !important;
}

html body .floatbox_canvas.floatbox_canvas_active > .floatbox_container .floatbox_header .ow_box_cap_icons {
    position: absolute !important;
    top: 13px !important;
    right: 14px !important;
    z-index: 20 !important;
    float: none !important;
    width: 32px !important;
    height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body .floatbox_canvas.floatbox_canvas_active > .floatbox_container .floatbox_header .ow_box_cap_icons a.ow_ic_delete.close {
    display: block !important;
    position: static !important;
    float: none !important;
    width: 32px !important;
    height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #ff4fa6 !important;
    border-radius: 50% !important;
    background-color: #53002e !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    box-shadow: 0 0 12px rgba(255, 79, 166, 0.25) !important;
}

/* The body scrolls; the popup itself never extends beyond the viewport. */
html body .floatbox_canvas.floatbox_canvas_active > .floatbox_container .floatbox_body {
    max-height: calc(100vh - 98px) !important;
    padding: 18px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    box-sizing: border-box !important;
    color: #f8eaf2 !important;
    background: transparent !important;
    scrollbar-color: #ff4fa6 #260018 !important;
}

html body #add-new-photo-container,
html body #add-new-photo-container form[name="ajax-upload"] {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

html body #add-new-photo-container form[name="ajax-upload"] {
    display: flow-root !important;
}

/* ---------- Drag-and-drop area ---------- */

html body #add-new-photo-container .ow_photo_dragndrop {
    min-height: 112px !important;
    margin: 0 0 18px !important;
    padding: 18px !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #fff2f8 !important;
    background:
        linear-gradient(135deg, rgba(255, 31, 132, 0.16), rgba(74, 0, 48, 0.48)) !important;
    border: 2px dashed rgba(255, 104, 178, 0.78) !important;
    border-radius: 12px !important;
    box-shadow: inset 0 0 22px rgba(255, 38, 139, 0.10) !important;
    font-size: 16px !important;
    font-weight: 750 !important;
    line-height: 1.4 !important;
    text-align: center !important;
    cursor: pointer !important;
}

html body #add-new-photo-container .ow_photo_dragndrop:hover {
    background:
        linear-gradient(135deg, rgba(255, 31, 132, 0.26), rgba(92, 0, 54, 0.58)) !important;
    border-color: #ff4fa6 !important;
    box-shadow:
        inset 0 0 24px rgba(255, 38, 139, 0.15),
        0 0 16px rgba(255, 79, 166, 0.18) !important;
}

/* ---------- Album and privacy controls ---------- */

html body #photo-album-form {
    display: block !important;
    float: none !important;
    clear: both !important;
    width: 100% !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

html body #photo-album-form .ow_suggest_field,
html body #photo-album-form .ow_dropdown_btn,
html body #photo-album-form input[type="text"] {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 46px !important;
    box-sizing: border-box !important;
    color: #311020 !important;
    background: #fff7fb !important;
    border: 1px solid #ff86bf !important;
    border-radius: 8px !important;
    font-size: 17px !important;
    line-height: 1.3 !important;
    box-shadow: inset 0 1px 3px rgba(44, 0, 25, 0.15) !important;
}

html body #add-new-photo-container .ow_photo_privacy_settings {
    display: block !important;
    float: none !important;
    clear: both !important;
    width: 100% !important;
    margin: 10px 0 0 !important;
    padding: 12px !important;
    box-sizing: border-box !important;
    color: #f8eaf2 !important;
    background: rgba(255, 255, 255, 0.055) !important;
    border: 1px solid rgba(255, 103, 178, 0.34) !important;
    border-radius: 9px !important;
}

html body #add-new-photo-container .ow_photo_privacy_settings select {
    min-height: 38px !important;
    padding: 6px 34px 6px 10px !important;
    color: #311020 !important;
    background-color: #fff7fb !important;
    border: 1px solid #ff86bf !important;
    border-radius: 7px !important;
    font-size: 15px !important;
}

/* ---------- Submit area ---------- */

/* Normal document flow prevents the action from covering Privacy. */
html body #add-new-photo-container .ow_photo_upload_submit {
    position: static !important;
    display: block !important;
    float: none !important;
    clear: both !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 18px 0 0 !important;
    padding: 14px 0 2px !important;
    box-sizing: border-box !important;
    background: transparent !important;
    border: 0 !important;
    border-top: 1px solid rgba(255, 79, 166, 0.42) !important;
    box-shadow: none !important;
    text-align: right !important;
    transform: none !important;
}

html body #add-new-photo-container .ow_photo_upload_submit .ow_button,
html body #add-new-photo-container .ow_photo_upload_submit span.ow_button {
    display: inline-block !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

html body #add-new-photo-container .ow_photo_upload_submit input[type="submit"] {
    display: inline-block !important;
    float: none !important;
    width: auto !important;
    min-width: 150px !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 10px 24px !important;
    box-sizing: border-box !important;
    opacity: 1 !important;
    visibility: visible !important;
    color: #ffffff !important;
    background: linear-gradient(180deg, #f72f91 0%, #a90055 100%) !important;
    border: 1px solid #ff8dc5 !important;
    border-radius: 9px !important;
    box-shadow:
        0 5px 16px rgba(185, 0, 83, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.035em !important;
    text-align: center !important;
    text-transform: uppercase !important;
    text-shadow: 0 1px 2px rgba(45, 0, 25, 0.55) !important;
    cursor: pointer !important;
}

html body #add-new-photo-container .ow_photo_upload_submit input[type="submit"]:hover,
html body #add-new-photo-container .ow_photo_upload_submit input[type="submit"]:focus-visible {
    background: linear-gradient(180deg, #ff55a9 0%, #c00062 100%) !important;
    border-color: #ffd0e7 !important;
    box-shadow:
        0 7px 20px rgba(210, 0, 96, 0.45),
        0 0 0 3px rgba(255, 113, 184, 0.22) !important;
    outline: none !important;
}

/* ---------- Smaller windows ---------- */

@media (max-width: 700px), (max-height: 650px) {
    html body .floatbox_canvas.floatbox_canvas_active {
        padding: 8px !important;
    }

    html body .floatbox_canvas.floatbox_canvas_active > .floatbox_container {
        width: calc(100vw - 16px) !important;
        left: auto !important;
        right: auto !important;
        max-height: calc(100vh - 16px) !important;
        margin: 0 !important;
    }

    html body .floatbox_canvas.floatbox_canvas_active > .floatbox_container .floatbox_body {
        max-height: calc(100vh - 80px) !important;
        padding: 12px !important;
    }

    html body #add-new-photo-container .ow_photo_dragndrop {
        min-height: 88px !important;
        padding: 12px !important;
        font-size: 14px !important;
    }

    html body #add-new-photo-container .ow_photo_upload_submit input[type="submit"] {
        width: 100% !important;
    }
}

/* ==========================================================
   TABOO! DATING - PHOTO CONTEST ACTION BUTTONS
   Delete / Edit / Flag / I'm Joining / No
   Keep this block at the END of the site's Custom CSS.
   ========================================================== */

/* ---------- Shared button styling ---------- */

html body .ow_content > .ow_stdmargin.ow_txtright ul.ow_bl,
html body .ow_content .attend_buttons .buttons {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 10px !important;
}

html body .ow_content > .ow_stdmargin.ow_txtright ul.ow_bl {
    justify-content: flex-start !important;
    margin: 0 0 20px !important;
    padding: 0 !important;
    text-align: left !important;
}

html body .ow_content .attend_buttons .buttons {
    justify-content: flex-end !important;
}

/* Remove the old tightly connected list-button appearance. */
html body .ow_content > .ow_stdmargin.ow_txtright ul.ow_bl > li {
    display: block !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body .ow_content > .ow_stdmargin.ow_txtright ul.ow_bl > li > a,
html body .ow_content .attend_buttons .buttons input[type="submit"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    min-width: 105px !important;
    min-height: 48px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 10px 20px !important;

    color: #ffffff !important;
    background: linear-gradient(
        180deg,
        #7c1744 0%,
        #560d31 55%,
        #320619 100%
    ) !important;

    border: 2px solid #ff4b86 !important;
    border-radius: 9px !important;

    font-family: Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    text-decoration: none !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.72) !important;
    white-space: nowrap !important;

    box-shadow:
        0 4px 10px rgba(0, 0, 0, 0.42),
        0 0 12px rgba(255, 45, 115, 0.20),
        inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;

    cursor: pointer !important;
    opacity: 1 !important;
    appearance: none !important;

    transition:
        transform 0.15s ease,
        border-color 0.18s ease,
        background 0.18s ease,
        box-shadow 0.18s ease !important;
}

/* ---------- Hover and keyboard focus ---------- */

html body .ow_content > .ow_stdmargin.ow_txtright ul.ow_bl > li > a:hover,
html body .ow_content > .ow_stdmargin.ow_txtright ul.ow_bl > li > a:focus-visible,
html body .ow_content .attend_buttons .buttons input[type="submit"]:hover,
html body .ow_content .attend_buttons .buttons input[type="submit"]:focus-visible {
    color: #ffffff !important;

    background: linear-gradient(
        180deg,
        #a42059 0%,
        #74113e 55%,
        #440821 100%
    ) !important;

    border-color: #ffc0d7 !important;

    box-shadow:
        0 6px 14px rgba(0, 0, 0, 0.50),
        0 0 18px rgba(255, 60, 130, 0.46),
        inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;

    transform: translateY(-1px) !important;
    outline: none !important;
}

html body .ow_content > .ow_stdmargin.ow_txtright ul.ow_bl > li > a:active,
html body .ow_content .attend_buttons .buttons input[type="submit"]:active {
    transform: translateY(1px) !important;
    box-shadow:
        0 2px 5px rgba(0, 0, 0, 0.48),
        inset 0 2px 4px rgba(0, 0, 0, 0.22) !important;
}

/* ---------- Delete: visually identify the destructive action ---------- */

html body .ow_content > .ow_stdmargin.ow_txtright
ul.ow_bl > li > a.ow_mild_red {
    color: #ffffff !important;

    background: linear-gradient(
        180deg,
        #d52b4f 0%,
        #a51035 58%,
        #68051d 100%
    ) !important;

    border-color: #ff829d !important;
}

html body .ow_content > .ow_stdmargin.ow_txtright
ul.ow_bl > li > a.ow_mild_red:hover,
html body .ow_content > .ow_stdmargin.ow_txtright
ul.ow_bl > li > a.ow_mild_red:focus-visible {
    background: linear-gradient(
        180deg,
        #f04468 0%,
        #c51743 58%,
        #820826 100%
    ) !important;

    border-color: #ffd0da !important;
    box-shadow:
        0 6px 14px rgba(0, 0, 0, 0.50),
        0 0 18px rgba(255, 50, 95, 0.52),
        inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
}

/* ---------- Attendance controls ---------- */

/* Remove Oxwall's old gray button wrappers. */
html body .ow_content .attend_buttons .buttons span.ow_blitem,
html body .ow_content .attend_buttons .buttons span.ow_button,
html body .ow_content .attend_buttons .buttons span.ow_button > span {
    display: inline-block !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* "I'm joining" is the emphasized positive choice. */
html body .ow_content .attend_buttons .buttons
input[id*="attend_yes_btn"] {
    min-width: 150px !important;

    background: linear-gradient(
        180deg,
        #ff559b 0%,
        #d51d68 55%,
        #941044 100%
    ) !important;

    border-color: #ffc0d8 !important;

    box-shadow:
        0 4px 12px rgba(0, 0, 0, 0.45),
        0 0 16px rgba(255, 55, 135, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.26) !important;
}

/* "No" remains themed but visually secondary. */
html body .ow_content .attend_buttons .buttons
input[id*="attend_no_btn"] {
    min-width: 85px !important;

    color: #ffeaf2 !important;
    background: linear-gradient(
        180deg,
        #57142f 0%,
        #3b0b22 58%,
        #260615 100%
    ) !important;

    border-color: #c94a78 !important;
}

/* ---------- Smaller screens ---------- */

@media (max-width: 600px) {
    html body .ow_content .attend_buttons .buttons {
        justify-content: stretch !important;
    }

    html body .ow_content .attend_buttons .buttons span.ow_blitem {
        flex: 1 1 auto !important;
    }

    html body .ow_content .attend_buttons .buttons input[type="submit"] {
        width: 100% !important;
    }
}

/* ==========================================================
   TABOO! DATING - PHOTO CONTEST COMMENTS
   Composer, empty state, comment list, and attachment button
   Keep this block at the END of the site's Custom CSS.
   ========================================================== */

/* ---------- Entire comment component ---------- */

html body .ow_comments_ipc {
    width: 100% !important;
    box-sizing: border-box !important;
    color: #fff2f7 !important;
}

/* Empty-state text: "No comments" */
html body .ow_comments_ipc .comments_list_cont:empty::before {
    content: "No comments";
    display: block !important;
    padding: 20px !important;
    color: #ead8e0 !important;
    font-size: 22px !important;
    line-height: 1.35 !important;
    text-align: center !important;
}

/* ---------- Comment composer ---------- */

html body .ow_comments_ipc .ow_comments_form_wrap {
    display: block !important;
    width: 100% !important;
    min-height: 0 !important;
    box-sizing: border-box !important;

    margin: 14px 0 20px !important;
    padding: 12px !important;

    color: #fff2f7 !important;
    background: linear-gradient(
        145deg,
        rgba(82, 12, 47, 0.98) 0%,
        rgba(42, 4, 27, 0.98) 100%
    ) !important;

    border: 1px solid rgba(255, 78, 143, 0.62) !important;
    border-left: 4px solid #ff3f80 !important;
    border-radius: 11px !important;

    box-shadow:
        0 6px 16px rgba(0, 0, 0, 0.40),
        0 0 15px rgba(255, 40, 115, 0.17),
        inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
}

/* Layout the avatar beside the input. */
html body .ow_comments_ipc .ow_comments_input_wrap {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;

    width: 100% !important;
    min-height: 0 !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

/* ---------- Composer avatar ---------- */

html body .ow_comments_ipc
.ow_comments_input_wrap .ow_comments_item_picture {
    display: block !important;
    position: static !important;
    float: none !important;
    flex: 0 0 72px !important;

    width: 72px !important;
    height: 72px !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body .ow_comments_ipc
.ow_comments_input_wrap .ow_comments_item_picture .ow_avatar,
html body .ow_comments_ipc
.ow_comments_input_wrap .ow_comments_item_picture img {
    display: block !important;
    width: 72px !important;
    height: 72px !important;
    box-sizing: border-box !important;

    border-radius: 8px !important;
    object-fit: cover !important;
}

html body .ow_comments_ipc
.ow_comments_input_wrap .ow_comments_item_picture .ow_avatar {
    border: 2px solid #ff5793 !important;
    box-shadow:
        0 3px 9px rgba(0, 0, 0, 0.45),
        0 0 10px rgba(255, 45, 120, 0.25) !important;
}

/* ---------- Text-entry area ---------- */

html body .ow_comments_ipc
.ow_comments_input_wrap .ow_comments_item_info {
    display: block !important;
    position: relative !important;
    float: none !important;
    flex: 1 1 auto !important;

    width: auto !important;
    min-width: 0 !important;
    min-height: 72px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #fff2f7 !important;
    background: transparent !important;
}

html body .ow_comments_ipc
.ow_comments_input_wrap textarea,
html body .ow_comments_ipc
.ow_comments_input_wrap input[type="text"],
html body .ow_comments_ipc
.ow_comments_input_wrap .comments_fake_autoclick {
    display: block !important;

    width: 100% !important;
    min-width: 0 !important;
    min-height: 72px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 12px 48px 12px 14px !important;

    color: #30101f !important;
    caret-color: #8e1747 !important;
    background: #fff7fb !important;

    border: 2px solid #ff75aa !important;
    border-radius: 9px !important;

    font-family: Arial, sans-serif !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;

    resize: vertical !important;
    outline: none !important;

    box-shadow:
        inset 0 2px 5px rgba(45, 0, 25, 0.15),
        0 0 10px rgba(255, 55, 130, 0.20) !important;

    transition:
        border-color 0.18s ease,
        box-shadow 0.18s ease !important;
}

html body .ow_comments_ipc
.ow_comments_input_wrap textarea::placeholder,
html body .ow_comments_ipc
.ow_comments_input_wrap input[type="text"]::placeholder {
    color: #795766 !important;
    opacity: 1 !important;
}

html body .ow_comments_ipc
.ow_comments_input_wrap textarea:focus,
html body .ow_comments_ipc
.ow_comments_input_wrap input[type="text"]:focus,
html body .ow_comments_ipc
.ow_comments_input_wrap .comments_fake_autoclick:focus {
    border-color: #ffc2d9 !important;

    box-shadow:
        inset 0 2px 5px rgba(45, 0, 25, 0.12),
        0 0 16px rgba(255, 65, 140, 0.46) !important;
}

/* ---------- Photo attachment control ---------- */

html body .ow_comments_ipc
.ow_comments_input_wrap .ow_photo_attachment_btn,
html body .ow_comments_ipc
.ow_comments_input_wrap [id^="attch_photo_button"],
html body .ow_comments_ipc
.ow_comments_input_wrap .ow_comments_attach {
    position: absolute !important;
    top: 18px !important;
    right: 12px !important;
    z-index: 3 !important;

    display: block !important;
    width: 34px !important;
    height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;
    background-color: #8d1748 !important;
    background-position: center !important;
    background-repeat: no-repeat !important;

    border: 1px solid #ff8db8 !important;
    border-radius: 7px !important;

    box-shadow:
        0 2px 6px rgba(0, 0, 0, 0.35),
        0 0 8px rgba(255, 50, 125, 0.20) !important;

    cursor: pointer !important;
}

/* ---------- Existing posted comments ---------- */

html body .ow_comments_ipc .comments_list_cont .ow_comments_item {
    display: flow-root !important;
    width: 100% !important;
    box-sizing: border-box !important;

    margin: 10px 0 !important;
    padding: 12px !important;

    color: #fff2f7 !important;
    background: linear-gradient(
        145deg,
        rgba(75, 12, 44, 0.92) 0%,
        rgba(38, 5, 25, 0.96) 100%
    ) !important;

    border: 1px solid rgba(255, 91, 151, 0.36) !important;
    border-radius: 10px !important;

    box-shadow:
        0 4px 12px rgba(0, 0, 0, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

html body .ow_comments_ipc
.comments_list_cont .ow_comments_item_picture {
    float: left !important;
    width: 64px !important;
    height: 64px !important;
    margin: 0 !important;
}

html body .ow_comments_ipc
.comments_list_cont .ow_comments_item_picture .ow_avatar,
html body .ow_comments_ipc
.comments_list_cont .ow_comments_item_picture img {
    width: 64px !important;
    height: 64px !important;
    border-radius: 8px !important;
    object-fit: cover !important;
}

html body .ow_comments_ipc
.comments_list_cont .ow_comments_item_info {
    min-height: 64px !important;
    margin: 0 0 0 78px !important;
    padding: 2px 0 !important;

    color: #fff2f7 !important;
    font-size: 19px !important;
    line-height: 1.42 !important;
}

html body .ow_comments_ipc
.comments_list_cont .ow_comments_item_info a {
    color: #ff91ba !important;
    font-weight: 800 !important;
}

html body .ow_comments_ipc
.comments_list_cont .ow_comments_item_info a:hover {
    color: #ffd1e2 !important;
}

/* ---------- Phone layout ---------- */

@media (max-width: 520px) {
    html body .ow_comments_ipc .ow_comments_form_wrap {
        padding: 9px !important;
    }

    html body .ow_comments_ipc .ow_comments_input_wrap {
        gap: 8px !important;
    }

    html body .ow_comments_ipc
    .ow_comments_input_wrap .ow_comments_item_picture {
        flex-basis: 54px !important;
        width: 54px !important;
        height: 54px !important;
    }

    html body .ow_comments_ipc
    .ow_comments_input_wrap .ow_comments_item_picture .ow_avatar,
    html body .ow_comments_ipc
    .ow_comments_input_wrap .ow_comments_item_picture img {
        width: 54px !important;
        height: 54px !important;
    }

    html body .ow_comments_ipc
    .ow_comments_input_wrap textarea,
    html body .ow_comments_ipc
    .ow_comments_input_wrap input[type="text"],
    html body .ow_comments_ipc
    .ow_comments_input_wrap .comments_fake_autoclick {
        min-height: 58px !important;
        padding: 10px 43px 10px 11px !important;
        font-size: 17px !important;
    }

    html body .ow_comments_ipc
    .ow_comments_input_wrap .ow_photo_attachment_btn,
    html body .ow_comments_ipc
    .ow_comments_input_wrap [id^="attch_photo_button"],
    html body .ow_comments_ipc
    .ow_comments_input_wrap .ow_comments_attach {
        top: 12px !important;
        right: 8px !important;
    }
}

/* ======================================================================
   09. QUESTIONS PLUGIN
   Standalone question-list presentation; feed polls remain with Newsfeed.
   ====================================================================== */
/* ==========================================================
   TABOO! DATING - QUESTIONS
   ========================================================== */
.questions-list .ql_item {
    overflow: visible !important;
}
.questions-list .ql_avatar {
    float: left !important;
    width: 90px !important;
    margin-right: -90px !important;
}
.questions-list .ql_avatar .ow_avatar,
.questions-list .ql_avatar .ow_avatar img {
    width: 80px !important;
    height: 80px !important;
}
.questions-list .ql_body {
    margin-left: 105px !important;
    min-height: 90px !important;
    font-size: 21px !important;
    line-height: 1.45 !important;
}
.questions-list .questions-answers {
    width: 100% !important;
    margin-top: 16px !important;
}
.questions-list .questions-answer {
    display: block !important;
    width: 100% !important;
    margin: 12px 0 !important;
    clear: both !important;
}
.questions-list .qa-check {
    float: left !important;
    width: 24px !important;
    margin-top: 10px !important;
}
.questions-list .qa-users {
    display: none !important;
}
.questions-list .qa-content {
    margin-left: 34px !important;
    width: auto !important;
    font-size: 21px !important;
    line-height: 1.45 !important;
}
.questions-list .qa-content-clip {
    width: 100% !important;
    box-sizing: border-box !important;
}


/* ======================================================================
   10. CONFESSIONS PLUGIN

   Confession lists and widget actions.
   ====================================================================== */

/* ==========================================================
   TABOO! DATING - CONFESSIONS LIST
   ========================================================== */

.confessions_list .ow_ipc_picture,
.confession_list .ow_ipc_picture,
.ow_ipc_picture {
    width: 90px !important;
    margin-right: -90px !important;
}

.confessions_list .ow_ipc_picture img,
.confession_list .ow_ipc_picture img,
.ow_ipc_picture img {
    width: 80px !important;
    height: 80px !important;
}

.confessions_list .ow_ipc_info,
.confession_list .ow_ipc_info,
.ow_ipc_info {
    margin-left: 105px !important;
    min-height: 90px !important;
    font-size: 21px !important;
    line-height: 1.45 !important;
}

/* ==========================================================
   TABOO! DATING - CONFESSIONS WIDGET BUTTONS
   Write new confession / Go to Confessions
   ========================================================== */

html body
.dashboard-CONFESSIONS_CMP_ConfessionWidget
.ow_box_toolbar_cont {
    float: none !important;
    clear: both !important;

    width: 100% !important;
    box-sizing: border-box !important;

    margin: 14px 0 0 !important;
    padding: 0 !important;
}

html body
.dashboard-CONFESSIONS_CMP_ConfessionWidget
ul.ow_box_toolbar {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 9px !important;

    float: none !important;

    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}

html body
.dashboard-CONFESSIONS_CMP_ConfessionWidget
ul.ow_box_toolbar > li {
    display: block !important;
    float: none !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
}

html body
.dashboard-CONFESSIONS_CMP_ConfessionWidget
ul.ow_box_toolbar > li > a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 44px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 9px 18px !important;

    color: #ffffff !important;
    background: linear-gradient(
        180deg,
        #651132 0%,
        #4b0d26 50%,
        #2b0816 100%
    ) !important;

    border: 2px solid #ff4b86 !important;
    border-radius: 10px !important;

    font-family: Arial, sans-serif !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    letter-spacing: 0.2px !important;

    text-align: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;

    box-shadow:
        0 3px 8px rgba(0, 0, 0, 0.45),
        0 0 10px rgba(255, 50, 120, 0.30),
        inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;

    cursor: pointer !important;

    transition:
        transform 0.15s ease,
        background 0.20s ease,
        border-color 0.20s ease,
        box-shadow 0.20s ease !important;
}

html body
.dashboard-CONFESSIONS_CMP_ConfessionWidget
ul.ow_box_toolbar > li > a:hover {
    color: #ffffff !important;
    background: linear-gradient(
        180deg,
        #7b163d 0%,
        #5d1230 50%,
        #340a1a 100%
    ) !important;

    border-color: #ff78aa !important;
    transform: translateY(-2px) !important;

    box-shadow:
        0 6px 14px rgba(0, 0, 0, 0.55),
        0 0 18px rgba(255, 70, 140, 0.60),
        inset 0 1px 0 rgba(255, 255, 255, 0.20) !important;
}

html body
.dashboard-CONFESSIONS_CMP_ConfessionWidget
ul.ow_box_toolbar > li > a:focus-visible {
    color: #ffffff !important;
    border-color: #ffd2e3 !important;
    outline: 2px solid #ffffff !important;
    outline-offset: 3px !important;

    box-shadow:
        0 0 0 3px rgba(255, 75, 135, 0.40),
        0 0 18px rgba(255, 70, 140, 0.60) !important;
}

html body
.dashboard-CONFESSIONS_CMP_ConfessionWidget
ul.ow_box_toolbar > li > a:active {
    transform: translateY(1px) scale(0.98) !important;

    box-shadow:
        inset 0 3px 6px rgba(0, 0, 0, 0.45),
        0 0 8px rgba(255, 50, 120, 0.25) !important;
}

@media (max-width: 520px) {
    html body
    .dashboard-CONFESSIONS_CMP_ConfessionWidget
    ul.ow_box_toolbar {
        justify-content: center !important;
    }

    html body
    .dashboard-CONFESSIONS_CMP_ConfessionWidget
    ul.ow_box_toolbar > li {
        width: 100% !important;
    }

    html body
    .dashboard-CONFESSIONS_CMP_ConfessionWidget
    ul.ow_box_toolbar > li > a {
        width: 100% !important;
        white-space: normal !important;
    }
}

/* ======================================================================
   11. HOTLIST PLUGIN

   Hotlist call-to-action styling.
   ====================================================================== */

/* ==========================================================
   TABOO! DATING - HOTLIST BUTTON
   ========================================================== */

.hotlist_footer {
    text-align: center !important;
    margin: 18px 0 8px !important;
}

.hotlist_footer #add_to_list,
.hotlist_footer a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;

    min-width: 240px !important;
    min-height: 46px !important;

    padding: 10px 26px !important;
    box-sizing: border-box !important;

    font-family: Arial, sans-serif !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    color: #ffffff !important;
    text-decoration: none !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.85) !important;

    background: linear-gradient(
        180deg,
        #8e1845 0%,
        #621330 55%,
        #39091b 100%
    ) !important;

    border: 2px solid #ff5b95 !important;
    border-radius: 12px !important;

    box-shadow:
        0 5px 12px rgba(0, 0, 0, 0.45),
        0 0 16px rgba(255, 50, 120, 0.35),
        inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;

    transition:
        transform 0.18s ease,
        border-color 0.18s ease,
        box-shadow 0.18s ease,
        background 0.18s ease !important;
}

/* Safe SVG heart icon. Avoids broken text-encoding artifacts. */
.hotlist_footer #add_to_list::before,
.hotlist_footer a::before {
    content: "" !important;

    display: inline-block !important;
    width: 22px !important;
    height: 22px !important;
    flex: 0 0 22px !important;

    background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cdefs%3E%3Cfilter%20id='g'%20x='-40%25'%20y='-40%25'%20width='180%25'%20height='180%25'%3E%3CfeGaussianBlur%20stdDeviation='1.6'%20result='b'/%3E%3CfeMerge%3E%3CfeMergeNode%20in='b'/%3E%3CfeMergeNode%20in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3ClinearGradient%20id='p'%20x1='0'%20y1='0'%20x2='0'%20y2='1'%3E%3Cstop%20offset='0'%20stop-color='%23ffffff'/%3E%3Cstop%20offset='0.35'%20stop-color='%23ff9ec5'/%3E%3Cstop%20offset='1'%20stop-color='%23ff2f78'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath%20filter='url(%23g)'%20fill='url(%23p)'%20stroke='%23ffffff'%20stroke-width='1.2'%20d='M12%2021s-7.4-4.7-9.7-9.1C0.3%208.1%202.4%204%206.5%204c2.1%200%203.7%201.1%205.5%203.2C13.8%205.1%2015.4%204%2017.5%204c4.1%200%206.2%204.1%204.2%207.9C19.4%2016.3%2012%2021%2012%2021z'/%3E%3C/svg%3E") !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}

/* Hover */
.hotlist_footer #add_to_list:hover,
.hotlist_footer a:hover {
    color: #ffffff !important;

    background: linear-gradient(
        180deg,
        #b21f57 0%,
        #7d1840 55%,
        #4d0d25 100%
    ) !important;

    border-color: #ffc1d8 !important;

    transform: translateY(-2px) scale(1.02) !important;

    box-shadow:
        0 8px 18px rgba(0, 0, 0, 0.55),
        0 0 24px rgba(255, 70, 140, 0.70),
        inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
}

/* Pressed */
.hotlist_footer #add_to_list:active,
.hotlist_footer a:active {
    transform: translateY(1px) scale(0.98) !important;
}

/* ======================================================================
   12. MEMBERSHIP & CREDITS PLUGINS

   Dashboard widgets, purchase actions, and membership comparison tables.
   ====================================================================== */

/* ==========================================================
   TABOO! DATING - MEMBERSHIP & CREDITS DASHBOARD WIDGETS
   ========================================================== */

/* ==========================================================
   SHARED WIDGET PANELS
   ========================================================== */

html body
.dashboard-MEMBERSHIP_CMP_MyMembershipWidget,

html body
.dashboard-USERCREDITS_CMP_MyCreditsWidget {
    overflow: visible !important;
}

html body
.dashboard-MEMBERSHIP_CMP_MyMembershipWidget
.ow_box_empty,

html body
.dashboard-USERCREDITS_CMP_MyCreditsWidget
.ow_box_empty {
    width: 100% !important;
    box-sizing: border-box !important;

    padding: 20px !important;

    background: linear-gradient(
        145deg,
        rgba(45, 4, 24, 0.96) 0%,
        rgba(20, 2, 12, 0.98) 100%
    ) !important;

    border: 1px solid rgba(255, 70, 120, 0.26) !important;
    border-radius: 0 0 12px 12px !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 5px 14px rgba(0, 0, 0, 0.30) !important;
}

/* ==========================================================
   MEMBERSHIP DETAILS
   ========================================================== */

html body
.dashboard-MEMBERSHIP_CMP_MyMembershipWidget
table.ow_table_3 {
    width: 100% !important;
    max-width: 440px !important;

    margin: 0 auto 20px !important;

    border-collapse: separate !important;
    border-spacing: 0 9px !important;

    background: transparent !important;
}

html body
.dashboard-MEMBERSHIP_CMP_MyMembershipWidget
table.ow_table_3 tr,

html body
.dashboard-MEMBERSHIP_CMP_MyMembershipWidget
table.ow_table_3 td {
    background: transparent !important;
    border: 0 !important;
}

html body
.dashboard-MEMBERSHIP_CMP_MyMembershipWidget
table.ow_table_3 tr {
    box-shadow:
        0 2px 6px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}


/* Type / Expires */

html body
.dashboard-MEMBERSHIP_CMP_MyMembershipWidget
table.ow_table_3 td.ow_label {
    width: 44% !important;

    padding: 11px 14px !important;

    color: #ffd9e7 !important;

    background: linear-gradient(
        90deg,
        #651132 0%,
        #451023 100%
    ) !important;

    border-left: 3px solid #ff4b86 !important;
    border-radius: 8px 0 0 8px !important;

    font-family: Arial, sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    text-align: right !important;
    white-space: nowrap !important;
}


/* VIP / expiration date */

html body
.dashboard-MEMBERSHIP_CMP_MyMembershipWidget
table.ow_table_3 td.ow_value {
    padding: 11px 16px !important;

    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.07) !important;

    border-radius: 0 8px 8px 0 !important;

    font-family: Arial, sans-serif !important;
    font-size: 21px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    text-align: left !important;
}

/* ==========================================================
   MEMBERSHIP SUBSCRIBE BUTTON
   ========================================================== */

/* Toolbar containing Subscribe */

html body
.ow_box_toolbar_cont:has(
    a[href*="/membership/subscribe"]
) {
    display: block !important;

    float: none !important;
    clear: both !important;

    width: 100% !important;
    height: auto !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: center !important;
}


/* Subscribe toolbar list */

html body
.ow_box_toolbar_cont:has(
    a[href*="/membership/subscribe"]
)
ul.ow_box_toolbar {
    display: block !important;

    float: none !important;
    clear: both !important;

    width: 100% !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: center !important;
    list-style: none !important;
}


/* Subscribe toolbar item */

html body
.ow_box_toolbar_cont:has(
    a[href*="/membership/subscribe"]
)
ul.ow_box_toolbar > li {
    display: block !important;

    float: none !important;
    clear: both !important;

    width: 100% !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: center !important;

    background: transparent !important;
    border: 0 !important;
}


/* Actual Subscribe button */

html body
.ow_bl a[href*="/membership/subscribe"] {
    position: static !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    float: none !important;

    width: auto !important;
    min-width: 155px !important;
    min-height: 46px !important;
    box-sizing: border-box !important;

    margin: 18px auto 0 !important;
    padding: 9px 22px !important;

    color: #ffffff !important;

    background-color: #621330 !important;
    background-image: linear-gradient(
        180deg,
        #8e1845 0%,
        #621330 55%,
        #39091b 100%
    ) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;

    border: 2px solid #ff5b95 !important;
    border-radius: 10px !important;

    outline: 0 !important;

    font-family: Arial, sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    text-align: center !important;
    text-decoration: none !important;
    text-indent: 0 !important;
    white-space: nowrap !important;

    box-shadow:
        0 4px 10px rgba(0, 0, 0, 0.45),
        0 0 13px rgba(255, 50, 120, 0.32),
        inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;

    cursor: pointer !important;

    transition:
        transform 0.15s ease,
        background 0.20s ease,
        border-color 0.20s ease,
        box-shadow 0.20s ease !important;
}


/* Subscribe hover */

html body
.ow_bl a[href*="/membership/subscribe"]:hover {
    color: #ffffff !important;

    background-color: #7d1840 !important;
    background-image: linear-gradient(
        180deg,
        #b21f57 0%,
        #7d1840 55%,
        #4d0d25 100%
    ) !important;

    border-color: #ffc1d8 !important;

    transform: translateY(-2px) !important;

    box-shadow:
        0 7px 16px rgba(0, 0, 0, 0.52),
        0 0 21px rgba(255, 70, 140, 0.58),
        inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}


html body
.ow_bl a[href*="/membership/subscribe"]:active {
    transform: translateY(1px) scale(0.98) !important;
}

/* ==========================================================
   CREDITS DETAILS
   ========================================================== */

html body
.dashboard-USERCREDITS_CMP_MyCreditsWidget
.ow_user_credits {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    box-sizing: border-box !important;

    margin: 0 auto 18px !important;
    padding: 16px !important;

    color: #ffffff !important;

    background: linear-gradient(
        90deg,
        rgba(101, 17, 50, 0.38) 0%,
        rgba(75, 13, 38, 0.22) 50%,
        rgba(101, 17, 50, 0.38) 100%
    ) !important;

    border: 1px solid rgba(255, 75, 135, 0.28) !important;
    border-left: 4px solid #ff4b86 !important;
    border-radius: 10px !important;

    font-family: Arial, sans-serif !important;
    font-size: 21px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;

    text-align: center !important;

    box-shadow:
        0 3px 9px rgba(0, 0, 0, 0.32),
        inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}


/* Credit balance number */

html body
.dashboard-USERCREDITS_CMP_MyCreditsWidget
h3.ow_credits_count {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: fit-content !important;
    min-width: 95px !important;

    margin: 10px auto 0 !important;
    padding: 9px 20px !important;

    color: #ffffff !important;

    background: linear-gradient(
        180deg,
        #8e1845 0%,
        #5b102e 55%,
        #310818 100%
    ) !important;

    border: 2px solid #ff5b95 !important;
    border-radius: 10px !important;

    font-family: Arial, sans-serif !important;
    font-size: 31px !important;
    font-weight: 800 !important;
    line-height: 1 !important;

    text-align: center !important;

    box-shadow:
        0 3px 9px rgba(0, 0, 0, 0.42),
        0 0 15px rgba(255, 55, 125, 0.38),
        inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}

/* ==========================================================
   CREDITS LINKS
   ========================================================== */

html body
.dashboard-USERCREDITS_CMP_MyCreditsWidget
.ow_credits_links {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 8px !important;

    float: none !important;
    clear: both !important;

    width: 100% !important;

    margin: 0 0 18px !important;
    padding: 0 !important;
}


/* Cost of actions / History */

html body
.dashboard-USERCREDITS_CMP_MyCreditsWidget
.ow_credits_links a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 7px 12px !important;

    color: #ffacd0 !important;
    background: rgba(255, 75, 135, 0.10) !important;

    border: 1px solid rgba(255, 85, 145, 0.38) !important;
    border-radius: 7px !important;

    font-family: Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    text-align: center !important;
    text-decoration: none !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 2px 5px rgba(0, 0, 0, 0.22) !important;
}


html body
.dashboard-USERCREDITS_CMP_MyCreditsWidget
.ow_credits_links a:hover {
    color: #ffffff !important;

    background: rgba(255, 75, 135, 0.22) !important;
    border-color: #ff8ab6 !important;

    box-shadow:
        0 0 11px rgba(255, 65, 135, 0.42),
        inset 0 1px 0 rgba(255, 255, 255, 0.10) !important;
}

/* ==========================================================
   BUY MORE BUTTON
   ========================================================== */

/* Toolbar containing Buy more */

html body
.ow_box_toolbar_cont:has(
    a[href*="/user-credits/buy-credits"]
) {
    display: block !important;

    float: none !important;
    clear: both !important;

    width: 100% !important;
    height: auto !important;
    box-sizing: border-box !important;

    margin: 18px 0 0 !important;
    padding: 0 !important;

    text-align: center !important;
}


/* Buy more toolbar list */

html body
.ow_box_toolbar_cont:has(
    a[href*="/user-credits/buy-credits"]
)
ul.ow_box_toolbar {
    display: block !important;

    float: none !important;
    clear: both !important;

    width: 100% !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: center !important;
    list-style: none !important;
}


/* Buy more toolbar item */

html body
.ow_box_toolbar_cont:has(
    a[href*="/user-credits/buy-credits"]
)
ul.ow_box_toolbar > li {
    display: block !important;

    float: none !important;
    clear: both !important;

    width: 100% !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: center !important;

    background: transparent !important;
    border: 0 !important;
}


/* Actual Buy more button */

html body
.ow_bl a[href*="/user-credits/buy-credits"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    float: none !important;

    width: auto !important;
    min-width: 155px !important;
    min-height: 46px !important;
    box-sizing: border-box !important;

    margin: 0 auto !important;
    padding: 9px 22px !important;

    color: #ffffff !important;

    background-color: #621330 !important;
    background-image: linear-gradient(
        180deg,
        #8e1845 0%,
        #621330 55%,
        #39091b 100%
    ) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;

    border: 2px solid #ff5b95 !important;
    border-radius: 10px !important;

    outline: 0 !important;

    font-family: Arial, sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    text-align: center !important;
    text-decoration: none !important;
    text-indent: 0 !important;
    white-space: nowrap !important;

    box-shadow:
        0 4px 10px rgba(0, 0, 0, 0.45),
        0 0 13px rgba(255, 50, 120, 0.32),
        inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;

    cursor: pointer !important;

    transition:
        transform 0.15s ease,
        background 0.20s ease,
        border-color 0.20s ease,
        box-shadow 0.20s ease !important;
}


/* Buy more hover */

html body
.ow_bl a[href*="/user-credits/buy-credits"]:hover {
    color: #ffffff !important;

    background-color: #7d1840 !important;
    background-image: linear-gradient(
        180deg,
        #b21f57 0%,
        #7d1840 55%,
        #4d0d25 100%
    ) !important;

    border-color: #ffc1d8 !important;

    transform: translateY(-2px) !important;

    box-shadow:
        0 7px 16px rgba(0, 0, 0, 0.52),
        0 0 21px rgba(255, 70, 140, 0.58),
        inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}


html body
.ow_bl a[href*="/user-credits/buy-credits"]:active {
    transform: translateY(1px) scale(0.98) !important;
}

/* ==========================================================
   TABOO! DATING - MEMBERSHIP COMPARISON TABLE
   ========================================================== */

/* Keep the comparison usable if the viewport becomes narrow. */
html body .ow_content form[id$="membership-subscribe-form"] {
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    padding-bottom: 5px !important;
}

html body .ow_content form[id$="membership-subscribe-form"] table.ow_subscribe_table {
    width: 100% !important;
    min-width: 660px !important;
    box-sizing: border-box !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;

    margin: 10px 0 24px !important;

    color: #ffffff !important;
    background: linear-gradient(
        145deg,
        #3d071f 0%,
        #210310 60%,
        #140108 100%
    ) !important;

    border: 2px solid #ff4b86 !important;
    border-radius: 14px !important;
    overflow: hidden !important;

    box-shadow:
        0 10px 26px rgba(0, 0, 0, 0.55),
        0 0 20px rgba(255, 45, 115, 0.27),
        inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

/* Main comparison header: Permissions / Member / VIP */
html body .ow_content form[id$="membership-subscribe-form"]
table.ow_subscribe_table > tbody > tr:first-child > :is(th, td) {
    box-sizing: border-box !important;
    padding: 14px 12px !important;

    color: #ffffff !important;
    background: linear-gradient(
        180deg,
        #68143a 0%,
        #3e0a24 58%,
        #250513 100%
    ) !important;

    border: 0 !important;
    border-bottom: 2px solid #ff4b86 !important;
    border-right: 1px solid rgba(255, 124, 172, 0.34) !important;

    font-family: Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 850 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.6px !important;
    text-align: center !important;
    text-transform: uppercase !important;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.72) !important;
}

html body .ow_content form[id$="membership-subscribe-form"]
table.ow_subscribe_table > tbody > tr:first-child > :is(th, td):last-child {
    border-right: 0 !important;
}

/* Section bars: Mailbox, Photo, Users, Virtual Gifts, etc. */
html body .ow_content form[id$="membership-subscribe-form"]
table.ow_subscribe_table tr.ow_tr_first > td:not(.ow_txtleft):not(.ow_highbox),
html body .ow_content form[id$="membership-subscribe-form"]
table.ow_subscribe_table tr.ow_tr_first > th,
html body .ow_content form[id$="membership-subscribe-form"]
table.ow_subscribe_table tr > td[colspan] {
    padding: 12px 16px !important;

    color: #ffffff !important;
    background: linear-gradient(
        90deg,
        #2a0616 0%,
        #57112f 50%,
        #2a0616 100%
    ) !important;

    border: 0 !important;
    border-top: 10px solid #25010f !important;
    border-bottom: 1px solid rgba(255, 109, 163, 0.37) !important;
    border-left: 5px solid #ff3f80 !important;

    font-family: Arial, sans-serif !important;
    font-size: 17px !important;
    font-weight: 850 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.65px !important;
    text-align: center !important;
    text-transform: uppercase !important;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.72) !important;

    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
}

/* Standard permission rows */
html body .ow_content form[id$="membership-subscribe-form"]
table.ow_subscribe_table tr:not(.ow_tr_delimiter) > td.ow_txtleft {
    width: 70% !important;
    box-sizing: border-box !important;
    padding: 12px 15px !important;

    color: #fff2f7 !important;
    background: rgba(82, 13, 45, 0.56) !important;

    border: 0 !important;
    border-bottom: 1px solid rgba(255, 116, 166, 0.22) !important;

    font-family: Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 650 !important;
    line-height: 1.3 !important;
    text-align: left !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.62) !important;
}

html body .ow_content form[id$="membership-subscribe-form"]
table.ow_subscribe_table tr:nth-child(even):not(.ow_tr_delimiter) > td.ow_txtleft {
    background: rgba(60, 8, 33, 0.68) !important;
}

/* Member and VIP availability cells */
html body .ow_content form[id$="membership-subscribe-form"]
table.ow_subscribe_table tr:not(.ow_tr_delimiter) > td.ow_highbox {
    width: 15% !important;
    min-width: 94px !important;
    box-sizing: border-box !important;
    padding: 12px 10px !important;

    color: #ffffff !important;
    background: rgba(46, 7, 28, 0.90) !important;

    border: 0 !important;
    border-left: 1px solid rgba(255, 128, 176, 0.28) !important;
    border-bottom: 1px solid rgba(255, 116, 166, 0.22) !important;

    font-family: Arial, sans-serif !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    vertical-align: middle !important;

    text-shadow:
        0 1px 2px rgba(0, 0, 0, 0.78),
        0 0 7px rgba(255, 255, 255, 0.16) !important;
}

/* Give the VIP column a subtle premium tint. */
html body .ow_content form[id$="membership-subscribe-form"]
table.ow_subscribe_table tr:not(.ow_tr_delimiter) > td.ow_highbox:last-child {
    background: linear-gradient(
        145deg,
        rgba(113, 17, 60, 0.88) 0%,
        rgba(60, 7, 34, 0.94) 100%
    ) !important;

    box-shadow: inset 3px 0 0 rgba(255, 79, 139, 0.32) !important;
}

/* Row hover helps the eye track across all three columns. */
html body .ow_content form[id$="membership-subscribe-form"]
table.ow_subscribe_table tr:not(.ow_tr_first):not(.ow_tr_delimiter):hover > td.ow_txtleft {
    color: #ffffff !important;
    background: rgba(139, 22, 68, 0.70) !important;
}

html body .ow_content form[id$="membership-subscribe-form"]
table.ow_subscribe_table tr:not(.ow_tr_first):not(.ow_tr_delimiter):hover > td.ow_highbox {
    background-color: rgba(94, 13, 52, 0.96) !important;
}

html body .ow_content form[id$="membership-subscribe-form"]
table.ow_subscribe_table tr:not(.ow_tr_first):not(.ow_tr_delimiter):hover > td.ow_highbox:last-child {
    background: linear-gradient(
        145deg,
        rgba(157, 28, 81, 0.94) 0%,
        rgba(82, 10, 44, 0.98) 100%
    ) !important;
}

/* Spacer rows should disappear into the page background. */
html body .ow_content form[id$="membership-subscribe-form"]
table.ow_subscribe_table tr.ow_tr_delimiter > td {
    height: 9px !important;
    padding: 0 !important;
    background: #25010f !important;
    border: 0 !important;
}

/* Keep any explanatory or price text readable. */
html body .ow_content form[id$="membership-subscribe-form"]
table.ow_subscribe_table :is(.ow_small, .ow_remark, .ow_txt_value) {
    color: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
}

/* Accessible focus treatment for controls inside the purchase form. */
html body .ow_content form[id$="membership-subscribe-form"]
:is(a, button, input, select):focus-visible {
    outline: 2px solid #ffd0e1 !important;
    outline-offset: 3px !important;
}

/* The comparison stays a real table on phones so plan columns remain aligned. */
@media (max-width: 700px) {
    html body .ow_content form[id$="membership-subscribe-form"] table.ow_subscribe_table {
        min-width: 590px !important;
    }

    html body .ow_content form[id$="membership-subscribe-form"]
    table.ow_subscribe_table tr:not(.ow_tr_delimiter) > td.ow_txtleft {
        padding: 10px 12px !important;
        font-size: 14px !important;
    }

    html body .ow_content form[id$="membership-subscribe-form"]
    table.ow_subscribe_table tr:not(.ow_tr_delimiter) > td.ow_highbox {
        min-width: 88px !important;
        padding: 10px 8px !important;
    }
}

/* ==========================================================
   DIRECT OXWALL MEMBERSHIP TABLE OVERRIDES
   The membership plugin may move/render table fragments outside
   its original form wrapper. These selectors deliberately use
   the plugin's unique table class instead of relying on the form.
   Keep this section last.
   ========================================================== */

html body .ow_page .ow_content table.ow_subscribe_table {
    width: 100% !important;
    box-sizing: border-box !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;

    color: #ffffff !important;
    background-color: #210310 !important;

    border: 2px solid #ff4b86 !important;
    border-radius: 13px !important;
    overflow: hidden !important;

    box-shadow:
        0 10px 26px rgba(0, 0, 0, 0.55),
        0 0 20px rgba(255, 45, 115, 0.27) !important;
}

/* Feature names */
html body .ow_page .ow_content
table.ow_subscribe_table td.ow_txtleft {
    box-sizing: border-box !important;
    padding: 12px 15px !important;

    color: #fff2f7 !important;
    background-color: #54102f !important;

    border: 0 !important;
    border-bottom: 1px solid rgba(255, 116, 166, 0.24) !important;

    font-family: Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 650 !important;
    line-height: 1.3 !important;
    text-align: left !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.68) !important;
}

html body .ow_page .ow_content
table.ow_subscribe_table tr:nth-child(even) td.ow_txtleft {
    background-color: #3d0923 !important;
}

/* Member and VIP cells */
html body .ow_page .ow_content
table.ow_subscribe_table td.ow_highbox {
    box-sizing: border-box !important;
    padding: 12px 10px !important;

    color: #ffffff !important;
    background-color: #2d071c !important;

    border: 0 !important;
    border-left: 1px solid rgba(255, 128, 176, 0.30) !important;
    border-bottom: 1px solid rgba(255, 116, 166, 0.24) !important;

    font-family: Arial, sans-serif !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    vertical-align: middle !important;
}

html body .ow_page .ow_content
table.ow_subscribe_table tr > td.ow_highbox:last-child {
    background-color: #5d1037 !important;
    box-shadow: inset 3px 0 0 rgba(255, 79, 139, 0.34) !important;
}

/* Mailbox / Photo / Users / Gifts section bars */
html body .ow_page .ow_content
table.ow_subscribe_table tr.ow_tr_first > td:not(.ow_txtleft):not(.ow_highbox),
html body .ow_page .ow_content
table.ow_subscribe_table tr.ow_tr_first > th,
html body .ow_page .ow_content
table.ow_subscribe_table td[colspan] {
    padding: 12px 16px !important;

    color: #ffffff !important;
    background-color: #3f0b26 !important;
    background-image: linear-gradient(
        90deg,
        #260513 0%,
        #5b1233 50%,
        #260513 100%
    ) !important;

    border: 0 !important;
    border-top: 9px solid #25010f !important;
    border-bottom: 1px solid rgba(255, 109, 163, 0.38) !important;
    border-left: 5px solid #ff3f80 !important;

    font-family: Arial, sans-serif !important;
    font-size: 17px !important;
    font-weight: 850 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.6px !important;
    text-align: center !important;
    text-transform: uppercase !important;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.72) !important;
}

/* Hover tracks the selected feature across the plan columns. */
html body .ow_page .ow_content
table.ow_subscribe_table tr:hover > td.ow_txtleft {
    color: #ffffff !important;
    background-color: #861744 !important;
}

html body .ow_page .ow_content
table.ow_subscribe_table tr:hover > td.ow_highbox {
    background-color: #5b0e35 !important;
}

html body .ow_page .ow_content
table.ow_subscribe_table tr:hover > td.ow_highbox:last-child {
    background-color: #861747 !important;
}

/* Clean spacer rows */
html body .ow_page .ow_content
table.ow_subscribe_table tr.ow_tr_delimiter > td {
    height: 9px !important;
    padding: 0 !important;
    background-color: #25010f !important;
    background-image: none !important;
    border: 0 !important;
}

/* ======================================================================
   13. MAILBOX & CHAT PLUGINS

   Chat dock, contact list, dialogs, dropdowns, and the full mailbox page.
   ====================================================================== */

/* ==========================================================
   TABOO! DATING - BOTTOM CHAT DOCK
   ========================================================== */

/* Main dock shell */
html body .ow_chat_wrap .ow_chat_block_wrap {
    color: #ffffff !important;
    background: linear-gradient(
        180deg,
        #651132 0%,
        #4b0d26 54%,
        #2b0816 100%
    ) !important;

    border: 2px solid #ff4b86 !important;
    border-bottom: 0 !important;
    border-radius: 10px 10px 0 0 !important;

    box-shadow:
        0 -4px 14px rgba(0, 0, 0, 0.48),
        0 0 14px rgba(255, 50, 120, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
}

html body .ow_chat_wrap .ow_chat_block,
html body .ow_chat_wrap form,
html body .ow_chat_wrap .ow_bot_panel {
    color: #ffffff !important;
    background-color: transparent !important;
    border-color: rgba(255, 105, 155, 0.32) !important;
}

/* The visible bottom bar */
html body .ow_chat_wrap .ow_bot_panel {
    display: flex !important;
    align-items: stretch !important;

    min-height: 42px !important;
    box-sizing: border-box !important;

    background: linear-gradient(
        180deg,
        #72143a 0%,
        #4f0e29 55%,
        #300818 100%
    ) !important;

    border: 0 !important;
    border-radius: 8px 8px 0 0 !important;
}

/* Chat label and online count area */
html body .ow_chat_wrap .ow_count_block {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 1 1 auto !important;
    order: 2 !important;

    min-height: 42px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;
    background: transparent !important;

    font-family: Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    letter-spacing: 0.25px !important;
}

html body .ow_chat_wrap .ow_count_block a.btn2_panel {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    min-height: 42px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 8px 13px !important;

    color: #ffffff !important;
    background-color: transparent !important;
    border: 0 !important;
    border-radius: 0 8px 0 0 !important;

    font-family: Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;

    text-decoration: none !important;

    transition:
        color 0.18s ease,
        background-color 0.18s ease,
        box-shadow 0.18s ease !important;
}

html body .ow_chat_wrap .ow_count_block a.btn2_panel:hover {
    color: #ffffff !important;
    background-color: rgba(255, 75, 135, 0.20) !important;

    box-shadow:
        inset 0 0 14px rgba(255, 80, 145, 0.18),
        0 0 11px rgba(255, 55, 125, 0.22) !important;
}

html body .ow_chat_wrap .ow_count_block a.btn2_panel:focus-visible {
    outline: 2px solid #ffffff !important;
    outline-offset: -4px !important;
}

/* Sound control on the left */
html body .ow_chat_wrap a.ow_btn_sound {
    display: block !important;
    flex: 0 0 42px !important;
    order: 1 !important;

    width: 42px !important;
    height: 42px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 0 !important;

    background-color: rgba(255, 255, 255, 0.045) !important;
    border: 0 !important;
    border-right: 1px solid rgba(255, 135, 180, 0.34) !important;
    border-radius: 8px 0 0 0 !important;

    filter: brightness(1.75) saturate(1.25) !important;

    transition:
        background-color 0.18s ease,
        filter 0.18s ease,
        box-shadow 0.18s ease !important;
}

html body .ow_chat_wrap a.ow_btn_sound:hover {
    background-color: rgba(255, 75, 135, 0.23) !important;
    filter: brightness(2.25) saturate(1.45) !important;

    box-shadow: inset 0 0 12px rgba(255, 85, 150, 0.20) !important;
}

html body .ow_chat_wrap a.ow_btn_sound:focus-visible {
    outline: 2px solid #ffffff !important;
    outline-offset: -4px !important;
}

/* Small online/unread count badge */
html body .ow_chat_wrap .ow_count_block .ow_count_wrap,
html body .ow_chat_wrap .ow_count_block .ow_count_bg,
html body .ow_chat_wrap .ow_count_block .ow_count {
    color: #ffffff !important;
    font-family: Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 18px !important;
}

html body .ow_chat_wrap .ow_count_block .ow_count_wrap {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 21px !important;
    height: 21px !important;
    box-sizing: border-box !important;

    margin-left: 7px !important;
    padding: 1px 5px !important;

    background: #e51f63 !important;
    border: 2px solid #ffc2d8 !important;
    border-radius: 999px !important;

    box-shadow:
        0 2px 5px rgba(0, 0, 0, 0.42),
        0 0 8px rgba(255, 55, 125, 0.55) !important;
}

html body .ow_chat_wrap .ow_count_block .ow_count_bg,
html body .ow_chat_wrap .ow_count_block .ow_count {
    min-width: 0 !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
}

/* Expanded chat/friends area */
html body .ow_chat_wrap .ow_chat_block_main {
    color: #ffffff !important;
    background: linear-gradient(
        145deg,
        rgba(55, 6, 29, 0.99) 0%,
        rgba(22, 2, 12, 0.99) 100%
    ) !important;

    border-color: rgba(255, 75, 135, 0.38) !important;
}

html body .ow_chat_wrap .ow_puller {
    background-color: #ff4b86 !important;
    box-shadow: 0 0 8px rgba(255, 65, 135, 0.55) !important;
}

/* ==========================================================
   EXPANDED CONTACT LIST
   ========================================================== */

/* Oxwall otherwise forces the Chat label back to black */
html body .ow_chat_wrap .ow_count_block .ow_count_txt {
    color: #ffffff !important;

    font-family: Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    letter-spacing: 0.3px !important;

    text-shadow:
        0 1px 2px rgba(0, 0, 0, 0.95),
        0 0 8px rgba(255, 105, 165, 0.38) !important;
}

/* Dark interior behind the contact list */
html body .ow_chat_wrap .ow_chat_in_block,
html body .ow_chat_wrap .ow_chat_list,
html body .ow_chat_wrap .ow_chat_list .jspContainer,
html body .ow_chat_wrap .ow_chat_list .jspPane,
html body .ow_chat_wrap .ow_chat_list ul {
    color: #ffffff !important;
    background: #210310 !important;
    border-color: rgba(255, 75, 135, 0.30) !important;
}

/* Search area */
html body .ow_chat_wrap .ow_chat_search {
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 7px !important;

    background: linear-gradient(
        180deg,
        #4f0e29 0%,
        #320819 100%
    ) !important;

    border-top: 1px solid rgba(255, 125, 175, 0.28) !important;
    border-bottom: 1px solid rgba(255, 75, 135, 0.40) !important;
}

html body .ow_chat_wrap .ow_chat_search input[type="text"],
html body .ow_chat_wrap .ow_chat_search input[type="search"] {
    width: 100% !important;
    height: 38px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 7px 34px 7px 11px !important;

    color: #1a0710 !important;
    caret-color: #b51650 !important;
    background: #fff7fa !important;

    border: 2px solid #ff4b86 !important;
    border-radius: 7px !important;

    font-family: Arial, sans-serif !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;

    outline: 0 !important;

    box-shadow:
        inset 0 2px 4px rgba(0, 0, 0, 0.16),
        0 0 8px rgba(255, 55, 125, 0.27) !important;
}

html body .ow_chat_wrap .ow_chat_search input::placeholder {
    color: #765465 !important;
    opacity: 1 !important;
}

html body .ow_chat_wrap .ow_chat_search input:focus {
    border-color: #ff9ac0 !important;

    box-shadow:
        inset 0 2px 4px rgba(0, 0, 0, 0.13),
        0 0 12px rgba(255, 70, 140, 0.55) !important;
}

/* Search-clear control */
html body .ow_chat_wrap .ow_chat_search a,
html body .ow_chat_wrap .ow_chat_search span {
    color: #8e1845 !important;
}

/* Individual contacts */
html body .ow_chat_wrap .ow_chat_list li {
    display: list-item !important;

    margin: 0 !important;
    padding: 0 !important;

    background: linear-gradient(
        90deg,
        rgba(91, 14, 47, 0.34) 0%,
        rgba(34, 3, 17, 0.78) 100%
    ) !important;

    border: 0 !important;
    border-bottom: 1px solid rgba(255, 105, 160, 0.17) !important;
}

html body .ow_chat_wrap .ow_chat_list li:nth-child(even) {
    background: linear-gradient(
        90deg,
        rgba(71, 10, 37, 0.30) 0%,
        rgba(25, 2, 13, 0.82) 100%
    ) !important;
}

html body .ow_chat_wrap .ow_chat_list a.ow_chat_item {
    position: relative !important;

    display: flex !important;
    align-items: center !important;

    min-height: 47px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 6px 10px !important;

    color: #ffffff !important;
    background: transparent !important;
    border: 0 !important;

    text-decoration: none !important;

    transition:
        background-color 0.18s ease,
        box-shadow 0.18s ease !important;
}

html body .ow_chat_wrap .ow_chat_list a.ow_chat_item:hover,
html body .ow_chat_wrap .ow_chat_list a.ow_chat_item:focus-visible {
    color: #ffffff !important;
    background-color: rgba(255, 75, 135, 0.18) !important;

    outline: 0 !important;

    box-shadow:
        inset 3px 0 0 #ff4b86,
        inset 0 0 13px rgba(255, 75, 135, 0.11) !important;
}

/* Contact avatar */
html body .ow_chat_wrap .ow_chat_item_photo_wrap {
    flex: 0 0 36px !important;

    width: 36px !important;
    height: 36px !important;
    box-sizing: border-box !important;

    margin: 0 10px 0 0 !important;

    border: 1px solid #ff6da3 !important;
    border-radius: 6px !important;
    overflow: hidden !important;

    box-shadow:
        0 2px 6px rgba(0, 0, 0, 0.46),
        0 0 7px rgba(255, 55, 125, 0.24) !important;
}

html body .ow_chat_wrap .ow_chat_item_photo_wrap img {
    display: block !important;

    width: 36px !important;
    height: 36px !important;

    object-fit: cover !important;
    border: 0 !important;
}

/* Contact name */
html body .ow_chat_wrap .ow_chat_item_author,
html body .ow_chat_wrap .ow_chat_item_author * {
    min-width: 0 !important;

    color: #fff3f8 !important;

    font-family: Arial, sans-serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;

    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.82) !important;
}

html body .ow_chat_wrap .ow_chat_list li.offline .ow_chat_item_author,
html body .ow_chat_wrap .ow_chat_list li.offline .ow_chat_item_author * {
    color: #d9b7c6 !important;
}

html body .ow_chat_wrap .ow_chat_list li:not(.offline) .ow_chat_item_author,
html body .ow_chat_wrap .ow_chat_list li:not(.offline) .ow_chat_item_author * {
    color: #ffffff !important;
}

/* Online/unread badge within a contact row */
html body .ow_chat_wrap .ow_chat_list .ow_count_wrap {
    margin-left: auto !important;

    color: #ffffff !important;
    background: #e51f63 !important;

    border: 1px solid #ffc2d8 !important;
    border-radius: 999px !important;

    box-shadow: 0 0 7px rgba(255, 55, 125, 0.48) !important;
}

/* Custom scrollbar used by the chat list */
html body .ow_chat_wrap .jspVerticalBar {
    width: 8px !important;
    background: #1a020c !important;
}

html body .ow_chat_wrap .jspTrack {
    background: #2c0718 !important;
}

html body .ow_chat_wrap .jspDrag {
    background: linear-gradient(
        180deg,
        #ff5b95 0%,
        #9d1044 100%
    ) !important;

    border-radius: 999px !important;

    box-shadow: 0 0 7px rgba(255, 65, 135, 0.48) !important;
}

/* ==========================================================
   OPEN CONVERSATION WINDOW
   ========================================================== */

/* Complete floating conversation */
html body .ow_chat_dialog_wrap .ow_chat_dialog {
    color: #ffffff !important;
    background: #1b020d !important;

    border: 2px solid #ff4b86 !important;
    border-bottom: 0 !important;
    border-radius: 10px 10px 0 0 !important;
    overflow: hidden !important;

    box-shadow:
        0 -5px 18px rgba(0, 0, 0, 0.55),
        0 0 17px rgba(255, 50, 120, 0.38),
        inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

html body .ow_chat_dialog_wrap .ow_chat_dialog > .ow_chat_block {
    color: #ffffff !important;
    background: linear-gradient(
        145deg,
        #35061c 0%,
        #19020c 100%
    ) !important;

    border: 0 !important;
}

/* Conversation header: avatar, username, status, close control */
html body .ow_chat_dialog .ow_author_block {
    position: relative !important;

    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 6px 31px 6px 8px !important;

    color: #ffffff !important;
    background: linear-gradient(
        180deg,
        #75143b 0%,
        #4d0d28 55%,
        #300818 100%
    ) !important;

    border: 0 !important;
    border-bottom: 1px solid rgba(255, 125, 175, 0.44) !important;
    overflow: hidden !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.13),
        0 3px 9px rgba(0, 0, 0, 0.36) !important;
}

html body .ow_chat_dialog .ow_author_block .ow_avatar {
    display: block !important;
    float: left !important;

    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    box-sizing: border-box !important;

    margin: 0 8px 0 0 !important;
    padding: 0 !important;

    border-color: #ff8ab6 !important;
    border-radius: 6px !important;
    overflow: hidden !important;

    box-shadow:
        0 2px 6px rgba(0, 0, 0, 0.46),
        0 0 8px rgba(255, 70, 140, 0.34) !important;
}

/* In this header, the "photo wrap" is the complete identity link—not
   merely the avatar—so leave room for both the photo and the name. */
html body
.ow_chat_dialog
.ow_author_block
a.ow_chat_in_item_author_href.ow_chat_in_item_photo_wrap {
    position: absolute !important;
    top: 5px !important;
    right: 29px !important;
    bottom: auto !important;
    left: 7px !important;

    display: block !important;
    float: none !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: none !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 1px 0 1px 47px !important;

    color: #ffffff !important;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-position: 2px center !important;
    background-size: 38px 38px !important;

    border: 0 !important;
    border-radius: 0 !important;
    overflow: visible !important;

    box-shadow: none !important;
    transform: none !important;

    font-family: Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;

    text-align: left !important;
    text-decoration: none !important;
    text-indent: 0 !important;
}

html body
.ow_chat_dialog
.ow_author_block
.ow_chat_item_author_wrap {
    position: static !important;

    display: flex !important;
    align-items: center !important;
    float: none !important;

    width: 100% !important;
    min-width: 0 !important;
    height: 38px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
    transform: none !important;

    text-align: left !important;
    text-indent: 0 !important;
}

html body
.ow_chat_dialog
.ow_author_block
.ow_chat_item_media_buttons {
    position: static !important;

    flex: 0 0 auto !important;
    float: none !important;
    margin: 0 5px 0 0 !important;
}

html body
.ow_chat_dialog
.ow_author_block
.ow_chat_item_author {
    position: static !important;

    display: block !important;
    flex: 1 1 auto !important;
    float: none !important;

    width: auto !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;

    color: #ffffff !important;
    text-align: left !important;
    text-indent: 0 !important;
}

html body
.ow_chat_dialog
.ow_author_block
.ow_chat_in_item_author {
    position: static !important;

    display: block !important;
    float: none !important;

    width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;
    visibility: visible !important;
    opacity: 1 !important;

    font-family: Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;

    text-align: left !important;
    text-indent: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    transform: none !important;
}

html body
.ow_chat_dialog
.ow_author_block
.ow_chat_status {
    display: inline-block !important;
    float: none !important;

    margin: 2px 0 0 !important;
}

html body .ow_chat_dialog .ow_author_block .ow_chat_item_photo_wrap img,
html body .ow_chat_dialog .ow_author_block .ow_avatar img,
html body .ow_chat_dialog .ow_author_block img {
    display: block !important;

    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: cover !important;
    object-position: center center !important;

    border: 0 !important;
    border-radius: 5px !important;
}

html body .ow_chat_dialog .ow_author_block .ow_chat_item_author,
html body .ow_chat_dialog .ow_author_block .ow_chat_item_author *,
html body .ow_chat_dialog .ow_author_block .ow_chat_author,
html body .ow_chat_dialog .ow_author_block .ow_chat_author * {
    color: #ffffff !important;

    font-family: Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;

    text-shadow:
        0 1px 2px rgba(0, 0, 0, 0.95),
        0 0 7px rgba(255, 115, 170, 0.32) !important;
}

/* Header links, including the close X */
html body .ow_chat_dialog .ow_author_block a {
    color: #ffffff !important;
}

html body .ow_chat_dialog .ow_author_block a:hover {
    color: #ffc2d8 !important;
    text-shadow: 0 0 8px rgba(255, 95, 155, 0.72) !important;
}

html body .ow_chat_dialog .ow_author_block a.ow_btn_close {
    position: absolute !important;
    top: 50% !important;
    right: 8px !important;
    z-index: 3 !important;

    display: block !important;
    float: none !important;

    width: 18px !important;
    height: 18px !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: translateY(-50%) !important;
}

/* Message-history canvas */
html body .ow_chat_dialog .ow_chat_in_dialog_wrap,
html body .ow_chat_dialog .ow_dialog_items_wrap,
html body .ow_chat_dialog .ow_chat_message_block {
    color: #ffffff !important;
    background: linear-gradient(
        180deg,
        #250311 0%,
        #160109 100%
    ) !important;

    border-color: rgba(255, 75, 135, 0.24) !important;
}

/* Day/date separators */
html body .ow_chat_dialog .ow_dialog_date_cap,
html body .ow_chat_dialog .ow_time_block {
    margin: 8px 0 !important;
    padding: 5px 8px !important;

    color: #e7b8cb !important;
    background: rgba(255, 75, 135, 0.075) !important;

    border-top: 1px solid rgba(255, 105, 160, 0.15) !important;
    border-bottom: 1px solid rgba(255, 105, 160, 0.15) !important;

    font-family: Arial, sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-align: center !important;
}

html body .ow_chat_dialog .ow_time_block p,
html body .ow_chat_dialog .ow_time_block p span,
html body .ow_chat_dialog .ow_time_block .ow_time_text {
    color: #dba8bd !important;
    background: transparent !important;

    font-family: Arial, sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

/* Shared message-row spacing */
html body .ow_chat_dialog .ow_dialog_item {
    box-sizing: border-box !important;

    margin: 7px 8px !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
}

/* Message bubbles */
html body .ow_chat_dialog .ow_dialog_item .ow_dialog_in_item {
    width: fit-content !important;
    max-width: 86% !important;
    box-sizing: border-box !important;

    padding: 7px 9px !important;

    color: #ffffff !important;

    border: 1px solid rgba(255, 125, 175, 0.34) !important;
    border-radius: 10px !important;

    font-family: Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;

    overflow-wrap: anywhere !important;

    box-shadow:
        0 3px 8px rgba(0, 0, 0, 0.36),
        inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
}

/* One participant */
html body .ow_chat_dialog .ow_dialog_item.odd .ow_dialog_in_item {
    margin-right: auto !important;

    color: #fff4f8 !important;
    background: linear-gradient(
        145deg,
        #53102f 0%,
        #35091e 100%
    ) !important;

    border-radius: 4px 10px 10px 10px !important;
}

/* The other participant */
html body .ow_chat_dialog .ow_dialog_item.even .ow_dialog_in_item {
    margin-left: auto !important;

    color: #ffffff !important;
    background: linear-gradient(
        145deg,
        #9d1044 0%,
        #6a1236 58%,
        #480b25 100%
    ) !important;

    border-color: #ff6da3 !important;
    border-radius: 10px 4px 10px 10px !important;

    box-shadow:
        0 3px 9px rgba(0, 0, 0, 0.40),
        0 0 9px rgba(255, 55, 125, 0.20),
        inset 0 1px 0 rgba(255, 255, 255, 0.10) !important;
}

html body .ow_chat_dialog .ow_dialog_in_item,
html body .ow_chat_dialog .ow_dialog_in_item *,
html body .ow_chat_dialog .ow_dialog_in_item p,
html body .ow_chat_dialog .ow_dialog_in_item span,
html body .ow_chat_dialog .ow_dialog_in_item a {
    color: inherit !important;
    font-family: Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
}

/* Composer at the bottom of the conversation */
html body .ow_chat_dialog .ow_chat_message {
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 7px !important;

    color: #ffffff !important;
    background: linear-gradient(
        180deg,
        #4c0d27 0%,
        #2b0716 100%
    ) !important;

    border-top: 1px solid rgba(255, 105, 160, 0.38) !important;
}

html body .ow_chat_dialog .ow_chat_message textarea,
html body .ow_chat_dialog .ow_chat_message input[type="text"] {
    width: 100% !important;
    min-height: 38px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 7px 56px 7px 9px !important;

    color: #19050e !important;
    caret-color: #b51650 !important;
    background: #fff8fb !important;

    border: 2px solid #ff4b86 !important;
    border-radius: 8px !important;

    font-family: Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;

    outline: 0 !important;
    resize: none !important;

    box-shadow:
        inset 0 2px 4px rgba(0, 0, 0, 0.15),
        0 0 8px rgba(255, 55, 125, 0.28) !important;
}

html body .ow_chat_dialog .ow_chat_message textarea::placeholder,
html body .ow_chat_dialog .ow_chat_message input::placeholder {
    color: #765465 !important;
    opacity: 1 !important;
}

html body .ow_chat_dialog .ow_chat_message textarea:focus,
html body .ow_chat_dialog .ow_chat_message input[type="text"]:focus {
    border-color: #ff9ac0 !important;

    box-shadow:
        inset 0 2px 4px rgba(0, 0, 0, 0.12),
        0 0 12px rgba(255, 70, 140, 0.54) !important;
}

/* Emoji and attachment controls */
html body .ow_chat_dialog .ow_chat_message a,
html body .ow_chat_dialog .ow_chat_message button {
    color: #8e1845 !important;
    border-color: #ff8ab6 !important;
}

html body .ow_chat_dialog .ow_chat_message a:hover,
html body .ow_chat_dialog .ow_chat_message button:hover {
    color: #d42063 !important;
    filter: saturate(1.3) brightness(1.05) !important;
}

/* Conversation scrollbar */
html body .ow_chat_dialog .jspVerticalBar {
    width: 8px !important;
    background: #160109 !important;
}

html body .ow_chat_dialog .jspTrack {
    background: #2c0718 !important;
}

html body .ow_chat_dialog .jspDrag {
    background: linear-gradient(
        180deg,
        #ff5b95 0%,
        #9d1044 100%
    ) !important;

    border-radius: 999px !important;

    box-shadow: 0 0 7px rgba(255, 65, 135, 0.48) !important;
}

/* ==========================================================
   EXACT ACTIVE-DIALOG HEADER OVERRIDES
   These IDs are supplied by the chat plugin.
   ========================================================== */

html body .ow_chat_dialog #dialogProfileUrl {
    position: absolute !important;
    top: 5px !important;
    right: 29px !important;
    bottom: auto !important;
    left: 7px !important;
    z-index: 2 !important;

    display: block !important;
    float: none !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-position: 0 center !important;
    background-size: 38px 38px !important;

    border: 0 !important;
    overflow: visible !important;

    transform: none !important;
    text-align: left !important;
    text-indent: 0 !important;
}

html body .ow_chat_dialog #dialogProfileUrl .ow_chat_item_author_wrap,
html body .ow_chat_dialog #dialogProfileUrl .ow_chat_item_author {
    position: static !important;

    display: block !important;
    float: none !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    overflow: visible !important;
    visibility: visible !important;
    opacity: 1 !important;

    transform: none !important;
    text-align: left !important;
    text-indent: 0 !important;
}

html body .ow_chat_dialog #dialogProfileDisplayName {
    position: absolute !important;
    top: 15px !important;
    right: 3px !important;
    bottom: auto !important;
    left: 47px !important;
    z-index: 10 !important;

    display: block !important;
    float: none !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 20px !important;
    min-height: 20px !important;
    max-height: 20px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: transparent !important;

    font-family: Arial, sans-serif !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 800 !important;
    line-height: 20px !important;

    clip: auto !important;
    clip-path: none !important;
    overflow: hidden !important;
    visibility: visible !important;
    opacity: 1 !important;

    transform: none !important;
    text-align: left !important;
    text-indent: 0 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;

    text-shadow:
        0 1px 2px rgba(0, 0, 0, 0.95),
        0 0 7px rgba(255, 115, 170, 0.38) !important;
}

html body .ow_chat_dialog #dialogProfileDisplayName::before,
html body .ow_chat_dialog #dialogProfileDisplayName::after {
    display: none !important;
    content: none !important;
}

html body .ow_chat_dialog #dialogProfileStatus {
    position: absolute !important;
    top: 36px !important;
    right: auto !important;
    bottom: auto !important;
    left: 47px !important;
    z-index: 10 !important;

    display: block !important;
    float: none !important;

    margin: 0 !important;
    padding: 0 !important;

    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
}

html body .ow_chat_dialog #dialogCloseBtn {
    position: absolute !important;
    top: 50% !important;
    right: 8px !important;
    bottom: auto !important;
    left: auto !important;
    z-index: 20 !important;

    display: block !important;
    float: none !important;

    width: 18px !important;
    height: 18px !important;

    margin: 0 !important;
    padding: 0 !important;

    visibility: visible !important;
    opacity: 1 !important;
    transform: translateY(-50%) !important;
}

/* ==========================================================
   TABOO! DATING - ALL MESSAGES PAGE
   Restores the desktop conversation selector and themes the
   complete mailbox.
   ========================================================== */

/* ----------------------------------------------------------
   DESKTOP TWO-PANE MAILBOX
   ---------------------------------------------------------- */

html body .ow_mailbox_table,
html body .ow_mailbox_table.ow_mailbox_table_single {
    display: grid !important;
    grid-template-columns: 300px minmax(0, 1fr) !important;
    align-items: stretch !important;
    gap: 12px !important;

    width: 100% !important;
    box-sizing: border-box !important;

    margin: 0 0 20px !important;
    padding: 12px !important;

    color: #ffffff !important;
    background: linear-gradient(
        145deg,
        rgba(61, 7, 31, 0.98) 0%,
        rgba(27, 2, 13, 0.99) 100%
    ) !important;

    border: 1px solid rgba(255, 75, 135, 0.46) !important;
    border-radius: 13px !important;

    box-shadow:
        0 8px 22px rgba(0, 0, 0, 0.46),
        0 0 18px rgba(255, 45, 115, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
}

/* Restore the conversation selector suppressed by single mode */
html body .ow_mailbox_table .ow_mailbox_left,
html body .ow_mailbox_table .ow_mailbox_left.ow_mailbox_single_mode,
html body #conversationListControl {
    position: relative !important;

    display: block !important;
    float: none !important;

    width: 300px !important;
    min-width: 300px !important;
    max-width: 300px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;
    background: linear-gradient(
        180deg,
        #3b071f 0%,
        #210310 100%
    ) !important;

    border: 1px solid rgba(255, 75, 135, 0.44) !important;
    border-radius: 10px !important;
    overflow: hidden !important;

    visibility: visible !important;
    opacity: 1 !important;
}

html body .ow_mailbox_table .ow_mailbox_right,
html body #conversationContainer {
    position: relative !important;

    display: block !important;
    float: none !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;
    background: linear-gradient(
        180deg,
        #33051a 0%,
        #170109 100%
    ) !important;

    border: 1px solid rgba(255, 75, 135, 0.44) !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

/* ----------------------------------------------------------
   LEFT CONVERSATION SELECTOR
   ---------------------------------------------------------- */

html body .ow_mailbox_left .ow_mailbox_search {
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 9px !important;

    background: linear-gradient(
        180deg,
        #5b102e 0%,
        #35091c 100%
    ) !important;

    border: 0 !important;
    border-bottom: 1px solid rgba(255, 105, 160, 0.34) !important;
}

html body .ow_mailbox_left .ow_mailbox_search input[type="text"],
html body .ow_mailbox_left .ow_mailbox_search input[type="search"] {
    width: 100% !important;
    height: 40px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 7px 34px 7px 11px !important;

    color: #19050e !important;
    caret-color: #b51650 !important;
    background: #fff8fb !important;

    border: 2px solid #ff4b86 !important;
    border-radius: 8px !important;

    font-family: Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;

    outline: 0 !important;

    box-shadow:
        inset 0 2px 4px rgba(0, 0, 0, 0.15),
        0 0 8px rgba(255, 55, 125, 0.26) !important;
}

html body .ow_mailbox_left .ow_mailbox_search input:focus {
    border-color: #ff9ac0 !important;

    box-shadow:
        inset 0 2px 4px rgba(0, 0, 0, 0.12),
        0 0 12px rgba(255, 70, 140, 0.52) !important;
}

html body .ow_mailbox_left .ow_mailbox_conv_options {
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 8px 11px !important;

    color: #ffd9e7 !important;
    background: rgba(255, 75, 135, 0.09) !important;

    border: 0 !important;
    border-bottom: 1px solid rgba(255, 105, 160, 0.24) !important;

    font-family: Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

html body .ow_mailbox_left .ow_mailbox_left_body,
html body #conversationItemListSub {
    position: relative !important;

    display: block !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;
    background: #20020f !important;

    border: 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Conversation rows */
html body .ow_mailbox_left .ow_mailbox_convers_info {
    position: relative !important;

    min-height: 72px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 9px 9px 9px 64px !important;

    color: #ffffff !important;
    background: linear-gradient(
        90deg,
        rgba(91, 14, 47, 0.38) 0%,
        rgba(31, 3, 16, 0.82) 100%
    ) !important;

    border: 0 !important;
    border-bottom: 1px solid rgba(255, 105, 160, 0.20) !important;

    transition:
        background 0.18s ease,
        box-shadow 0.18s ease !important;
}

html body .ow_mailbox_left .ow_mailbox_convers_info:hover,
html body .ow_mailbox_left .ow_mailbox_convers_info_selected {
    background: linear-gradient(
        90deg,
        rgba(145, 25, 72, 0.70) 0%,
        rgba(64, 7, 33, 0.94) 100%
    ) !important;

    box-shadow:
        inset 4px 0 0 #ff4b86,
        inset 0 0 13px rgba(255, 80, 145, 0.11) !important;
}

html body .ow_mailbox_left .ow_mailbox_convers_info_string,
html body .ow_mailbox_left .ow_mailbox_convers_info_string a {
    color: #ff91bd !important;

    font-family: Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;

    text-decoration: none !important;
}

html body .ow_mailbox_left .ow_mailbox_convers_info_date {
    color: #d9a9bd !important;
    font-family: Arial, sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

/* ----------------------------------------------------------
   ACTIVE CONVERSATION HEADER
   ---------------------------------------------------------- */

html body .ow_mailbox_right .ow_mailbox_cap {
    position: relative !important;

    min-height: 66px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 9px 48px 9px 72px !important;

    color: #ffffff !important;
    background: linear-gradient(
        180deg,
        #75143b 0%,
        #4d0d28 55%,
        #300818 100%
    ) !important;

    border: 0 !important;
    border-bottom: 1px solid rgba(255, 125, 175, 0.42) !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.13),
        0 3px 9px rgba(0, 0, 0, 0.34) !important;
}

html body .ow_mailbox_right .ow_mailbox_username,
html body .ow_mailbox_right .ow_mailbox_username a {
    color: #ffffff !important;

    font-family: Arial, sans-serif !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;

    text-decoration: none !important;
    text-shadow:
        0 1px 2px rgba(0, 0, 0, 0.92),
        0 0 7px rgba(255, 115, 170, 0.32) !important;
}

html body .ow_mailbox_right .ow_mailbox_convers_actions {
    margin: 0 !important;
}

/* ----------------------------------------------------------
   MESSAGE HISTORY
   ---------------------------------------------------------- */

html body .ow_mailbox_log_wrap,
html body .ow_mailbox_log,
html body .ow_mailbox_log .jspContainer,
html body .ow_mailbox_log .jspPane {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;

    color: #ffffff !important;
    background: linear-gradient(
        180deg,
        #250311 0%,
        #160109 100%
    ) !important;

    border: 0 !important;
}

html body .ow_mailbox_log {
    min-height: 430px !important;
}

html body .ow_mailbox_log .ow_mailbox_date_cap,
html body .ow_mailbox_log .ow_dialog_date_cap,
html body .ow_mailbox_log .ow_time_block {
    margin: 9px 0 !important;
    padding: 5px 9px !important;

    color: #dba8bd !important;
    background: rgba(255, 75, 135, 0.075) !important;

    border-top: 1px solid rgba(255, 105, 160, 0.14) !important;
    border-bottom: 1px solid rgba(255, 105, 160, 0.14) !important;

    font-family: Arial, sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-align: center !important;
}

html body .ow_mailbox_log .ow_dialog_item,
html body .ow_mailbox_log .message {
    box-sizing: border-box !important;

    margin: 8px 10px !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
}

html body .ow_mailbox_log .ow_dialog_in_item,
html body .ow_mailbox_log .ow_dialog_in_item *,
html body .ow_mailbox_log .ow_mailbox_message_content,
html body .ow_mailbox_log .ow_mailbox_message_content * {
    color: #ffffff !important;

    font-family: Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.38 !important;

    overflow-wrap: anywhere !important;
}

html body .ow_mailbox_log .ow_dialog_item .ow_dialog_in_item,
html body .ow_mailbox_log .message .ow_dialog_in_item {
    width: fit-content !important;
    max-width: 76% !important;
    box-sizing: border-box !important;

    padding: 8px 11px !important;

    border: 1px solid rgba(255, 125, 175, 0.34) !important;
    border-radius: 10px !important;

    box-shadow:
        0 3px 8px rgba(0, 0, 0, 0.36),
        inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
}

html body .ow_mailbox_log .ow_dialog_item.odd .ow_dialog_in_item,
html body .ow_mailbox_log .message.odd .ow_dialog_in_item {
    margin-right: auto !important;

    color: #fff4f8 !important;
    background: linear-gradient(
        145deg,
        #53102f 0%,
        #35091e 100%
    ) !important;

    border-radius: 4px 10px 10px 10px !important;
}

html body .ow_mailbox_log .ow_dialog_item.even .ow_dialog_in_item,
html body .ow_mailbox_log .message.even .ow_dialog_in_item {
    margin-left: auto !important;

    color: #ffffff !important;
    background: linear-gradient(
        145deg,
        #9d1044 0%,
        #6a1236 58%,
        #480b25 100%
    ) !important;

    border-color: #ff6da3 !important;
    border-radius: 10px 4px 10px 10px !important;

    box-shadow:
        0 3px 9px rgba(0, 0, 0, 0.40),
        0 0 9px rgba(255, 55, 125, 0.20),
        inset 0 1px 0 rgba(255, 255, 255, 0.10) !important;
}

/* ----------------------------------------------------------
   MESSAGE COMPOSER
   ---------------------------------------------------------- */

html body .ow_mailbox_right .ow_chat_message_block,
html body #conversationChatFormBlock,
html body #conversationMessageFormBlock {
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 8px !important;

    color: #ffffff !important;
    background: linear-gradient(
        180deg,
        #4c0d27 0%,
        #2b0716 100%
    ) !important;

    border: 0 !important;
    border-top: 1px solid rgba(255, 105, 160, 0.38) !important;
}

html body #conversationTextarea,
html body .ow_mailbox_right .ow_chat_message_block textarea,
html body .ow_mailbox_right .ow_chat_message_block input[type="text"] {
    display: block !important;

    width: 100% !important;
    min-height: 42px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 8px 62px 8px 10px !important;

    color: #19050e !important;
    caret-color: #b51650 !important;
    background: #fff8fb !important;

    border: 2px solid #ff4b86 !important;
    border-radius: 8px !important;

    font-family: Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;

    outline: 0 !important;
    resize: none !important;

    box-shadow:
        inset 0 2px 4px rgba(0, 0, 0, 0.15),
        0 0 8px rgba(255, 55, 125, 0.28) !important;
}

html body #conversationTextarea:focus,
html body .ow_mailbox_right .ow_chat_message_block textarea:focus {
    border-color: #ff9ac0 !important;

    box-shadow:
        inset 0 2px 4px rgba(0, 0, 0, 0.12),
        0 0 12px rgba(255, 70, 140, 0.54) !important;
}

/* Mailbox scrollbars */
html body .ow_mailbox_table .jspVerticalBar {
    width: 8px !important;
    background: #160109 !important;
}

html body .ow_mailbox_table .jspTrack {
    background: #2c0718 !important;
}

html body .ow_mailbox_table .jspDrag {
    background: linear-gradient(
        180deg,
        #ff5b95 0%,
        #9d1044 100%
    ) !important;

    border-radius: 999px !important;

    box-shadow: 0 0 7px rgba(255, 65, 135, 0.48) !important;
}

/* ----------------------------------------------------------
   NARROW SCREENS
   Keep the selector visible above the conversation.
   ---------------------------------------------------------- */

@media (max-width: 780px) {
    html body .ow_mailbox_table,
    html body .ow_mailbox_table.ow_mailbox_table_single {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 10px !important;
        padding: 8px !important;
    }

    html body .ow_mailbox_table .ow_mailbox_left,
    html body .ow_mailbox_table .ow_mailbox_left.ow_mailbox_single_mode,
    html body #conversationListControl,
    html body .ow_mailbox_table .ow_mailbox_right,
    html body #conversationContainer {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
    }

    html body .ow_mailbox_left .ow_mailbox_left_body {
        max-height: 260px !important;
    }
}

/* ==========================================================
   TABOO! DATING - CHAT MESSAGE WRAPPING FIX
   ========================================================== */

/* Oxwall floats and shrink-wraps each message row. Give every
   row the full chat width so the bubble has room to size itself. */
html body .ow_chat_dialog .ow_dialog_items_wrap .ow_dialog_item,
html body .ow_chat_dialog .ow_dialog_items_wrap > .message,
html body .ow_chat_dialog .ow_dialog_items_wrap > .clearfix.message {
    display: block !important;
    float: none !important;
    clear: both !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    box-sizing: border-box !important;

    overflow: visible !important;
}

/* Size the bubble from its text, capped to the available width. */
html body .ow_chat_dialog .ow_dialog_item .ow_dialog_in_item,
html body .ow_chat_dialog .message .ow_dialog_in_item {
    display: block !important;

    width: max-content !important;
    min-width: 0 !important;
    max-width: 86% !important;
    box-sizing: border-box !important;

    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    hyphens: none !important;
}

/* Prevent normal words and short actions such as *Licks* from
   being split character-by-character by inherited global rules. */
html body .ow_chat_dialog .ow_dialog_in_item p,
html body .ow_chat_dialog .ow_dialog_in_item span {
    max-width: 100% !important;

    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    hyphens: none !important;
}

/* Very long links still need permission to wrap safely. */
html body .ow_chat_dialog .ow_dialog_in_item a {
    max-width: 100% !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
}

/* Preserve left/right participant alignment after removing
   Oxwall's floats from the surrounding message row. */
html body .ow_chat_dialog .ow_dialog_item.odd .ow_dialog_in_item,
html body .ow_chat_dialog .message.odd .ow_dialog_in_item {
    margin-right: auto !important;
    margin-left: 0 !important;
}

html body .ow_chat_dialog .ow_dialog_item.even .ow_dialog_in_item,
html body .ow_chat_dialog .message.even .ow_dialog_in_item {
    margin-right: 0 !important;
    margin-left: auto !important;
}

/* ==========================================================
   TABOO! DATING - FULL MAILBOX CLEAN FIX
   Scoped compatibility fix for the full
   /messages mailbox without touching the top Messages dropdown.
   ========================================================== */

/* Keep the full mailbox two-column layout visible. */
html body .ow_mailbox_table {
    overflow: visible !important;
}

html body .ow_mailbox_table .ow_mailbox_left,
html body .ow_mailbox_table .ow_mailbox_left.ow_mailbox_single_mode,
html body .ow_mailbox_table #conversationListControl {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    overflow: hidden !important;
}

html body .ow_mailbox_table .ow_mailbox_left_body,
html body .ow_mailbox_table #conversationItemListSub,
html body .ow_mailbox_table .ow_mailbox_left_body .jspContainer,
html body .ow_mailbox_table .ow_mailbox_left_body .jspPane {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    min-height: 260px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}

/* Conversation row: avatar left, name/date top, last message below. */
html body .ow_mailbox_table .ow_mailbox_convers_info {
    position: relative !important;
    display: block !important;
    min-height: 82px !important;
    box-sizing: border-box !important;
    padding: 11px 10px 11px 72px !important;
    overflow: hidden !important;
    cursor: pointer !important;
}

html body .ow_mailbox_table .ow_mailbox_convers_info .ow_mailbox_avatar,
html body .ow_mailbox_table .ow_mailbox_convers_info .ow_avatar,
html body .ow_mailbox_table .ow_mailbox_convers_info .ow_avatar_image {
    position: absolute !important;
    left: 10px !important;
    top: 12px !important;
    display: block !important;
    width: 48px !important;
    height: 48px !important;
    max-width: 48px !important;
    max-height: 48px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}

html body .ow_mailbox_table .ow_mailbox_convers_info .ow_mailbox_avatar img,
html body .ow_mailbox_table .ow_mailbox_convers_info .ow_avatar img,
html body .ow_mailbox_table .ow_mailbox_convers_info .ow_avatar_image img {
    display: block !important;
    width: 48px !important;
    height: 48px !important;
    max-width: 48px !important;
    max-height: 48px !important;
    object-fit: cover !important;
}

html body .ow_mailbox_table .ow_mailbox_convers_info_body {
    position: static !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
        "name date"
        "message message" !important;
    column-gap: 8px !important;
    row-gap: 3px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

html body .ow_mailbox_table .ow_mailbox_convers_info_string {
    grid-area: name !important;
    display: block !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

html body .ow_mailbox_table .ow_mailbox_convers_info_string a,
html body .ow_mailbox_table .ow_mailbox_convers_info_string b,
html body .ow_mailbox_table #conversationItemProfileUrl {
    display: block !important;
    max-width: 100% !important;
    color: #ff91bd !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 18px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

html body .ow_mailbox_table .ow_mailbox_convers_info_date,
html body .ow_mailbox_table #conversationItemDateTime {
    grid-area: date !important;
    position: static !important;
    justify-self: end !important;
    align-self: start !important;
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 46px !important;
    height: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #ffffff !important;
    background: transparent !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 16px !important;
    text-align: right !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

html body .ow_mailbox_table .ow_mailbox_convers_info_content {
    grid-area: message !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #ffd7e5 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 17px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* Undo the site's global .ow_left/.ow_right 100% rule inside mailbox rows. */
html body .ow_mailbox_table .ow_mailbox_convers_info_content .ow_left,
html body .ow_mailbox_table .ow_mailbox_convers_info_content .ow_right,
html body .ow_mailbox_table .ow_mailbox_convers_info_content * {
    position: static !important;
    float: none !important;
    clear: none !important;
    display: inline !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    white-space: nowrap !important;
    overflow: visible !important;
}

/* Empty mailbox placeholders were showing as a stray paperclip. */
html body .ow_mailbox_table .ow_mailbox_convers_count_new,
html body .ow_mailbox_table .ow_mailbox_convers_info_attach,
html body .ow_mailbox_table .ow_mailbox_convers_info_attach::before,
html body .ow_mailbox_table .ow_mailbox_convers_info_attach::after {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

html body .ow_mailbox_table .ow_mailbox_convers_info_selected,
html body .ow_mailbox_table .ow_mailbox_convers_info:hover {
    box-shadow:
        inset 4px 0 0 #ff4b86,
        inset 0 0 14px rgba(255, 80, 145, 0.18) !important;
}

/* Active conversation header avatar. */
html body .ow_mailbox_table .ow_mailbox_right .ow_mailbox_cap {
    min-height: 74px !important;
    padding: 13px 52px 12px 84px !important;
    overflow: visible !important;
}

html body .ow_mailbox_table .ow_mailbox_right .ow_mailbox_cap .ow_avatar,
html body .ow_mailbox_table .ow_mailbox_right .ow_mailbox_cap .ow_avatar_image {
    position: absolute !important;
    left: 18px !important;
    top: 13px !important;
    display: block !important;
    width: 48px !important;
    height: 48px !important;
    max-width: 48px !important;
    max-height: 48px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}

html body .ow_mailbox_table .ow_mailbox_right .ow_mailbox_cap .ow_avatar img,
html body .ow_mailbox_table .ow_mailbox_right .ow_mailbox_cap .ow_avatar_image img {
    display: block !important;
    width: 48px !important;
    height: 48px !important;
    max-width: 48px !important;
    max-height: 48px !important;
    object-fit: cover !important;
}

html body .ow_mailbox_table .ow_mailbox_right .ow_mailbox_cap .ow_mailbox_username,
html body .ow_mailbox_table .ow_mailbox_right .ow_mailbox_cap .ow_mailbox_username_text {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #ffffff !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    line-height: 20px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

html body .ow_mailbox_table .ow_mailbox_right .ow_mailbox_cap .ow_mailbox_username a,
html body .ow_mailbox_table .ow_mailbox_right .ow_mailbox_cap .ow_mailbox_username_text a {
    color: #ffffff !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    text-decoration: none !important;
}

/* Compact "Open in chat" action in the active conversation header. */
html body .ow_mailbox_table .ow_mailbox_switch_to_chat,
html body .ow_mailbox_table #conversationSwitchToChatBlock {
    display: block !important;
    width: fit-content !important;
    margin: 3px 0 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
}

html body .ow_mailbox_table #conversationSwitchToChatBtn,
html body .ow_mailbox_table .ow_mailbox_switch_to_chat a,
html body .ow_mailbox_table a.ow_mailbox_switch_to_chat_btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 180px !important;
    height: 26px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 10px !important;
    color: #ffffff !important;
    background: linear-gradient(180deg, #b51650 0%, #7d103a 100%) !important;
    border: 1px solid #ff69a0 !important;
    border-radius: 7px !important;
    box-shadow:
        0 2px 6px rgba(0, 0, 0, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75) !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    vertical-align: top !important;
}

html body .ow_mailbox_table #conversationSwitchToChatBtn:hover,
html body .ow_mailbox_table .ow_mailbox_switch_to_chat a:hover,
html body .ow_mailbox_table a.ow_mailbox_switch_to_chat_btn:hover {
    background: linear-gradient(180deg, #e02b6f 0%, #961549 100%) !important;
    border-color: #ff91bd !important;
}

/* Message bubbles should not crush normal words into vertical chunks. */
html body .ow_mailbox_table .ow_mailbox_log .ow_dialog_item,
html body .ow_mailbox_table .ow_mailbox_log .message {
    clear: both !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

html body .ow_mailbox_table .ow_mailbox_log .ow_dialog_in_item,
html body .ow_mailbox_table .ow_mailbox_log .ow_mailbox_message_content {
    min-width: 120px !important;
    max-width: min(76%, 680px) !important;
    box-sizing: border-box !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: none !important;
}

html body .ow_mailbox_table .ow_mailbox_log .ow_dialog_in_item *,
html body .ow_mailbox_table .ow_mailbox_log .ow_mailbox_message_content * {
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: none !important;
}

html body .ow_mailbox_table .ow_mailbox_log .ow_dialog_item.odd .ow_dialog_in_item,
html body .ow_mailbox_table .ow_mailbox_log .message.odd .ow_dialog_in_item {
    float: left !important;
    margin-left: 10px !important;
    margin-right: auto !important;
}

html body .ow_mailbox_table .ow_mailbox_log .ow_dialog_item.even .ow_dialog_in_item,
html body .ow_mailbox_table .ow_mailbox_log .message.even .ow_dialog_in_item {
    float: right !important;
    margin-left: auto !important;
    margin-right: 10px !important;
}

html body .ow_mailbox_table .ow_mailbox_log .ow_dialog_in_item p,
html body .ow_mailbox_table .ow_mailbox_log .ow_mailbox_message_content p {
    margin: 0 !important;
}

@media (max-width: 780px) {
    html body .ow_mailbox_table .ow_mailbox_log .ow_dialog_in_item,
    html body .ow_mailbox_table .ow_mailbox_log .ow_mailbox_message_content {
        min-width: 96px !important;
        max-width: 86% !important;
    }
}

/* ======================================================================
   14. BLOGS & TEXT CONTENT

   Readability fixes for long-form content.
   ====================================================================== */

/* ==========================================================
   TABOO! DATING - BLOG READABILITY
   ========================================================== */

.ow_box_empty.ow_no_cap.ow_break_word,
.ow_blogpost_compose,
.ow_content .p1,
.ow_content .p2 {
    color: #f2ddea !important;
    caret-color: #f2ddea !important;
}

.ow_box_empty.ow_no_cap.ow_break_word a,
.ow_blogpost_compose a {
    color: #4da3ff !important;
}

.ow_box_empty.ow_no_cap.ow_break_word b,
.ow_box_empty.ow_no_cap.ow_break_word strong {
    color: #ffffff !important;
}
/* ==========================================================
   TABOO! SOCIAL — BLOG POST ACTION BUTTONS
   Flag / Edit / Delete
   ========================================================== */

/* Align the action group */
html body .ow_superwide
.ow_box_empty
.ow_box_toolbar_cont {
    display: flex !important;
    justify-content: flex-end !important;
    clear: both !important;
    margin-top: 20px !important;
}

/* Remove the old list/button styling */
html body .ow_superwide
.ow_box_empty
ul.ow_box_toolbar.ow_bl {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

html body .ow_superwide
.ow_box_empty
ul.ow_box_toolbar.ow_bl > li {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    border: 0 !important;
}

/* Shared button appearance */
html body .ow_superwide
.ow_box_empty
ul.ow_box_toolbar.ow_bl > li > a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 40px !important;
    box-sizing: border-box !important;
    padding: 8px 18px !important;

    color: #ffffff !important;
    background: linear-gradient(
        180deg,
        #651132 0%,
        #450b24 55%,
        #270614 100%
    ) !important;

    border: 2px solid #ff4381 !important;
    border-radius: 9px !important;

    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    white-space: nowrap !important;

    box-shadow:
        0 4px 10px rgba(0, 0, 0, 0.42),
        0 0 10px rgba(255, 67, 129, 0.25) !important;

    transition:
        transform 0.15s ease,
        background 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease !important;
}

/* Hover */
html body .ow_superwide
.ow_box_empty
ul.ow_box_toolbar.ow_bl > li > a:hover {
    color: #ffffff !important;
    background: linear-gradient(
        180deg,
        #8b1745 0%,
        #62102f 55%,
        #390819 100%
    ) !important;
    border-color: #ff91b7 !important;
    transform: translateY(-2px) !important;

    box-shadow:
        0 7px 15px rgba(0, 0, 0, 0.5),
        0 0 16px rgba(255, 67, 129, 0.48) !important;
}

/* Delete — last button */
html body .ow_superwide
.ow_box_empty
ul.ow_box_toolbar.ow_bl > li:last-child > a {
    background: linear-gradient(
        180deg,
        #791c2c 0%,
        #55101e 55%,
        #300810 100%
    ) !important;
    border-color: #ff6476 !important;
}

/* Delete hover */
html body .ow_superwide
.ow_box_empty
ul.ow_box_toolbar.ow_bl > li:last-child > a:hover {
    background: linear-gradient(
        180deg,
        #a3293f 0%,
        #75182b 55%,
        #430d18 100%
    ) !important;
    border-color: #ffa0ac !important;
}

/* Keyboard focus */
html body .ow_superwide
.ow_box_empty
ul.ow_box_toolbar.ow_bl > li > a:focus-visible {
    outline: 2px solid #ffffff !important;
    outline-offset: 3px !important;
}

/* ==========================================================
   TABOO! DATING — LARGER CHAT TEXT
   ========================================================== */

/* Messages in the full Messages page and popup chat */
html body .ow_mailbox_log .ow_dialog_in_item,
html body .ow_mailbox_log .ow_dialog_in_item *,
html body .ow_mailbox_log .ow_mailbox_message_content,
html body .ow_mailbox_log .ow_mailbox_message_content *,
html body .ow_chat_dialog .ow_dialog_in_item,
html body .ow_chat_dialog .ow_dialog_in_item *,
html body .ow_chat_dialog .ow_dialog_in_item p,
html body .ow_chat_dialog .ow_dialog_in_item span {
    font-size: 18px !important;
    line-height: 1.5 !important;
}

/* Text users type into the message box */
html body #conversationTextarea,
html body .ow_mailbox_right .ow_chat_message_block textarea,
html body .ow_mailbox_right .ow_chat_message_block input[type="text"],
html body .ow_chat_dialog textarea,
html body .ow_chat_dialog input[type="text"] {
    min-height: 50px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;

    font-size: 18px !important;
    line-height: 1.4 !important;
}
/* ==========================================================
   TABOO! SOCIAL — FOOTER NAVIGATION PILLS
   ========================================================== */

html body #taboo-site-links {
    width: calc(100% - 20px) !important;
    max-width: 1050px !important;
    box-sizing: border-box !important;

    margin: 45px auto 20px !important;
    padding: 28px 20px 22px !important;

    color: #fff7fc !important;

    background:
        radial-gradient(
            circle at top center,
            rgba(255, 60, 158, 0.20),
            transparent 65%
        ),
        linear-gradient(
            180deg,
            #27142b 0%,
            #120a15 100%
        ) !important;

    border: 1px solid rgba(255, 91, 166, 0.45) !important;
    border-radius: 20px !important;

    box-shadow:
        0 14px 34px rgba(0, 0, 0, 0.40),
        0 0 22px rgba(255, 60, 158, 0.14) !important;

    font-family: Arial, Helvetica, sans-serif !important;
    text-align: center !important;
}

html body #taboo-site-links .taboo-links-title {
    margin: 0 0 7px !important;

    color: #ff9bdd !important;

    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
    letter-spacing: 2.5px !important;
    text-transform: uppercase !important;
}

html body #taboo-site-links .taboo-links-tagline {
    margin: 0 0 22px !important;

    color: #cbb4c7 !important;

    font-size: 13px !important;
    line-height: 1.4 !important;
}

html body #taboo-site-links .taboo-links-buttons {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 11px !important;

    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Individual pill */
html body #taboo-site-links a.taboo-link-pill {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;

    width: auto !important;
    min-height: 42px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 9px 17px !important;

    color: #ffffff !important;

    background: linear-gradient(
        180deg,
        #651132 0%,
        #4b0d26 50%,
        #2b0816 100%
    ) !important;

    border: 2px solid #ff4b86 !important;
    border-radius: 999px !important;

    font-family: Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    letter-spacing: 0.2px !important;

    text-align: center !important;
    text-decoration: none !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.72) !important;
    white-space: nowrap !important;

    cursor: pointer !important;

    box-shadow:
        0 3px 8px rgba(0, 0, 0, 0.45),
        0 0 10px rgba(255, 50, 120, 0.30),
        inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;

    transition:
        transform 0.15s ease,
        box-shadow 0.20s ease,
        border-color 0.20s ease,
        background 0.20s ease !important;
}

/* Hover and keyboard focus */
html body #taboo-site-links a.taboo-link-pill:hover,
html body #taboo-site-links a.taboo-link-pill:focus-visible {
    color: #ffffff !important;

    background: linear-gradient(
        180deg,
        #7b163d 0%,
        #5d1230 50%,
        #340a1a 100%
    ) !important;

    border-color: #ff9ac0 !important;

    transform: translateY(-2px) !important;

    box-shadow:
        0 6px 14px rgba(0, 0, 0, 0.55),
        0 0 18px rgba(255, 70, 140, 0.60),
        inset 0 1px 0 rgba(255, 255, 255, 0.20) !important;

    outline: none !important;
}

/* Pressed */
html body #taboo-site-links a.taboo-link-pill:active {
    transform: translateY(1px) scale(0.98) !important;

    box-shadow:
        inset 0 3px 6px rgba(0, 0, 0, 0.45),
        0 0 8px rgba(255, 50, 120, 0.25) !important;
}

/* Slightly brighter in-world vendor pill */
html body #taboo-site-links a.taboo-link-pill--featured {
    background: linear-gradient(
        180deg,
        #b51c60 0%,
        #7d103e 55%,
        #480820 100%
    ) !important;

    border-color: #ff8fbe !important;
}

html body #taboo-site-links .taboo-links-divider {
    width: 110px !important;
    height: 1px !important;

    margin: 24px auto 17px !important;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 155, 221, 0.90),
        transparent
    ) !important;
}

html body #taboo-site-links .taboo-links-copyright {
    color: #a993a5 !important;

    font-size: 12px !important;
    line-height: 1.5 !important;
}

/* Blue In-World Store pill */
html body #taboo-site-links a.taboo-link-pill--store {
    background: linear-gradient(
        180deg,
        #167fbd 0%,
        #0c5b91 52%,
        #07385e 100%
    ) !important;

    border-color: #62caff !important;

    box-shadow:
        0 3px 8px rgba(0, 0, 0, 0.45),
        0 0 12px rgba(48, 177, 255, 0.38),
        inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}

/* Blue store pill hover */
html body #taboo-site-links a.taboo-link-pill--store:hover,
html body #taboo-site-links a.taboo-link-pill--store:focus-visible {
    color: #ffffff !important;

    background: linear-gradient(
        180deg,
        #28a9ed 0%,
        #1175b5 52%,
        #084d7e 100%
    ) !important;

    border-color: #b3e8ff !important;

    transform: translateY(-2px) !important;

    box-shadow:
        0 6px 14px rgba(0, 0, 0, 0.55),
        0 0 20px rgba(54, 190, 255, 0.70),
        inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;

    outline: none !important;
}

/* Blue store pill pressed */
html body #taboo-site-links a.taboo-link-pill--store:active {
    transform: translateY(1px) scale(0.98) !important;

    box-shadow:
        inset 0 3px 6px rgba(0, 0, 0, 0.45),
        0 0 9px rgba(48, 177, 255, 0.38) !important;
}
/* ==========================================================
   TABOO! SOCIAL — LARGER FOOTER TEXT
   ========================================================== */

html body #taboo-site-links .taboo-links-title {
    font-size: 22px !important;
    line-height: 1.25 !important;
}

html body #taboo-site-links .taboo-links-tagline {
    font-size: 18px !important;
    line-height: 1.4 !important;
}

html body #taboo-site-links a.taboo-link-pill {
    min-height: 52px !important;
    padding: 12px 22px !important;

    font-size: 20px !important;
    line-height: 1.15 !important;
    letter-spacing: 0.3px !important;
}

html body #taboo-site-links .taboo-links-copyright {
    font-size: 16px !important;
    line-height: 1.5 !important;
}

/* Maintain comfortable spacing around the larger pills */
html body #taboo-site-links .taboo-links-buttons {
    gap: 14px !important;
}

/* Slightly reduce them on narrow screens */
@media (max-width: 600px) {
    html body #taboo-site-links a.taboo-link-pill {
        min-height: 48px !important;
        padding: 11px 18px !important;
        font-size: 18px !important;
        white-space: normal !important;
    }

    html body #taboo-site-links .taboo-links-title {
        font-size: 20px !important;
    }

    html body #taboo-site-links .taboo-links-tagline {
        font-size: 17px !important;
    }
}