/* =========================================================
   INSTAMONDO MODERN CSS - clean rebuild
   Dark / luxury visual refresh
   ========================================================= */

:root {
    --im-bg: #05070d;
    --im-panel: #0b1220;
    --im-panel-soft: #0f172a;
    --im-border: rgba(71, 85, 105, 0.72);
    --im-text: #e5e7eb;
    --im-muted: #cbd5e1;
    --im-blue: #2563eb;
    --im-blue-light: #38bdf8;
    --im-pink: #ff2f68;
    --im-pink-dark: #e11d48;
    --im-green: #84cc16;
}

/* General page */
html,
body {
    background: var(--im-bg) !important;
    color: var(--im-text) !important;
}

a {
    transition: color .15s ease, background .15s ease, border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}

img {
    max-width: 100%;
}

/* =========================================================
   TOP MOVING PHOTO STRIP
   ========================================================= */

.bgslider {
    background: #05070d !important;
    border-bottom: 1px solid rgba(255, 47, 104, 0.22) !important;
    overflow: hidden !important;
}

.bgslider .slider {
    background: #05070d !important;
    padding: 6px 0 !important;
}

.bgslider .slider li {
    margin-right: 5px !important;
    overflow: visible !important;
}

.bgslider .slider img {
    width: 104px !important;
    height: 78px !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 8px !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.38) !important;
    opacity: 0.94 !important;
}

.bgslider .slider img:hover {
    opacity: 1 !important;
    transform: scale(1.035) !important;
    border-color: rgba(255, 47, 104, 0.55) !important;
}

/* =========================================================
   COMMON MODERN PANELS
   ========================================================= */

.content_box,
.profile_content,
.dashboard_profile_photo,
.wr_search,
.wr_filter,
.wr_messages,
.wr_friends,
.wr_my_friends,
.wr_albums,
.wr_account,
.wr_photos,
.my_account_content,
.my_profile_content,
.search_members_content,
.browse_members_content,
.boxborder_pages_content,
.content_pages,
.new_messages_wrapper {
    background:
        radial-gradient(circle at top left, rgba(255, 47, 104, 0.10), transparent 28%),
        radial-gradient(circle at top right, rgba(37, 99, 235, 0.12), transparent 32%),
        linear-gradient(180deg, #070b12 0%, #0b1220 100%) !important;
    border: 1px solid rgba(255, 47, 104, 0.20) !important;
    border-radius: 22px !important;
    box-shadow:
        0 24px 60px rgba(0, 0, 0, 0.42),
        inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
    color: var(--im-text) !important;
}

/* =========================================================
   BUTTONS
   ========================================================= */

.search,
.buttons_view_profile,
.btn,
input[type="submit"],
button,
.show_more,
.show_more_users,
.load_more,
#show_more_users {
    border-radius: 999px !important;
    border: none !important;
    font-weight: 800 !important;
    transition: background .15s ease, box-shadow .15s ease, transform .15s ease, filter .15s ease;
}

.search,
.buttons_view_profile,
input[type="submit"],
.show_more,
.show_more_users,
.load_more,
#show_more_users {
    background: linear-gradient(135deg, #ff2f68 0%, #f43f5e 45%, #2563eb 100%) !important;
    color: #ffffff !important;
    box-shadow:
        0 12px 28px rgba(255, 47, 104, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}

.search:hover,
.buttons_view_profile:hover,
input[type="submit"]:hover,
.show_more:hover,
.show_more_users:hover,
.load_more:hover,
#show_more_users:hover {
    filter: brightness(1.06) !important;
    transform: translateY(-1px) !important;
}

/* =========================================================
   FORMS
   ========================================================= */

input[type="text"],
input[type="email"],
input[type="password"],
select,
textarea {
    border: 1px solid rgba(203, 213, 225, 0.95) !important;
    border-radius: 999px !important;
    background: #f1f5f9 !important;
    color: #0f172a !important;
    outline: none !important;
    padding: 5px 12px !important;
}

textarea {
    border-radius: 14px !important;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus {
    border-color: #38bdf8 !important;
    box-shadow:
        0 0 0 3px rgba(56, 189, 248, 0.22),
        0 8px 20px rgba(37, 99, 235, 0.16) !important;
}

input[type="checkbox"] {
    accent-color: #ff2f68 !important;
}

/* =========================================================
   BROWSE MEMBERS - premium cards
   ========================================================= */

li.list_item_user_photo {
    position: relative !important;
    width: 148px !important;
    min-height: 188px !important;
    height: auto !important;
    padding: 8px !important;
    margin: 0 14px 18px 0 !important;
    background: linear-gradient(180deg, rgba(15, 23, 42, 0.98), rgba(7, 11, 18, 0.98)) !important;
    border: 1px solid rgba(71, 85, 105, 0.75) !important;
    border-radius: 18px !important;
    overflow: visible !important;
    box-shadow:
        0 14px 32px rgba(0, 0, 0, 0.40),
        inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
    transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease !important;
}

li.list_item_user_photo:hover {
    transform: translateY(-5px) !important;
    border-color: rgba(255, 47, 104, 0.72) !important;
    box-shadow:
        0 22px 48px rgba(0, 0, 0, 0.58),
        0 0 28px rgba(255, 47, 104, 0.20),
        inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

li.list_item_user_photo > a.view_desc_profile {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    background: transparent !important;
    text-decoration: none !important;
    overflow: visible !important;
}

li.list_item_user_photo > a.view_desc_profile strong,
li.list_item_user_photo > a.view_desc_profile em {
    display: none !important;
}

li.list_item_user_photo > a.view_desc_profile > img:not(.vip_img) {
    display: block !important;
    width: 130px !important;
    height: 130px !important;
    max-width: 130px !important;
    max-height: 130px !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 15px !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    box-shadow:
        0 10px 22px rgba(0, 0, 0, 0.36),
        inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
    transition: transform 0.22s ease, filter 0.22s ease, opacity 0.22s ease !important;
}

li.list_item_user_photo:hover > a.view_desc_profile > img:not(.vip_img) {
    transform: scale(1.035) !important;
    filter: contrast(1.06) saturate(1.10) !important;
}

li.list_item_user_photo .short_description {
    position: static !important;
    display: block !important;
    width: 130px !important;
    min-height: 30px !important;
    margin: 8px 0 0 0 !important;
    padding: 7px 8px !important;
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.20), rgba(255, 47, 104, 0.12)) !important;
    border: 1px solid rgba(147, 197, 253, 0.18) !important;
    border-radius: 12px !important;
    color: #dbeafe !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-align: left !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}

li.list_item_user_photo .vip_img {
    position: absolute !important;
    top: -8px !important;
    right: -6px !important;
    z-index: 30 !important;
    width: 42px !important;
    height: auto !important;
    max-width: 42px !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.75)) !important;
}

li.list_item_user_photo .icon_online_status,
li.list_item_user_photo .icon_offline_status {
    position: absolute !important;
    top: 12px !important;
    left: 12px !important;
    z-index: 25 !important;
    width: 12px !important;
    height: 12px !important;
    border-radius: 50% !important;
    border: 2px solid #0f172a !important;
}

li.list_item_user_photo .icon_online_status {
    background: #84cc16 !important;
    box-shadow: 0 0 0 4px rgba(132, 204, 22, 0.16) !important;
}

li.list_item_user_photo .icon_offline_status {
    background: #64748b !important;
    box-shadow: 0 0 0 4px rgba(100, 116, 139, 0.14) !important;
}

/* =========================================================
   VIEW PROFILE / MY PROFILE
   ========================================================= */

.boxborder_pages_content table,
.boxborder_pages_content tbody,
.boxborder_pages_content tr,
.boxborder_pages_content td,
.content_pages table,
.content_pages tbody,
.content_pages tr,
.content_pages td {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    color: #dbeafe !important;
    border-color: rgba(71, 85, 105, 0.5) !important;
}

.boxborder_pages_content form,
.content_pages form,
.boxborder_pages_content fieldset,
.content_pages fieldset,
.boxborder_pages_content .boxborder,
.content_pages .boxborder,
.boxborder_pages_content .border,
.content_pages .border {
    background: rgba(15, 23, 42, 0.96) !important;
    border: 1px solid rgba(71, 85, 105, 0.75) !important;
    border-radius: 18px !important;
    padding: 18px !important;
    color: #e5e7eb !important;
}

/* =========================================================
   MESSAGES PAGE
   ========================================================= */

.new_messages_wrapper {
    padding: 22px !important;
}

.title_block_converstation,
.title_block_converstation_with {
    color: #e5e7eb !important;
    font-weight: 700 !important;
    padding: 8px 10px !important;
}

.wr_conversation_users,
.message_block {
    background: linear-gradient(180deg, #0f172a 0%, #090f1c 100%) !important;
    border: 1px solid rgba(71, 85, 105, 0.65) !important;
    border-radius: 18px !important;
    padding: 14px !important;
    box-shadow:
        0 14px 34px rgba(0, 0, 0, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
    color: #e5e7eb !important;
}

.action_bar_wr_messages_users,
.action_bar_wr_messages,
.message_block form {
    background: rgba(7, 11, 18, 0.95) !important;
    border: 1px solid rgba(71, 85, 105, 0.65) !important;
    border-radius: 16px !important;
    padding: 12px !important;
    margin-bottom: 14px !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.28) !important;
}

.wr_comment {
    background: rgba(15, 23, 42, 0.90) !important;
    border: 1px solid rgba(71, 85, 105, 0.52) !important;
    border-radius: 14px !important;
    margin-bottom: 12px !important;
    padding: 10px !important;
    color: #e5e7eb !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.26) !important;
}

.left_block_conversation_users img,
.left_block_message img {
    border-radius: 50% !important;
    object-fit: cover !important;
    border: 2px solid rgba(147, 197, 253, 0.35) !important;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.35) !important;
}

.message_block textarea,
.message_block input[type="text"] {
    background: #f1f5f9 !important;
    color: #0f172a !important;
}

/* =========================================================
   CHAT SIDEBAR
   ========================================================= */

.wr_chat {
    background: #070b12 !important;
    border: 1px solid #1f2937 !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    padding-bottom: 8px !important;
    box-shadow: none !important;
}

.wr_menubar_chat {
    background: linear-gradient(135deg, #111827, #1e3a8a) !important;
    color: #ffffff !important;
    padding: 9px 12px !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    border: none !important;
    border-bottom: 1px solid #1f2937 !important;
    border-radius: 12px 12px 0 0 !important;
}

.wr_chat_block {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    margin: 8px !important;
    padding: 10px 12px !important;
    background: #0f172a !important;
    border: 1px solid #1f2937 !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

.wr_chat_left_block img {
    width: 38px !important;
    height: 38px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    border: 2px solid #374151 !important;
}

.wr_chat_right_block .chat_user_name {
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-decoration: none !important;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 768px) {
    li.list_item_user_photo {
        width: 132px !important;
        min-height: 172px !important;
    }

    li.list_item_user_photo > a.view_desc_profile > img:not(.vip_img) {
        width: 116px !important;
        height: 116px !important;
    }

    li.list_item_user_photo .short_description {
        width: 116px !important;
    }

    .bgslider .slider img {
        width: 86px !important;
        height: 66px !important;
    }
}
/* =========================================================
   Global Show More / Load More buttons
   ========================================================= */

#show_more_browse_members,
#show_more_messages,
#show_more_message,
#show_more_friends,
#show_more_friends_req_rec,
#show_more_friends_req_sent,
.show_more,
.show_more_users,
.load_more,
.wr_show_more_browse_members button,
.wr_show_more_results button {
    background: linear-gradient(135deg, #ff2f68 0%, #f43f5e 45%, #2563eb 100%) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    border-radius: 999px !important;
    padding: 11px 28px !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    box-shadow:
        0 12px 28px rgba(255, 47, 104, 0.30),
        inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;
    cursor: pointer !important;
    text-shadow: none !important;
}

#show_more_browse_members:hover,
#show_more_messages:hover,
#show_more_message:hover,
#show_more_friends:hover,
#show_more_friends_req_rec:hover,
#show_more_friends_req_sent:hover,
.show_more:hover,
.show_more_users:hover,
.load_more:hover,
.wr_show_more_browse_members button:hover,
.wr_show_more_results button:hover {
    filter: brightness(1.06) !important;
    transform: translateY(-1px) !important;
}

/* =========================================================
   GLOBAL USER CARDS + BUTTONS CONSISTENCY
   Applies to: view_profile, friends, friends_requests,
   visitors, my_favorites, browse members
   ========================================================= */


/* -------------------------
   GLOBAL BUTTONS
   ------------------------- */

.buttons_view_profile,
a.buttons_view_profile,
a.search.buttons_view_profile,
.content_pages .btn,
.content_pages button,
.content_pages input[type="submit"],
.content_pages input[type="button"],
.boxborder_pages_content .btn,
.boxborder_pages_content button,
.boxborder_pages_content input[type="submit"],
.boxborder_pages_content input[type="button"],
.new_messages_wrapper .btn,
.message_block .btn,
.action_bar_wr_messages .btn,
.action_bar_wr_messages_users .btn,
.wr_show_more_browse_members button,
.wr_show_more_results button,
#show_more_browse_members,
#show_more_messages,
#show_more_message,
#show_more_friends,
#show_more_friends_req_rec,
#show_more_friends_req_sent {
    background: linear-gradient(135deg, #ff2f68 0%, #f43f5e 45%, #2563eb 100%) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    border-radius: 999px !important;
    padding: 8px 16px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-shadow: none !important;
    box-shadow:
        0 10px 24px rgba(255, 47, 104, 0.26),
        inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
    cursor: pointer !important;
}

.buttons_view_profile:hover,
a.buttons_view_profile:hover,
a.search.buttons_view_profile:hover,
.content_pages .btn:hover,
.content_pages button:hover,
.content_pages input[type="submit"]:hover,
.content_pages input[type="button"]:hover,
.boxborder_pages_content .btn:hover,
.boxborder_pages_content button:hover,
.boxborder_pages_content input[type="submit"]:hover,
.boxborder_pages_content input[type="button"]:hover,
.new_messages_wrapper .btn:hover,
.message_block .btn:hover,
.action_bar_wr_messages .btn:hover,
.action_bar_wr_messages_users .btn:hover,
.wr_show_more_browse_members button:hover,
.wr_show_more_results button:hover,
#show_more_browse_members:hover,
#show_more_messages:hover,
#show_more_message:hover,
#show_more_friends:hover,
#show_more_friends_req_rec:hover,
#show_more_friends_req_sent:hover {
    filter: brightness(1.06) !important;
    transform: translateY(-1px) !important;
}


/* Smaller action buttons */
.content_pages .btn-sm,
.boxborder_pages_content .btn-sm,
.new_messages_wrapper .btn-sm,
.message_block .btn-sm {
    padding: 6px 12px !important;
    font-size: 12px !important;
}


/* -------------------------
   GLOBAL DARK PAGE PANELS
   ------------------------- */

.content_pages,
.boxborder_pages_content,
.my_profile_content,
.my_account_content,
.wr_friends,
.wr_my_friends,
.wr_messages,
.wr_albums,
.wr_photos,
.wr_account {
    background:
        radial-gradient(circle at top left, rgba(255, 47, 104, 0.08), transparent 28%),
        radial-gradient(circle at top right, rgba(37, 99, 235, 0.10), transparent 32%),
        linear-gradient(180deg, #070b12 0%, #0b1220 100%) !important;
    border: 1px solid rgba(255, 47, 104, 0.18) !important;
    border-radius: 22px !important;
    box-shadow:
        0 22px 58px rgba(0, 0, 0, 0.40),
        inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
    color: #e5e7eb !important;
}


/* Titles inside content */
.content_pages .title_block,
.content_pages .title_box,
.content_pages h1,
.content_pages h2,
.content_pages h3,
.content_pages h4,
.boxborder_pages_content .title_block,
.boxborder_pages_content .title_box,
.boxborder_pages_content h1,
.boxborder_pages_content h2,
.boxborder_pages_content h3,
.boxborder_pages_content h4 {
    color: #ffffff !important;
    font-weight: 800 !important;
}


/* -------------------------
   GLOBAL USER CARDS
   Works for friends / visitors / favorites / requests
   ------------------------- */

.content_pages ul.list > li,
.content_pages .memb_ul > li,
.content_pages .browse_memb_ul > li,
.content_pages .li_online_users_after_login > li,
.content_pages li.list_item_user_photo,
.boxborder_pages_content ul.list > li,
.boxborder_pages_content .memb_ul > li,
.boxborder_pages_content .browse_memb_ul > li,
.boxborder_pages_content .li_online_users_after_login > li,
.boxborder_pages_content li.list_item_user_photo {
    position: relative !important;
    width: 128px !important;
    min-height: 165px !important;
    height: auto !important;
    padding: 8px !important;
    margin: 0 12px 16px 0 !important;
    background: linear-gradient(180deg, #0f172a 0%, #070b12 100%) !important;
    border: 1px solid rgba(71, 85, 105, 0.85) !important;
    border-radius: 16px !important;
    overflow: visible !important;
    box-shadow:
        0 12px 28px rgba(0, 0, 0, 0.40),
        inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
    transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease !important;
}

.content_pages ul.list > li:hover,
.content_pages .memb_ul > li:hover,
.content_pages .browse_memb_ul > li:hover,
.content_pages .li_online_users_after_login > li:hover,
.content_pages li.list_item_user_photo:hover,
.boxborder_pages_content ul.list > li:hover,
.boxborder_pages_content .memb_ul > li:hover,
.boxborder_pages_content .browse_memb_ul > li:hover,
.boxborder_pages_content .li_online_users_after_login > li:hover,
.boxborder_pages_content li.list_item_user_photo:hover {
    transform: translateY(-4px) !important;
    border-color: rgba(255, 47, 104, 0.75) !important;
    box-shadow:
        0 18px 42px rgba(0, 0, 0, 0.55),
        0 0 24px rgba(255, 47, 104, 0.18) !important;
}


/* User photos inside cards */
.content_pages ul.list > li img:not(.vip_img),
.content_pages .memb_ul > li img:not(.vip_img),
.content_pages .browse_memb_ul > li img:not(.vip_img),
.content_pages .li_online_users_after_login > li img:not(.vip_img),
.content_pages li.list_item_user_photo img:not(.vip_img),
.boxborder_pages_content ul.list > li img:not(.vip_img),
.boxborder_pages_content .memb_ul > li img:not(.vip_img),
.boxborder_pages_content .browse_memb_ul > li img:not(.vip_img),
.boxborder_pages_content .li_online_users_after_login > li img:not(.vip_img),
.boxborder_pages_content li.list_item_user_photo img:not(.vip_img) {
    width: 112px !important;
    height: 112px !important;
    max-width: 112px !important;
    max-height: 112px !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 13px !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    opacity: 1 !important;
    box-shadow: 0 9px 20px rgba(0, 0, 0, 0.36) !important;
}


/* Names / labels */
.content_pages ul.list > li .user_name,
.content_pages ul.list > li .short_description,
.content_pages .memb_ul > li .user_name,
.content_pages .memb_ul > li .short_description,
.content_pages .browse_memb_ul > li .user_name,
.content_pages .browse_memb_ul > li .short_description,
.content_pages .li_online_users_after_login > li .user_name,
.content_pages .li_online_users_after_login > li .short_description,
.boxborder_pages_content ul.list > li .user_name,
.boxborder_pages_content ul.list > li .short_description,
.boxborder_pages_content .memb_ul > li .user_name,
.boxborder_pages_content .memb_ul > li .short_description,
.boxborder_pages_content .browse_memb_ul > li .user_name,
.boxborder_pages_content .browse_memb_ul > li .short_description,
.boxborder_pages_content .li_online_users_after_login > li .user_name,
.boxborder_pages_content .li_online_users_after_login > li .short_description {
    position: static !important;
    display: block !important;
    width: 112px !important;
    min-height: 28px !important;
    margin-top: 7px !important;
    padding: 6px 7px !important;
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.24), rgba(255, 47, 104, 0.14)) !important;
    border: 1px solid rgba(147, 197, 253, 0.18) !important;
    border-radius: 10px !important;
    color: #dbeafe !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-align: left !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}


/* Small action icon bar under cards */
.content_pages .menu_bar_online_users,
.boxborder_pages_content .menu_bar_online_users {
    background: rgba(7, 11, 18, 0.92) !important;
    border-radius: 0 0 10px 10px !important;
    border-top: 1px solid rgba(71, 85, 105, 0.40) !important;
}


/* VIP badge */
.content_pages .vip_img,
.boxborder_pages_content .vip_img {
    position: absolute !important;
    top: -7px !important;
    right: -5px !important;
    z-index: 30 !important;
    width: 38px !important;
    height: auto !important;
    max-width: 38px !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.75)) !important;
}


/* Online / offline dot */
.content_pages .icon_online_status,
.content_pages .icon_offline_status,
.boxborder_pages_content .icon_online_status,
.boxborder_pages_content .icon_offline_status {
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    z-index: 25 !important;
    width: 11px !important;
    height: 11px !important;
    border-radius: 50% !important;
    border: 2px solid #0f172a !important;
}

.content_pages .icon_online_status,
.boxborder_pages_content .icon_online_status {
    background: #84cc16 !important;
    box-shadow: 0 0 0 4px rgba(132, 204, 22, 0.16) !important;
}

.content_pages .icon_offline_status,
.boxborder_pages_content .icon_offline_status {
    background: #64748b !important;
    box-shadow: 0 0 0 4px rgba(100, 116, 139, 0.14) !important;
}


/* -------------------------
   FORMS / SELECTS / INPUTS
   ------------------------- */

.content_pages input[type="text"],
.content_pages input[type="email"],
.content_pages input[type="password"],
.content_pages textarea,
.content_pages select,
.boxborder_pages_content input[type="text"],
.boxborder_pages_content input[type="email"],
.boxborder_pages_content input[type="password"],
.boxborder_pages_content textarea,
.boxborder_pages_content select {
    background: #f1f5f9 !important;
    color: #0f172a !important;
    border: 1px solid rgba(203, 213, 225, 0.95) !important;
    border-radius: 999px !important;
    padding: 6px 12px !important;
    outline: none !important;
}

.content_pages textarea,
.boxborder_pages_content textarea {
    border-radius: 14px !important;
}

/* =========================================================
   FOOTER CHAT POPUP - restore dark luxury style
   ========================================================= */

.chat_boxes_in_footer .chat_user_box,
.chat_user_box {
    background: #070b12 !important;
    border: 1px solid rgba(71, 85, 105, 0.75) !important;
    border-radius: 14px 14px 0 0 !important;
    overflow: hidden !important;
    box-shadow:
        0 18px 42px rgba(0, 0, 0, 0.45),
        0 0 24px rgba(37, 99, 235, 0.12) !important;
}

/* Chat header */
.chat_boxes_in_footer .chat_user_box .header_chat,
.chat_user_box .header_chat,
.header_chat {
    background: linear-gradient(135deg, #111827 0%, #1e3a8a 100%) !important;
    color: #ffffff !important;
    border: none !important;
    border-bottom: 1px solid rgba(71, 85, 105, 0.65) !important;
    padding: 8px 10px !important;
    font-weight: 800 !important;
    font-size: 13px !important;
}

.chat_boxes_in_footer .chat_user_box .header_chat *,
.chat_user_box .header_chat *,
.header_chat * {
    color: #ffffff !important;
}

/* Chat content area */
.chat_boxes_in_footer .chat_user_box .chat_block,
.chat_user_box .chat_block,
.chat_block {
    background: #0b1220 !important;
    color: #e5e7eb !important;
    border: none !important;
}

/* Messages container */
.chat_boxes_in_footer .chat_user_box .content,
.chat_user_box .content,
.wr_comments_chat {
    background: #0b1220 !important;
    color: #e5e7eb !important;
}

/* Individual messages */
.chat_boxes_in_footer .chat_user_box .chat_message,
.chat_user_box .chat_message,
.wr_comments_chat div,
.wr_comments_chat p {
    background: transparent !important;
    color: #e5e7eb !important;
}

/* Message bubbles / inline styled message rows */
.chat_boxes_in_footer .chat_user_box .chat_message div,
.chat_boxes_in_footer .chat_user_box .chat_message span,
.chat_boxes_in_footer .chat_user_box .chat_message p,
.chat_user_box .chat_message div,
.chat_user_box .chat_message span,
.chat_user_box .chat_message p {
    color: #e5e7eb !important;
}

.chat_boxes_in_footer .chat_user_box .chat_message div[style*="background"],
.chat_boxes_in_footer .chat_user_box .chat_message span[style*="background"],
.chat_boxes_in_footer .chat_user_box .chat_message p[style*="background"],
.chat_user_box .chat_message div[style*="background"],
.chat_user_box .chat_message span[style*="background"],
.chat_user_box .chat_message p[style*="background"] {
    background: rgba(15, 23, 42, 0.95) !important;
    color: #f8fafc !important;
    border: 1px solid rgba(71, 85, 105, 0.65) !important;
    border-radius: 12px !important;
    padding: 7px 10px !important;
}

/* User names / dates */
.chat_boxes_in_footer .chat_user_box b,
.chat_boxes_in_footer .chat_user_box strong,
.chat_user_box b,
.chat_user_box strong {
    color: #93c5fd !important;
}

/* Input/footer area */
.chat_boxes_in_footer .chat_user_box textarea,
.chat_boxes_in_footer .chat_user_box input[type="text"],
.chat_user_box textarea,
.chat_user_box input[type="text"] {
    background: #f1f5f9 !important;
    color: #0f172a !important;
    border: 1px solid rgba(203, 213, 225, 0.95) !important;
    border-radius: 999px !important;
    padding: 8px 12px !important;
    outline: none !important;
    box-shadow: none !important;
}

.chat_boxes_in_footer .chat_user_box textarea:focus,
.chat_boxes_in_footer .chat_user_box input[type="text"]:focus,
.chat_user_box textarea:focus,
.chat_user_box input[type="text"]:focus {
    border-color: #38bdf8 !important;
    box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.18) !important;
}

/* Send button */
.chat_boxes_in_footer .chat_user_box input[type="submit"],
.chat_boxes_in_footer .chat_user_box input[type="button"],
.chat_boxes_in_footer .chat_user_box button,
.chat_user_box input[type="submit"],
.chat_user_box input[type="button"],
.chat_user_box button {
    background: linear-gradient(135deg, #ff2f68 0%, #f43f5e 45%, #2563eb 100%) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 999px !important;
    padding: 8px 14px !important;
    font-weight: 900 !important;
    box-shadow: 0 10px 24px rgba(255, 47, 104, 0.26) !important;
    cursor: pointer !important;
}

.chat_boxes_in_footer .chat_user_box input[type="submit"]:hover,
.chat_boxes_in_footer .chat_user_box input[type="button"]:hover,
.chat_boxes_in_footer .chat_user_box button:hover,
.chat_user_box input[type="submit"]:hover,
.chat_user_box input[type="button"]:hover,
.chat_user_box button:hover {
    filter: brightness(1.06) !important;
}

/* Footer icons */
.chat_boxes_in_footer .chat_user_box img,
.chat_user_box img {
    border-radius: 6px !important;
}

.chat_boxes_in_footer .chat_user_box .smiley,
.chat_boxes_in_footer .chat_user_box .emoticon,
.chat_boxes_in_footer .chat_user_box .icon,
.chat_user_box .smiley,
.chat_user_box .emoticon,
.chat_user_box .icon {
    opacity: 0.95 !important;
}

/* Scrollbar */
.chat_boxes_in_footer .chat_user_box .chat_block::-webkit-scrollbar,
.chat_user_box .chat_block::-webkit-scrollbar {
    width: 8px !important;
}

.chat_boxes_in_footer .chat_user_box .chat_block::-webkit-scrollbar-track,
.chat_user_box .chat_block::-webkit-scrollbar-track {
    background: #070b12 !important;
}

.chat_boxes_in_footer .chat_user_box .chat_block::-webkit-scrollbar-thumb,
.chat_user_box .chat_block::-webkit-scrollbar-thumb {
    background: #334155 !important;
    border-radius: 999px !important;
}

/* =========================================================
   MOBILE FIXES - keep desktop design, simplify mobile
   ========================================================= */

@media (max-width: 768px) {

    html,
    body {
        width: 100% !important;
        overflow-x: hidden !important;
    }

    body {
        font-size: 14px !important;
    }

    /* Main content wrapper */
    .content_pages,
    .boxborder_pages_content,
    .new_messages_wrapper {
        width: calc(100% - 18px) !important;
        max-width: calc(100% - 18px) !important;
        margin: 12px 9px !important;
        padding: 14px !important;
        border-radius: 18px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    /* Top VIP slider */
    #all-vip-list-slider-wr {
        height: 72px !important;
        overflow: hidden !important;
    }

    #arrow_body {
        width: 112px !important;
        height: 66px !important;
    }

    #arrow_body a {
        width: 112px !important;
        height: 66px !important;
        padding-top: 7px !important;
        font-size: 12px !important;
        line-height: 14px !important;
    }

    #arrow_body .vip_icon {
        width: 22px !important;
        margin-top: 4px !important;
    }

    #all-vip-list-slider-wr .als-viewport,
    #all-vip-list-slider-wr .als-wrapper {
        height: 72px !important;
    }

    #all-vip-list-slider-wr .als-item {
        height: 66px !important;
        margin-right: 4px !important;
    }

    #all-vip-list-slider-wr .als-item img {
        width: 92px !important;
        height: 66px !important;
        border-radius: 7px !important;
    }

    /* Browse/user cards smaller on mobile */
    .content_pages ul.list > li,
    .content_pages .memb_ul > li,
    .content_pages .browse_memb_ul > li,
    .content_pages .li_online_users_after_login > li,
    .content_pages li.list_item_user_photo,
    .boxborder_pages_content ul.list > li,
    .boxborder_pages_content .memb_ul > li,
    .boxborder_pages_content .browse_memb_ul > li,
    .boxborder_pages_content .li_online_users_after_login > li,
    .boxborder_pages_content li.list_item_user_photo {
        width: 112px !important;
        min-height: 148px !important;
        padding: 6px !important;
        margin: 0 8px 12px 0 !important;
        border-radius: 14px !important;
    }

    .content_pages ul.list > li img:not(.vip_img),
    .content_pages .memb_ul > li img:not(.vip_img),
    .content_pages .browse_memb_ul > li img:not(.vip_img),
    .content_pages .li_online_users_after_login > li img:not(.vip_img),
    .content_pages li.list_item_user_photo img:not(.vip_img),
    .boxborder_pages_content ul.list > li img:not(.vip_img),
    .boxborder_pages_content .memb_ul > li img:not(.vip_img),
    .boxborder_pages_content .browse_memb_ul > li img:not(.vip_img),
    .boxborder_pages_content .li_online_users_after_login > li img:not(.vip_img),
    .boxborder_pages_content li.list_item_user_photo img:not(.vip_img) {
        width: 98px !important;
        height: 98px !important;
        max-width: 98px !important;
        max-height: 98px !important;
        border-radius: 11px !important;
    }

    .content_pages ul.list > li .user_name,
    .content_pages ul.list > li .short_description,
    .content_pages .memb_ul > li .user_name,
    .content_pages .memb_ul > li .short_description,
    .content_pages .browse_memb_ul > li .user_name,
    .content_pages .browse_memb_ul > li .short_description,
    .content_pages .li_online_users_after_login > li .user_name,
    .content_pages .li_online_users_after_login > li .short_description {
        width: 98px !important;
        font-size: 10px !important;
        padding: 5px 6px !important;
    }

    /* Messages page: force columns to stack */
    .new_messages_wrapper .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .new_messages_wrapper .col-md-3,
    .new_messages_wrapper .col-md-9,
    .new_messages_wrapper .col-xs-4,
    .new_messages_wrapper .col-xs-8 {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        display: block !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .wr_conversation_users,
    .message_block {
        width: 100% !important;
        max-width: 100% !important;
        padding: 12px !important;
        margin-bottom: 14px !important;
        border-radius: 16px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    .title_block_converstation,
    .title_block_converstation_with {
        font-size: 14px !important;
        line-height: 1.35 !important;
        padding: 8px 4px !important;
    }

    /* Message form */
    .message_block form {
        width: 100% !important;
        padding: 12px !important;
        margin: 0 0 14px 0 !important;
        box-sizing: border-box !important;
    }

    .message_block textarea,
    .message_block input[type="text"] {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 8px 0 !important;
        box-sizing: border-box !important;
    }

    /* Mobile buttons: smaller and not huge pills */
    .content_pages .btn,
    .content_pages button,
    .content_pages input[type="submit"],
    .content_pages input[type="button"],
    .boxborder_pages_content .btn,
    .boxborder_pages_content button,
    .boxborder_pages_content input[type="submit"],
    .boxborder_pages_content input[type="button"],
    .new_messages_wrapper .btn,
    .message_block .btn,
    .action_bar_wr_messages .btn,
    .action_bar_wr_messages_users .btn {
        width: auto !important;
        max-width: 100% !important;
        display: inline-block !important;
        padding: 7px 12px !important;
        margin: 3px 3px 5px 0 !important;
        font-size: 12px !important;
        line-height: 1.2 !important;
        border-radius: 999px !important;
        white-space: normal !important;
    }

    .action_bar_wr_messages,
    .action_bar_wr_messages_users {
        padding: 10px !important;
        text-align: left !important;
        overflow: hidden !important;
    }

    .action_bar_wr_messages .btn-group,
    .action_bar_wr_messages_users .btn-group {
        display: block !important;
        width: 100% !important;
    }

    /* Conversation list rows */
    .left_block_conversation_users,
    .right_block_conversation_users {
        float: none !important;
        width: auto !important;
        display: inline-block !important;
        vertical-align: middle !important;
    }

    .left_block_conversation_users img {
        width: 34px !important;
        height: 34px !important;
        border-radius: 50% !important;
    }

    /* Message cards */
    .wr_comment {
        padding: 10px !important;
        border-radius: 14px !important;
    }

    .left_block_message {
        width: 44px !important;
        float: left !important;
        padding: 0 !important;
    }

    .right_block_message {
        width: calc(100% - 50px) !important;
        float: left !important;
        padding-left: 8px !important;
    }

    .left_block_message img {
        width: 34px !important;
        height: 34px !important;
        border-radius: 50% !important;
    }

    .content_message,
    .msg_content_right {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .user_name_messages {
        font-size: 12px !important;
        line-height: 1.3 !important;
    }

    .user_name_messages span {
        float: none !important;
        display: block !important;
        margin: 2px 0 0 0 !important;
        font-size: 11px !important;
    }

    /* Profile modal/mobile view */
    #profile_modal,
    .profile_modal,
    .view_profile_content {
        width: calc(100% - 20px) !important;
        max-width: calc(100% - 20px) !important;
        margin: 10px auto !important;
        border-radius: 16px !important;
        overflow: hidden !important;
    }

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

    /* Chat box in footer */
    .chat_boxes_in_footer .chat_user_box,
    .chat_user_box {
        width: 92vw !important;
        max-width: 92vw !important;
        right: 4vw !important;
        left: auto !important;
    }
}
/* =========================================================
   MOBILE OVERRIDE FINAL - v20260509_11
   Fixes: top slider, my profile dropdown, messages page
   ========================================================= */

@media (max-width: 768px) {

    html,
    body {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    body {
        font-size: 14px !important;
    }

    /* -------------------------
       TOP VIP SLIDER MOBILE
       ------------------------- */

    #all-vip-list-slider-wr {
        height: 70px !important;
        max-height: 70px !important;
        overflow: hidden !important;
        background: #05070d !important;
    }

    #arrow_body {
        width: 112px !important;
        height: 66px !important;
        min-width: 112px !important;
        max-width: 112px !important;
        border-radius: 0 10px 10px 0 !important;
        overflow: hidden !important;
        z-index: 20 !important;
    }

    #arrow_body a {
        font-size: 0 !important;
        line-height: 1 !important;
        padding-top: 8px !important;
        text-align: center !important;
        white-space: normal !important;
    }

    #arrow_body a:before {
        content: "UPGRADE\A NOW";
        white-space: pre !important;
        display: block !important;
        color: #ffffff !important;
        font-size: 12px !important;
        font-weight: 900 !important;
        line-height: 14px !important;
        text-align: center !important;
    }

    #arrow_body .vip_icon {
        width: 22px !important;
        height: auto !important;
        margin: 5px auto 0 auto !important;
        display: block !important;
    }

    #all-vip-list-slider-wr .als-viewport,
    #all-vip-list-slider-wr .als-wrapper {
        height: 70px !important;
        max-height: 70px !important;
    }

    #all-vip-list-slider-wr .als-item {
        height: 66px !important;
        margin-right: 4px !important;
    }

    #all-vip-list-slider-wr .als-item img {
        width: 86px !important;
        height: 66px !important;
        object-fit: cover !important;
        object-position: center center !important;
        border-radius: 7px !important;
    }

    #all-vip-list-slider-wr .als-next {
        height: 66px !important;
        right: 4px !important;
    }

    /* -------------------------
       MY PROFILE DROPDOWN MOBILE
       ------------------------- */

    .profile_menu,
    .profile_submenu,
    .my_profile_menu,
    .my_profile_submenu,
    .user_profile_menu,
    .dropdown-menu {
        z-index: 99999 !important;
        background: #05070d !important;
        border: 1px solid rgba(71, 85, 105, 0.8) !important;
        box-shadow: 0 18px 42px rgba(0, 0, 0, 0.55) !important;
    }

    .profile_menu a,
    .profile_submenu a,
    .my_profile_menu a,
    .my_profile_submenu a,
    .user_profile_menu a,
    .dropdown-menu a {
        display: block !important;
        height: auto !important;
        min-height: 42px !important;
        line-height: 20px !important;
        padding: 11px 16px !important;
        color: #ffffff !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        white-space: nowrap !important;
        text-decoration: none !important;
        float: none !important;
        position: static !important;
    }

    .profile_menu a:hover,
    .profile_submenu a:hover,
    .my_profile_menu a:hover,
    .my_profile_submenu a:hover,
    .user_profile_menu a:hover,
    .dropdown-menu a:hover {
        background: rgba(37, 99, 235, 0.22) !important;
        color: #93c5fd !important;
    }

    /* -------------------------
       MAIN CONTENT MOBILE
       ------------------------- */

    .content_pages,
    .boxborder_pages_content,
    .new_messages_wrapper {
        width: calc(100% - 24px) !important;
        max-width: calc(100% - 24px) !important;
        margin: 18px 12px !important;
        padding: 16px !important;
        border-radius: 18px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    .content_pages h1,
    .content_pages h2,
    .content_pages h3,
    .content_pages h4,
    .boxborder_pages_content h1,
    .boxborder_pages_content h2,
    .boxborder_pages_content h3,
    .boxborder_pages_content h4 {
        font-size: 24px !important;
        line-height: 1.25 !important;
    }

    /* -------------------------
       MESSAGES PAGE MOBILE
       ------------------------- */

    .new_messages_wrapper .row {
        display: block !important;
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .new_messages_wrapper .col-md-3,
    .new_messages_wrapper .col-md-9,
    .new_messages_wrapper .col-xs-4,
    .new_messages_wrapper .col-xs-8 {
        float: none !important;
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }

    .title_block_converstation,
    .title_block_converstation_with {
        font-size: 15px !important;
        line-height: 1.35 !important;
        padding: 8px 0 !important;
        margin: 0 0 8px 0 !important;
    }

    .wr_conversation_users {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: 260px !important;
        overflow-y: auto !important;
        padding: 12px !important;
        margin: 0 0 16px 0 !important;
        border-radius: 16px !important;
        box-sizing: border-box !important;
    }

    .message_block {
        width: 100% !important;
        min-height: 0 !important;
        padding: 12px !important;
        margin: 0 !important;
        border-radius: 16px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    .action_bar_wr_messages,
    .action_bar_wr_messages_users {
        width: 100% !important;
        padding: 10px !important;
        margin: 0 0 12px 0 !important;
        border-radius: 14px !important;
        box-sizing: border-box !important;
        text-align: left !important;
    }

    .action_bar_wr_messages .row,
    .action_bar_wr_messages_users .row {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
        align-items: center !important;
    }

    .action_bar_wr_messages .btn-group,
    .action_bar_wr_messages_users .btn-group {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
        width: 100% !important;
    }

    .content_pages .btn,
    .content_pages button,
    .content_pages input[type="submit"],
    .content_pages input[type="button"],
    .boxborder_pages_content .btn,
    .boxborder_pages_content button,
    .boxborder_pages_content input[type="submit"],
    .boxborder_pages_content input[type="button"],
    .new_messages_wrapper .btn,
    .message_block .btn,
    .action_bar_wr_messages .btn,
    .action_bar_wr_messages_users .btn {
        display: inline-block !important;
        width: auto !important;
        max-width: 100% !important;
        padding: 8px 13px !important;
        margin: 0 !important;
        font-size: 12px !important;
        line-height: 1.2 !important;
        border-radius: 999px !important;
        white-space: normal !important;
    }

    .message_block form {
        width: 100% !important;
        padding: 12px !important;
        margin: 0 0 14px 0 !important;
        border-radius: 14px !important;
        box-sizing: border-box !important;
    }

    .message_block textarea,
    .message_block input[type="text"] {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 8px 0 !important;
        box-sizing: border-box !important;
    }

    .wr_comment {
        width: 100% !important;
        padding: 10px !important;
        margin-bottom: 10px !important;
        border-radius: 14px !important;
        box-sizing: border-box !important;
    }

    .left_block_message {
        float: left !important;
        width: 42px !important;
        padding: 0 !important;
    }

    .right_block_message {
        float: left !important;
        width: calc(100% - 48px) !important;
        padding-left: 8px !important;
        box-sizing: border-box !important;
    }

    .left_block_message img {
        width: 34px !important;
        height: 34px !important;
        border-radius: 50% !important;
        object-fit: cover !important;
    }

    .content_message,
    .msg_content_right {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .user_name_messages {
        font-size: 12px !important;
        line-height: 1.3 !important;
    }

    .user_name_messages span {
        float: none !important;
        display: block !important;
        margin: 2px 0 0 0 !important;
        font-size: 11px !important;
    }

    /* Conversation users list */
    .left_block_conversation_users {
        width: 44px !important;
        float: left !important;
        padding: 0 !important;
    }

    .right_block_conversation_users {
        float: left !important;
        width: calc(100% - 50px) !important;
        padding-left: 8px !important;
        box-sizing: border-box !important;
    }

    .left_block_conversation_users img {
        width: 34px !important;
        height: 34px !important;
        border-radius: 50% !important;
        object-fit: cover !important;
    }

    .right_block_conversation_users div {
        float: none !important;
        margin: 0 !important;
    }

    .right_block_conversation_users a {
        font-size: 13px !important;
        color: #38bdf8 !important;
    }

    /* -------------------------
       USER CARDS MOBILE
       ------------------------- */

    .content_pages ul.list > li,
    .content_pages .memb_ul > li,
    .content_pages .browse_memb_ul > li,
    .content_pages .li_online_users_after_login > li,
    .content_pages li.list_item_user_photo,
    .boxborder_pages_content ul.list > li,
    .boxborder_pages_content .memb_ul > li,
    .boxborder_pages_content .browse_memb_ul > li,
    .boxborder_pages_content .li_online_users_after_login > li,
    .boxborder_pages_content li.list_item_user_photo {
        width: 112px !important;
        min-height: 148px !important;
        padding: 6px !important;
        margin: 0 8px 12px 0 !important;
        border-radius: 14px !important;
    }

    .content_pages ul.list > li img:not(.vip_img),
    .content_pages .memb_ul > li img:not(.vip_img),
    .content_pages .browse_memb_ul > li img:not(.vip_img),
    .content_pages .li_online_users_after_login > li img:not(.vip_img),
    .content_pages li.list_item_user_photo img:not(.vip_img),
    .boxborder_pages_content ul.list > li img:not(.vip_img),
    .boxborder_pages_content .memb_ul > li img:not(.vip_img),
    .boxborder_pages_content .browse_memb_ul > li img:not(.vip_img),
    .boxborder_pages_content .li_online_users_after_login > li img:not(.vip_img),
    .boxborder_pages_content li.list_item_user_photo img:not(.vip_img) {
        width: 98px !important;
        height: 98px !important;
        max-width: 98px !important;
        max-height: 98px !important;
        border-radius: 11px !important;
    }

    .content_pages ul.list > li .user_name,
    .content_pages ul.list > li .short_description,
    .content_pages .memb_ul > li .user_name,
    .content_pages .memb_ul > li .short_description,
    .content_pages .browse_memb_ul > li .user_name,
    .content_pages .browse_memb_ul > li .short_description,
    .content_pages .li_online_users_after_login > li .user_name,
    .content_pages .li_online_users_after_login > li .short_description {
        width: 98px !important;
        font-size: 10px !important;
        padding: 5px 6px !important;
    }
}
/* =========================================================
   PROFILE POPUP - SecretsMeeting style for Instamondo
   ========================================================= */

#pp_full_res,
.pp_content,
.pp_content_container,
.pp_details,
.pp_inline,
.pp_pic_holder {
    background: transparent !important;
}

.pp_pic_holder .ppt {
    color: #2ba9fa !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    margin-bottom: 8px !important;
}

.pp_pic_holder .pp_content {
    background: #02040a !important;
    border-radius: 14px !important;
    overflow: visible !important;
}

.pp_pic_holder .pp_close {
    background: none !important;
    color: #ff2f68 !important;
    font-size: 0 !important;
    text-decoration: none !important;
}

.pp_pic_holder .pp_close:before {
    content: "×";
    display: block;
    font-size: 26px;
    font-weight: 900;
    line-height: 26px;
    color: #ff2f68;
}

/* Main popup body */
body .view_profile_content,
body #view_profile_content,
body .profile_view_content,
body .profile_details,
body .content_view_profile {
    background: #02040a !important;
    color: #ffffff !important;
    border-radius: 14px !important;
}

/* General profile popup table */
body .view_profile_content table,
body #view_profile_content table,
body .profile_view_content table,
body .profile_details table,
body .content_view_profile table {
    width: 100% !important;
    border-collapse: collapse !important;
    background: #02040a !important;
    color: #ffffff !important;
    border: 1px solid rgba(255,255,255,0.65) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}

/* Cells */
body .view_profile_content td,
body #view_profile_content td,
body .profile_view_content td,
body .profile_details td,
body .content_view_profile td {
    padding: 3px 7px !important;
    border-bottom: 1px solid rgba(255,255,255,0.45) !important;
    color: #ffffff !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
    vertical-align: top !important;
}

/* Labels */
body .view_profile_content td:first-child,
body #view_profile_content td:first-child,
body .profile_view_content td:first-child,
body .profile_details td:first-child,
body .content_view_profile td:first-child {
    width: 135px !important;
    min-width: 135px !important;
    color: #2ba9fa !important;
    font-weight: 800 !important;
}

/* Values */
body .view_profile_content td:nth-child(2),
body #view_profile_content td:nth-child(2),
body .profile_view_content td:nth-child(2),
body .profile_details td:nth-child(2),
body .content_view_profile td:nth-child(2) {
    color: #ffffff !important;
    font-weight: 600 !important;
}

/* Profile image */
body .view_profile_content img,
body #view_profile_content img,
body .profile_view_content img,
body .profile_details img,
body .content_view_profile img {
    border-radius: 8px !important;
    object-fit: cover !important;
}

/* Main profile photo should stay clean */
body .view_profile_content img:not(.vip_img),
body #view_profile_content img:not(.vip_img),
body .profile_view_content img:not(.vip_img),
body .profile_details img:not(.vip_img),
body .content_view_profile img:not(.vip_img) {
    max-width: 260px !important;
    max-height: 260px !important;
}

/* Buttons in profile popup */
body .view_profile_content .buttons_view_profile,
body #view_profile_content .buttons_view_profile,
body .profile_view_content .buttons_view_profile,
body .profile_details .buttons_view_profile,
body .content_view_profile .buttons_view_profile,
body .view_profile_content .search,
body #view_profile_content .search,
body .profile_view_content .search,
body .profile_details .search,
body .content_view_profile .search {
    display: block !important;
    width: 150px !important;
    height: auto !important;
    min-height: 28px !important;
    margin: 7px auto !important;
    padding: 7px 12px !important;
    background: linear-gradient(135deg, #ff2f68 0%, #f43f5e 45%, #2563eb 100%) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 999px !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    text-transform: uppercase !important;
    box-shadow: 0 10px 22px rgba(255,47,104,0.28) !important;
}

/* Popup scroll safety */
.pp_pic_holder {
    max-width: 96vw !important;
}

.pp_content {
    max-height: 86vh !important;
    overflow-y: auto !important;
}

/* Mobile profile popup */
@media (max-width: 768px) {
    .pp_pic_holder {
        width: 96vw !important;
        left: 2vw !important;
    }

    .pp_content,
    .pp_fade,
    .pp_hoverContainer {
        width: 96vw !important;
        max-width: 96vw !important;
    }

    body .view_profile_content td,
    body #view_profile_content td,
    body .profile_view_content td,
    body .profile_details td,
    body .content_view_profile td {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        border-bottom: none !important;
        padding: 3px 6px !important;
    }

    body .view_profile_content td:first-child,
    body #view_profile_content td:first-child,
    body .profile_view_content td:first-child,
    body .profile_details td:first-child,
    body .content_view_profile td:first-child {
        padding-top: 8px !important;
        color: #2ba9fa !important;
    }

    body .view_profile_content td:nth-child(2),
    body #view_profile_content td:nth-child(2),
    body .profile_view_content td:nth-child(2),
    body .profile_details td:nth-child(2),
    body .content_view_profile td:nth-child(2) {
        padding-bottom: 8px !important;
        border-bottom: 1px solid rgba(255,255,255,0.25) !important;
    }

    body .view_profile_content img:not(.vip_img),
    body #view_profile_content img:not(.vip_img),
    body .profile_view_content img:not(.vip_img),
    body .profile_details img:not(.vip_img),
    body .content_view_profile img:not(.vip_img) {
        max-width: 100% !important;
        height: auto !important;
    }
}
/* =========================================================
   MOBILE PRETTYPHOTO POPUP SCROLL FIX
   ========================================================= */

@media (max-width: 768px) {
    .pp_pic_holder {
        position: fixed !important;
        top: 10px !important;
        left: 2vw !important;
        width: 96vw !important;
        max-width: 96vw !important;
        max-height: calc(100vh - 20px) !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        background: #000 !important;
        border-radius: 14px !important;
        z-index: 999999 !important;
    }

    .pp_content_container,
    .pp_content,
    .pp_fade,
    .pp_inline,
    #pp_full_res {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }

    .pp_details {
        width: 100% !important;
    }

    .pp_close {
        position: fixed !important;
        top: 14px !important;
        right: 16px !important;
        z-index: 1000000 !important;
    }

    .pp_overlay {
        position: fixed !important;
        height: 100vh !important;
    }
}

/* =========================================================
   MOBILE TOP PROFILE MENU FIX
   ========================================================= */

@media (max-width: 768px) {
    .menu_my_profile,
    .my_profile_menu,
    .profile_menu,
    .dropdown-menu,
    .sub_menu_profile,
    .wr_profile_menu {
        position: absolute !important;
        top: 100% !important;
        right: 0 !important;
        left: auto !important;
        width: 220px !important;
        min-width: 220px !important;
        background: #000 !important;
        border: 1px solid rgba(255, 47, 104, 0.35) !important;
        border-radius: 0 0 12px 12px !important;
        padding: 8px 0 !important;
        z-index: 999999 !important;
        box-shadow: 0 14px 32px rgba(0, 0, 0, 0.55) !important;
    }

    .menu_my_profile a,
    .my_profile_menu a,
    .profile_menu a,
    .dropdown-menu a,
    .sub_menu_profile a,
    .wr_profile_menu a {
        display: block !important;
        width: 100% !important;
        padding: 10px 14px !important;
        color: #ffffff !important;
        background: transparent !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        line-height: 1.3 !important;
        text-align: left !important;
        white-space: normal !important;
        text-decoration: none !important;
        box-sizing: border-box !important;
    }

    .menu_my_profile a:hover,
    .my_profile_menu a:hover,
    .profile_menu a:hover,
    .dropdown-menu a:hover,
    .sub_menu_profile a:hover,
    .wr_profile_menu a:hover {
        background: rgba(37, 99, 235, 0.25) !important;
        color: #ffffff !important;
    }
}

/* =========================================================
   MOBILE FIXES 20260509_14
   Fix: profile menu, messages page, profile popup, VIP slider
   ========================================================= */

@media (max-width: 768px) {

    body {
        overflow-x: hidden !important;
    }

    /* -----------------------------
       TOP MY PROFILE MENU FIX
       ----------------------------- */

    .dropdown-menu,
    .my_profile_menu,
    .menu_my_profile,
    .profile_menu,
    .sub_menu_profile,
    .wr_profile_menu {
        position: absolute !important;
        right: 0 !important;
        left: auto !important;
        top: 100% !important;
        width: 210px !important;
        min-width: 210px !important;
        max-width: 210px !important;
        background: #000 !important;
        border: 1px solid rgba(255, 47, 104, 0.35) !important;
        padding: 8px 0 !important;
        z-index: 999999 !important;
        box-shadow: 0 18px 40px rgba(0,0,0,0.65) !important;
    }

    .dropdown-menu a,
    .my_profile_menu a,
    .menu_my_profile a,
    .profile_menu a,
    .sub_menu_profile a,
    .wr_profile_menu a {
        display: block !important;
        float: none !important;
        width: 100% !important;
        height: auto !important;
        padding: 10px 14px !important;
        margin: 0 !important;
        color: #fff !important;
        background: transparent !important;
        font-size: 14px !important;
        line-height: 1.3 !important;
        text-align: left !important;
        white-space: nowrap !important;
        box-sizing: border-box !important;
    }

    /* -----------------------------
       VIP TOP SLIDER MOBILE FIX
       ----------------------------- */

    #all-vip-list-slider-wr,
    .als-container,
    .als-viewport,
    .als-wrapper {
        height: 86px !important;
        max-height: 86px !important;
        overflow: hidden !important;
    }

    #arrow_body {
        width: 128px !important;
        min-width: 128px !important;
        height: 86px !important;
        overflow: hidden !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        font-size: 13px !important;
        line-height: 1.25 !important;
        font-weight: 800 !important;
        color: #fff !important;
    }

    #arrow_body a {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        color: #fff !important;
        text-align: center !important;
        white-space: normal !important;
        overflow: hidden !important;
        text-decoration: none !important;
    }

    #arrow_body img.vip_icon {
        display: block !important;
        width: 34px !important;
        height: auto !important;
        margin: 4px auto 0 auto !important;
    }

    #all-vip-list-slider-wr img,
    .als-container img,
    .als-viewport img,
    .als-wrapper img {
        height: 86px !important;
        width: 120px !important;
        object-fit: cover !important;
        border-radius: 8px !important;
    }

    .als-next img,
    #arrow_head-right img {
        width: 42px !important;
        height: 86px !important;
        object-fit: contain !important;
    }

    /* -----------------------------
       MESSAGES MOBILE LAYOUT FIX
       ----------------------------- */

    .new_messages_wrapper .row,
    .message_block .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .new_messages_wrapper .col-md-3,
    .new_messages_wrapper .col-md-9,
    .new_messages_wrapper .col-xs-4,
    .new_messages_wrapper .col-xs-8 {
        float: none !important;
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        clear: both !important;
        box-sizing: border-box !important;
    }

    .wr_conversation_users {
        min-height: auto !important;
        height: auto !important;
        max-height: 260px !important;
        overflow-y: auto !important;
        margin-bottom: 18px !important;
        padding: 12px !important;
    }

    .title_block_converstation,
    .title_block_converstation_with {
        display: block !important;
        width: 100% !important;
        padding: 10px 4px !important;
        font-size: 15px !important;
        color: #fff !important;
        font-weight: 800 !important;
        line-height: 1.3 !important;
    }

    .action_bar_wr_messages_users,
    .action_bar_wr_messages {
        display: block !important;
        width: 100% !important;
        padding: 12px !important;
        text-align: center !important;
        border-radius: 18px !important;
        background: rgba(0,0,0,0.28) !important;
    }

    .action_bar_wr_messages_users .btn,
    .action_bar_wr_messages .btn,
    .action_btn_messages_users,
    .action_btn_messages {
        display: inline-block !important;
        width: auto !important;
        min-width: 105px !important;
        max-width: 100% !important;
        margin: 5px 4px !important;
        padding: 9px 12px !important;
        font-size: 12px !important;
        line-height: 1.2 !important;
        white-space: normal !important;
    }

    .message_block {
        width: 100% !important;
        padding: 12px !important;
        box-sizing: border-box !important;
    }

    .message_block form {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 12px !important;
        box-sizing: border-box !important;
        border-radius: 18px !important;
        background: rgba(0,0,0,0.35) !important;
    }

    .message_block textarea,
    .message_block input[type="text"] {
        width: 100% !important;
        max-width: 100% !important;
        margin: 6px 0 !important;
        box-sizing: border-box !important;
    }

    .wr_comment {
        width: 100% !important;
        margin: 10px 0 !important;
        padding: 12px !important;
        border-radius: 16px !important;
        background: rgba(15, 23, 42, 0.92) !important;
        border: 1px solid rgba(71, 85, 105, 0.75) !important;
        box-sizing: border-box !important;
    }

    .left_block_message,
    .right_block_message {
        float: none !important;
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        clear: both !important;
    }

    .left_block_message img {
        width: 42px !important;
        height: 42px !important;
        object-fit: cover !important;
        border-radius: 50% !important;
    }

    .content_message,
    .msg_content_right {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* -----------------------------
       PRETTYPHOTO / PROFILE POPUP MOBILE SCROLL
       ----------------------------- */

    .pp_pic_holder {
        position: fixed !important;
        top: 8px !important;
        left: 2vw !important;
        width: 96vw !important;
        max-width: 96vw !important;
        max-height: calc(100vh - 16px) !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        background: #000 !important;
        border-radius: 16px !important;
        z-index: 999999 !important;
    }

    .pp_content_container,
    .pp_content,
    .pp_fade,
    .pp_inline,
    #pp_full_res {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }

    .pp_close {
        position: fixed !important;
        top: 12px !important;
        right: 14px !important;
        z-index: 1000000 !important;
    }

    .pp_overlay {
        position: fixed !important;
        height: 100vh !important;
    }

    /* Content inside profile popup */
    .wr_user_photo_popup,
    .profile_photo_content,
    .modal_title,
    .title_pages {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        clear: both !important;
        box-sizing: border-box !important;
    }

    .prof_photo_content,
    .profile_photo_content {
        text-align: center !important;
    }

    .prf {
        width: 100% !important;
        max-width: 100% !important;
        height: 260px !important;
        background-size: contain !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
    }

    .prf img {
        max-width: 100% !important;
        max-height: 260px !important;
        object-fit: contain !important;
    }
}
/* =========================================================
   FINAL PROFILE POPUP FIX 20260509_15
   Desktop + Mobile PrettyPhoto profile modal
   ========================================================= */

/* DESKTOP POPUP */
.pp_pic_holder {
    max-height: 90vh !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    background: #000 !important;
    border-radius: 14px !important;
}

.pp_content_container,
.pp_content,
.pp_fade,
.pp_inline,
#pp_full_res {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
}

#pp_full_res .modal_title.title_pages {
    padding: 10px 14px !important;
    color: #28a8ff !important;
    font-size: 16px !important;
    font-weight: 800 !important;
}

#pp_full_res .row {
    display: flex !important;
    align-items: flex-start !important;
    gap: 14px !important;
    margin: 0 !important;
}

#pp_full_res .wr_user_photo_popup {
    float: none !important;
    width: 210px !important;
    max-width: 210px !important;
    padding: 0 !important;
}

#pp_full_res .wr_user_photo_popup + div,
#pp_full_res .row > .col-md-8,
#pp_full_res .row > .col-md-7,
#pp_full_res .row > .col-md-6 {
    float: none !important;
    flex: 1 !important;
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
}

#pp_full_res .profile_photo_content {
    width: 100% !important;
    background: #fff !important;
    border-radius: 4px !important;
    padding: 10px !important;
    box-sizing: border-box !important;
    text-align: center !important;
}

#pp_full_res .prf {
    width: 100% !important;
    height: 220px !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}

#pp_full_res .prf img {
    max-width: 100% !important;
    max-height: 220px !important;
    object-fit: contain !important;
}

#pp_full_res .buttons_view_profile,
#pp_full_res a.buttons_view_profile,
#pp_full_res a.search.buttons_view_profile {
    display: block !important;
    width: 155px !important;
    height: auto !important;
    min-height: 28px !important;
    margin: 7px auto !important;
    padding: 7px 12px !important;
    border-radius: 999px !important;
    text-align: center !important;
    line-height: 1.2 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    color: #fff !important;
    background: linear-gradient(135deg, #ff2f68 0%, #f43f5e 45%, #2563eb 100%) !important;
    box-shadow: 0 8px 18px rgba(255,47,104,0.35) !important;
}

#pp_full_res table,
#pp_full_res .table,
#pp_full_res .profile_details,
#pp_full_res .profile_details_table {
    width: 100% !important;
    color: #fff !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
}

#pp_full_res td,
#pp_full_res th {
    padding: 2px 5px !important;
    vertical-align: top !important;
}

#pp_full_res label,
#pp_full_res .label,
#pp_full_res .label_color {
    color: #28a8ff !important;
    font-weight: 800 !important;
}

/* MOBILE POPUP */
@media (max-width: 768px) {

    .pp_overlay {
        position: fixed !important;
        width: 100vw !important;
        height: 100dvh !important;
    }

    .pp_pic_holder {
        position: fixed !important;
        top: 8px !important;
        left: 3vw !important;
        width: 94vw !important;
        max-width: 94vw !important;
        height: auto !important;
        max-height: calc(100dvh - 16px) !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        background: #000 !important;
        border-radius: 16px !important;
        padding: 12px !important;
        box-sizing: border-box !important;
        z-index: 999999 !important;
    }

    .pp_content_container,
    .pp_content,
    .pp_fade,
    .pp_inline,
    #pp_full_res {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }

    .pp_close {
        position: fixed !important;
        top: 12px !important;
        right: 14px !important;
        z-index: 1000000 !important;
    }

    #pp_full_res .modal_title.title_pages {
        width: 100% !important;
        padding: 8px 28px 10px 0 !important;
        font-size: 18px !important;
        line-height: 1.25 !important;
        box-sizing: border-box !important;
    }

    #pp_full_res .modal_title.title_pages b {
        display: block !important;
        width: 100% !important;
        white-space: normal !important;
        word-break: break-word !important;
    }

    #pp_full_res .row {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
    }

    #pp_full_res .wr_user_photo_popup,
    #pp_full_res .row > .col-md-4,
    #pp_full_res .row > .col-md-8,
    #pp_full_res .row > .col-md-7,
    #pp_full_res .row > .col-md-6,
    #pp_full_res [class*="col-"] {
        float: none !important;
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 0 14px 0 !important;
        box-sizing: border-box !important;
    }

    #pp_full_res .profile_photo_content {
        width: 100% !important;
        max-width: 100% !important;
        padding: 10px !important;
        background: #fff !important;
        border-radius: 10px !important;
        box-sizing: border-box !important;
        text-align: center !important;
    }

    #pp_full_res .prf {
        width: 100% !important;
        height: 300px !important;
        background-size: contain !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
    }

    #pp_full_res .prf img {
        max-width: 100% !important;
        max-height: 300px !important;
        object-fit: contain !important;
    }

    #pp_full_res .buttons_view_profile,
    #pp_full_res a.buttons_view_profile,
    #pp_full_res a.search.buttons_view_profile {
        display: block !important;
        width: 92% !important;
        max-width: 280px !important;
        margin: 8px auto !important;
        padding: 11px 14px !important;
        font-size: 14px !important;
        line-height: 1.2 !important;
        text-align: center !important;
    }

    #pp_full_res table,
    #pp_full_res .table,
    #pp_full_res .profile_details,
    #pp_full_res .profile_details_table {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
        color: #fff !important;
        border: 1px solid rgba(255,255,255,0.35) !important;
        border-radius: 10px !important;
        padding: 10px !important;
        box-sizing: border-box !important;
    }

    #pp_full_res tbody,
    #pp_full_res tr,
    #pp_full_res td,
    #pp_full_res th {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    #pp_full_res td,
    #pp_full_res th {
        padding: 3px 0 !important;
        font-size: 14px !important;
        line-height: 1.25 !important;
        white-space: normal !important;
        word-break: break-word !important;
    }

    #pp_full_res td:first-child,
    #pp_full_res th:first-child {
        color: #28a8ff !important;
        font-weight: 900 !important;
        padding-top: 8px !important;
    }
}
/* =========================================================
   FINAL REAL POPUP FIX 20260509_16
   Fix PrettyPhoto profile popup desktop + mobile
   ========================================================= */

/* Popup container */
.pp_pic_holder {
    background: #000 !important;
    border-radius: 14px !important;
    box-shadow: 0 22px 60px rgba(0,0,0,0.75) !important;
    overflow: hidden !important;
}

/* Remove old PrettyPhoto forced sizing */
.pp_content_container,
.pp_content_container .pp_left,
.pp_content_container .pp_right,
.pp_content,
.pp_fade,
.pp_inline,
#pp_full_res {
    background: transparent !important;
    height: auto !important;
}

/* Desktop size */
@media (min-width: 769px) {
    .pp_pic_holder {
        width: 900px !important;
        max-width: calc(100vw - 60px) !important;
        max-height: calc(100vh - 50px) !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
    }

    .pp_content {
        width: 100% !important;
        max-height: calc(100vh - 70px) !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        padding: 14px !important;
        box-sizing: border-box !important;
    }

    #pp_full_res > .row {
        display: grid !important;
        grid-template-columns: 260px minmax(0, 1fr) !important;
        gap: 16px !important;
        width: 100% !important;
        margin: 0 !important;
    }

    #pp_full_res .wr_user_photo_popup {
        width: 260px !important;
        max-width: 260px !important;
        float: none !important;
        padding: 0 !important;
    }

    #pp_full_res .row > [class*="col-"]:not(.wr_user_photo_popup) {
        width: auto !important;
        max-width: none !important;
        float: none !important;
        padding: 0 !important;
    }
}

/* Title */
#pp_full_res .modal_title.title_pages {
    padding: 8px 10px 10px 10px !important;
    color: #2ba9fa !important;
    font-size: 17px !important;
    font-weight: 800 !important;
}

#pp_full_res .modal_title.title_pages b {
    color: #2ba9fa !important;
}

/* Photo box */
#pp_full_res .profile_photo_content {
    width: 100% !important;
    background: #ffffff !important;
    border-radius: 6px !important;
    padding: 10px !important;
    box-sizing: border-box !important;
    text-align: center !important;
}

#pp_full_res .prf {
    width: 100% !important;
    height: 250px !important;
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

#pp_full_res .prf img {
    max-width: 100% !important;
    max-height: 250px !important;
    object-fit: contain !important;
}

/* Popup buttons - desktop and general */
#pp_full_res .wr_user_photo_popup {
    text-align: center !important;
}

#pp_full_res .wr_user_photo_popup .buttons_view_profile,
#pp_full_res .wr_user_photo_popup a.buttons_view_profile,
#pp_full_res .wr_user_photo_popup a.search.buttons_view_profile {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    float: none !important;
    width: 112px !important;
    min-width: 112px !important;
    max-width: 112px !important;
    height: 30px !important;
    min-height: 30px !important;
    margin: 5px 3px !important;
    padding: 0 8px !important;
    border-radius: 7px !important;
    background: linear-gradient(135deg, #ff2f68 0%, #f43f5e 55%, #2563eb 100%) !important;
    color: #ffffff !important;
    border: 0 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-align: center !important;
    text-decoration: none !important;
    box-shadow: 0 8px 18px rgba(255,47,104,0.28) !important;
    overflow: hidden !important;
    white-space: nowrap !important;
}

#pp_full_res .wr_user_photo_popup .buttons_view_profile div,
#pp_full_res .wr_user_photo_popup a.buttons_view_profile div,
#pp_full_res .wr_user_photo_popup a.search.buttons_view_profile div {
    float: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: inline-block !important;
}

/* Bigger buttons for long labels */
#pp_full_res .wr_user_photo_popup a[href*="gift"],
#pp_full_res .wr_user_photo_popup a[href*="friend"],
#pp_full_res .wr_user_photo_popup .add_to_friend,
#pp_full_res .wr_user_photo_popup .add_friend {
    width: 145px !important;
    max-width: 145px !important;
}

/* Details table */
#pp_full_res table {
    width: 100% !important;
    color: #ffffff !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
    border-collapse: collapse !important;
}

#pp_full_res td,
#pp_full_res th {
    padding: 2px 6px !important;
    vertical-align: top !important;
    border-bottom: 1px solid rgba(255,255,255,0.30) !important;
}

#pp_full_res td:first-child,
#pp_full_res th:first-child,
#pp_full_res label {
    color: #2ba9fa !important;
    font-weight: 800 !important;
}

/* MOBILE: full screen scrollable popup */
@media (max-width: 768px) {
    html,
    body {
        overflow: auto !important;
    }

    .pp_overlay {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100vw !important;
        height: 100dvh !important;
    }

    .pp_pic_holder {
        position: fixed !important;
        top: 8px !important;
        left: 8px !important;
        right: 8px !important;
        bottom: 8px !important;
        width: auto !important;
        max-width: none !important;
        height: auto !important;
        max-height: none !important;
        transform: none !important;
        overflow: hidden !important;
        border-radius: 14px !important;
        z-index: 999999 !important;
    }

    .pp_content_container,
    .pp_content_container .pp_left,
    .pp_content_container .pp_right,
    .pp_fade,
    .pp_inline,
    #pp_full_res {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    .pp_content {
        width: 100% !important;
        height: calc(100dvh - 16px) !important;
        max-height: calc(100dvh - 16px) !important;
        overflow-y: scroll !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        touch-action: pan-y !important;
        padding: 14px !important;
        box-sizing: border-box !important;
    }

    .pp_close {
        position: fixed !important;
        top: 14px !important;
        right: 16px !important;
        z-index: 1000000 !important;
    }

    #pp_full_res {
        padding-bottom: 60px !important;
    }

    #pp_full_res .modal_title.title_pages {
        width: 100% !important;
        padding: 8px 34px 12px 0 !important;
        font-size: 20px !important;
        line-height: 1.25 !important;
        box-sizing: border-box !important;
    }

    #pp_full_res .modal_title.title_pages b {
        display: block !important;
        white-space: normal !important;
        word-break: break-word !important;
    }

    #pp_full_res > .row {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
    }

    #pp_full_res .wr_user_photo_popup,
    #pp_full_res .row > [class*="col-"] {
        float: none !important;
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 0 14px 0 !important;
        box-sizing: border-box !important;
    }

    #pp_full_res .profile_photo_content {
        width: 100% !important;
        max-width: 100% !important;
        padding: 10px !important;
        border-radius: 10px !important;
    }

    #pp_full_res .prf {
        width: 100% !important;
        height: 330px !important;
        background-size: contain !important;
    }

    #pp_full_res .prf img {
        max-width: 100% !important;
        max-height: 330px !important;
        object-fit: contain !important;
    }

    #pp_full_res .wr_user_photo_popup .buttons_view_profile,
    #pp_full_res .wr_user_photo_popup a.buttons_view_profile,
    #pp_full_res .wr_user_photo_popup a.search.buttons_view_profile {
        width: calc(50% - 10px) !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 38px !important;
        margin: 6px 4px !important;
        font-size: 13px !important;
        border-radius: 999px !important;
    }

    #pp_full_res table,
    #pp_full_res tbody,
    #pp_full_res tr {
        display: block !important;
        width: 100% !important;
    }

    #pp_full_res td,
    #pp_full_res th {
        display: block !important;
        width: 100% !important;
        padding: 4px 0 !important;
        font-size: 15px !important;
        line-height: 1.25 !important;
        white-space: normal !important;
        word-break: break-word !important;
        border-bottom: 0 !important;
    }

    #pp_full_res td:first-child,
    #pp_full_res th:first-child {
        color: #2ba9fa !important;
        font-weight: 900 !important;
        padding-top: 10px !important;
    }
}

/* =========================================================
   FINAL MOBILE PROFILE POPUP OVERRIDE 20260509_18
   ========================================================= */

.pp_pic_holder {
    background: #000 !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    box-shadow: 0 24px 70px rgba(0,0,0,0.80) !important;
}

.pp_content_container,
.pp_content_container .pp_left,
.pp_content_container .pp_right,
.pp_content,
.pp_fade,
.pp_inline,
#pp_full_res {
    background: transparent !important;
}

/* Desktop popup */
@media screen and (min-width: 769px) {
    .pp_pic_holder {
        width: 880px !important;
        max-width: calc(100vw - 60px) !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
    }

    .pp_content {
        width: 100% !important;
        max-height: calc(100vh - 70px) !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        padding: 14px !important;
        box-sizing: border-box !important;
    }

    #pp_full_res > .row {
        display: grid !important;
        grid-template-columns: 270px 1fr !important;
        gap: 18px !important;
        width: 100% !important;
        margin: 0 !important;
    }

    #pp_full_res .wr_user_photo_popup,
    #pp_full_res [class*="col-"] {
        float: none !important;
    }
}

/* Mobile popup */
@media screen and (max-width: 768px) {
    .pp_pic_holder {
        position: fixed !important;
        top: 8px !important;
        left: 8px !important;
        right: 8px !important;
        bottom: 8px !important;
        width: auto !important;
        height: auto !important;
        max-width: none !important;
        max-height: none !important;
        transform: none !important;
        overflow: hidden !important;
        z-index: 999999 !important;
    }

    .pp_content {
        width: 100% !important;
        height: calc(100vh - 16px) !important;
        max-height: calc(100vh - 16px) !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        padding: 14px !important;
        box-sizing: border-box !important;
    }

    .pp_content_container,
    .pp_content_container .pp_left,
    .pp_content_container .pp_right,
    .pp_fade,
    .pp_inline,
    #pp_full_res {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    #pp_full_res {
        padding-bottom: 80px !important;
    }

    #pp_full_res > .row {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
    }

    #pp_full_res .wr_user_photo_popup,
    #pp_full_res [class*="col-"] {
        float: none !important;
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 0 14px 0 !important;
        box-sizing: border-box !important;
    }

    #pp_full_res .profile_photo_content {
        width: 100% !important;
        max-width: 100% !important;
        background: #fff !important;
        border-radius: 10px !important;
        padding: 10px !important;
        box-sizing: border-box !important;
        text-align: center !important;
    }

    #pp_full_res .prf {
        width: 100% !important;
        height: 320px !important;
        background-size: contain !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
    }

    #pp_full_res .prf img {
        max-width: 100% !important;
        max-height: 320px !important;
        object-fit: contain !important;
    }

    #pp_full_res .buttons_view_profile,
    #pp_full_res a.buttons_view_profile,
    #pp_full_res a.search.buttons_view_profile {
        float: none !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: calc(50% - 10px) !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 38px !important;
        margin: 6px 4px !important;
        padding: 0 8px !important;
        border-radius: 999px !important;
        font-size: 13px !important;
        font-weight: 900 !important;
        line-height: 1 !important;
        text-align: center !important;
        white-space: nowrap !important;
    }

    #pp_full_res .buttons_view_profile div,
    #pp_full_res a.buttons_view_profile div,
    #pp_full_res a.search.buttons_view_profile div {
        float: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    #pp_full_res table,
    #pp_full_res tbody,
    #pp_full_res tr,
    #pp_full_res td {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    #pp_full_res td {
        padding: 3px 0 !important;
        border-bottom: 0 !important;
        font-size: 14px !important;
        line-height: 1.3 !important;
        white-space: normal !important;
        word-break: break-word !important;
    }

    #pp_full_res td:first-child {
        color: #2ba9fa !important;
        font-weight: 900 !important;
        padding-top: 10px !important;
    }

    .pp_close {
        position: fixed !important;
        top: 14px !important;
        right: 16px !important;
        z-index: 1000000 !important;
    }
}
/* =========================================================
   REAL PROFILE POPUP FIX 20260509_19
   ========================================================= */

/* Container popup PrettyPhoto */
html body .pp_pic_holder,
html body div.pp_pic_holder {
    position: fixed !important;
    top: 40px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 880px !important;
    max-width: calc(100vw - 40px) !important;
    max-height: calc(100vh - 80px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    background: #05070b !important;
    border-radius: 16px !important;
    box-shadow: 0 30px 90px rgba(0, 0, 0, 0.85) !important;
    z-index: 100000 !important;
}

/* PrettyPhoto internals */
html body .pp_content,
html body .pp_content_container,
html body .pp_content_container .pp_left,
html body .pp_content_container .pp_right,
html body .pp_fade,
html body .pp_inline,
html body #pp_full_res {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: none !important;
    overflow: visible !important;
    background: transparent !important;
    box-sizing: border-box !important;
}

/* Content spacing */
html body .pp_content {
    padding: 18px !important;
    box-sizing: border-box !important;
}

/* Title */
html body #pp_full_res .modal_title,
html body #pp_full_res .title_pages {
    color: #2ba9fa !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    margin: 0 0 14px 0 !important;
    padding: 0 !important;
}

/* Main popup layout desktop */
html body #pp_full_res > .row {
    display: grid !important;
    grid-template-columns: 280px 1fr !important;
    gap: 20px !important;
    width: 100% !important;
    margin: 0 !important;
}

/* Remove Bootstrap floats inside popup */
html body #pp_full_res [class*="col-"],
html body #pp_full_res .wr_user_photo_popup {
    float: none !important;
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Left photo block */
html body #pp_full_res .profile_photo_content {
    width: 100% !important;
    background: #ffffff !important;
    border-radius: 10px !important;
    padding: 12px !important;
    box-sizing: border-box !important;
    text-align: center !important;
}

html body #pp_full_res .prf {
    width: 100% !important;
    height: 280px !important;
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

html body #pp_full_res .prf img {
    max-width: 100% !important;
    max-height: 280px !important;
    object-fit: contain !important;
}

/* Buttons desktop */
html body #pp_full_res .buttons_view_profile,
html body #pp_full_res a.buttons_view_profile,
html body #pp_full_res a.search.buttons_view_profile {
    float: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 190px !important;
    height: 34px !important;
    margin: 8px auto 0 auto !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #ff2f68 0%, #ec407a 45%, #2563eb 100%) !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-align: center !important;
    text-decoration: none !important;
    box-shadow: 0 10px 22px rgba(255, 47, 104, 0.30) !important;
}

html body #pp_full_res .buttons_view_profile div,
html body #pp_full_res a.buttons_view_profile div,
html body #pp_full_res a.search.buttons_view_profile div {
    float: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Profile info table desktop */
html body #pp_full_res table {
    width: 100% !important;
    border-collapse: collapse !important;
    background: #02040a !important;
    border: 1px solid rgba(148, 163, 184, 0.60) !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

html body #pp_full_res table td {
    padding: 5px 8px !important;
    border-bottom: 1px solid rgba(148, 163, 184, 0.30) !important;
    color: #ffffff !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
    vertical-align: top !important;
    word-break: break-word !important;
}

html body #pp_full_res table td:first-child {
    width: 155px !important;
    color: #2ba9fa !important;
    font-weight: 900 !important;
}

/* Close button */
html body .pp_close {
    position: fixed !important;
    top: 48px !important;
    right: calc((100vw - min(880px, calc(100vw - 40px))) / 2 + 12px) !important;
    z-index: 100001 !important;
}

/* MOBILE */
@media screen and (max-width: 768px) {
    html body .pp_pic_holder,
    html body div.pp_pic_holder {
        top: 8px !important;
        left: 8px !important;
        right: 8px !important;
        bottom: 8px !important;
        width: auto !important;
        max-width: none !important;
        max-height: none !important;
        height: auto !important;
        transform: none !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        border-radius: 14px !important;
    }

    html body .pp_content {
        padding: 14px !important;
        min-height: calc(100vh - 16px) !important;
        box-sizing: border-box !important;
    }

    html body #pp_full_res {
        padding-bottom: 80px !important;
    }

    html body #pp_full_res > .row {
        display: block !important;
        width: 100% !important;
    }

    html body #pp_full_res [class*="col-"],
    html body #pp_full_res .wr_user_photo_popup {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 16px 0 !important;
        padding: 0 !important;
    }

    html body #pp_full_res .modal_title,
    html body #pp_full_res .title_pages {
        font-size: 17px !important;
        line-height: 1.25 !important;
        padding-right: 34px !important;
    }

    html body #pp_full_res .prf {
        height: 300px !important;
    }

    html body #pp_full_res .prf img {
        max-height: 300px !important;
    }

    html body #pp_full_res .buttons_view_profile,
    html body #pp_full_res a.buttons_view_profile,
    html body #pp_full_res a.search.buttons_view_profile {
        display: flex !important;
        width: 100% !important;
        max-width: 100% !important;
        height: 40px !important;
        margin: 8px 0 !important;
        font-size: 14px !important;
    }

    html body #pp_full_res table,
    html body #pp_full_res tbody,
    html body #pp_full_res tr,
    html body #pp_full_res td {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    html body #pp_full_res table {
        margin-top: 12px !important;
    }

    html body #pp_full_res table td {
        border-bottom: 0 !important;
        padding: 3px 0 !important;
        font-size: 14px !important;
        line-height: 1.35 !important;
        white-space: normal !important;
    }

    html body #pp_full_res table td:first-child {
        width: 100% !important;
        padding-top: 10px !important;
        color: #2ba9fa !important;
        font-size: 14px !important;
    }

    html body .pp_close {
        position: fixed !important;
        top: 14px !important;
        right: 16px !important;
        z-index: 100001 !important;
    }
}

/* FINAL PROFILE POPUP DESKTOP FIX V2 */
@media (min-width: 769px) {
    body .pp_pic_holder {
        width: 900px !important;
        max-width: 900px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        top: 95px !important;
        background: #26363c !important;
        border-radius: 4px !important;
        box-shadow: 0 12px 40px rgba(0,0,0,.65) !important;
        overflow: visible !important;
    }

    body .pp_content,
    body #pp_full_res,
    body .pp_content_container {
        width: 900px !important;
        height: auto !important;
        overflow: visible !important;
        background: #26363c !important;
    }

    body #pp_full_res > div {
        width: 900px !important;
        min-height: 430px !important;
        background: #26363c !important;
        color: #ffffff !important;
        padding: 0 12px 14px !important;
        box-sizing: border-box !important;
    }

    body #pp_full_res .modal_title,
    body #pp_full_res .title_pages {
        width: 876px !important;
        margin: 0 !important;
        padding: 10px 8px !important;
        background: #26363c !important;
        color: #ff4b3f !important;
        font-size: 16px !important;
        line-height: 20px !important;
        box-sizing: border-box !important;
    }

    body #pp_full_res .title_pages b {
        color: #ff4b3f !important;
    }

    body #pp_full_res .row {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: flex-start !important;
        width: 876px !important;
        margin: 0 !important;
        background: #26363c !important;
    }

    body #pp_full_res .wr_user_photo_popup {
        float: none !important;
        flex: 0 0 290px !important;
        width: 290px !important;
        max-width: 290px !important;
        padding: 10px !important;
        margin: 0 !important;
        background: #26363c !important;
        box-sizing: border-box !important;
    }

    body #pp_full_res .wr_user_details_popup {
        float: none !important;
        flex: 0 0 586px !important;
        width: 586px !important;
        max-width: 586px !important;
        padding: 10px 0 10px 8px !important;
        margin: 0 !important;
        background: #26363c !important;
        box-sizing: border-box !important;
    }

    body #pp_full_res .profile_photo_content {
        width: 100% !important;
        padding: 0 !important;
        background: transparent !important;
    }

    body #pp_full_res .prf {
        width: 225px !important;
        height: 221px !important;
        margin: 0 auto !important;
        background-size: contain !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
        border-radius: 0 !important;
    }

    body #pp_full_res .prf img {
        max-width: 225px !important;
        max-height: 221px !important;
        width: auto !important;
        height: auto !important;
        border-radius: 0 !important;
    }

    body #pp_full_res .content_info_user {
        width: 100% !important;
        margin: 0 !important;
        background: #26363c !important;
    }

    body #pp_full_res table.table_user_info {
        width: 100% !important;
        table-layout: fixed !important;
        border-collapse: collapse !important;
        background: #26363c !important;
        color: #ffffff !important;
    }

    body #pp_full_res table.table_user_info td {
        display: table-cell !important;
        background: #26363c !important;
        color: #ffffff !important;
        border: 1px solid rgba(255,255,255,.75) !important;
        padding: 1px 6px !important;
        font-size: 12px !important;
        line-height: 14px !important;
        vertical-align: middle !important;
    }

    body #pp_full_res table.table_user_info td.lable_color_popup {
        width: 285px !important;
        color: #ff4b3f !important;
        font-weight: bold !important;
    }

    body #pp_full_res .buttons_view_profile,
    body #pp_full_res a.search {
        display: inline-block !important;
        min-width: 82px !important;
        width: auto !important;
        height: 29px !important;
        margin: 4px 2px !important;
        padding: 0 10px !important;
        border-radius: 4px !important;
        background: #ff3b30 !important;
        color: #ffffff !important;
        box-shadow: none !important;
        text-align: center !important;
        font-size: 12px !important;
        font-weight: bold !important;
        line-height: 29px !important;
    }

    body #pp_full_res .btn-success {
        background: #5cb85c !important;
        border-color: #4cae4c !important;
        color: #ffffff !important;
    }
}
/* FINAL BOOTSTRAP PROFILE MODAL FIX */
@media (min-width: 769px) {
#profile_modal .wrapper_profile_popup{width:900px!important;max-width:900px!important;margin:90px auto 0!important;left:auto!important;right:auto!important;}
#profile_modal .content_popup{width:900px!important;max-width:900px!important;background:#26363c!important;overflow:visible!important;padding:10px!important;box-sizing:border-box!important;}
#profile_modal .modal_title,#profile_modal .title_pages{width:880px!important;background:#26363c!important;color:#ff4b3f!important;padding:10px!important;margin:0!important;box-sizing:border-box!important;}
#profile_modal .modal_title,#profile_modal .title_pages{width:880px!important;background:#26363c!important;color:#ff4b3f!important;padding:10px!important;margin:0!important;box-sizing:border-box!important;}
#profile_modal .title_pages b{color:#ff4b3f!important;}
#profile_modal .row{display:flex!important;flex-wrap:nowrap!important;width:880px!important;margin:0!important;background:#26363c!important;}
#profile_modal .wr_user_photo_popup{float:none!important;width:290px!important;max-width:290px!important;flex:0 0 290px!important;background:#26363c!important;padding:10px!important;box-sizing:border-box!important;}
#profile_modal .wr_user_details_popup{float:none!important;width:590px!important;max-width:590px!important;flex:0 0 590px!important;background:#26363c!important;padding:10px!important;box-sizing:border-box!important;}
#profile_modal .content_info_user,#profile_modal .table_user_info{width:100%!important;background:#26363c!important;color:#fff!important;}
#profile_modal .table_user_info{table-layout:fixed!important;border-collapse:collapse!important;}
#profile_modal .table_user_info td{display:table-cell!important;background:#26363c!important;color:#fff!important;border:1px solid #d7e1e5!important;padding:2px 6px!important;font-size:12px!important;line-height:15px!important;vertical-align:middle!important;}
#profile_modal .table_user_info td{display:table-cell!important;background:#26363c!important;color:#fff!important;border:1px solid #d7e1e5!important;padding:2px 6px!important;font-size:12px!important;line-height:15px!important;vertical-align:middle!important;}
#profile_modal .table_user_info .lable_color_popup{width:285px!important;color:#ff4b3f!important;font-weight:bold!important;}
}
@media (max-width: 768px) {
#profile_modal .wrapper_profile_popup{width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;margin:8px!important;}
#profile_modal .content_popup{width:100%!important;max-height:calc(100vh - 24px)!important;overflow-y:auto!important;overflow-x:hidden!important;background:#26363c!important;padding:8px!important;}
#profile_modal .modal_title,#profile_modal .title_pages,#profile_modal .row{width:100%!important;}
#profile_modal .row{display:block!important;margin:0!important;}
#profile_modal .row{display:block!important;margin:0!important;}
#profile_modal .wr_user_photo_popup,#profile_modal .wr_user_details_popup{float:none!important;width:100%!important;max-width:100%!important;flex:none!important;padding:8px!important;}
}

/* PROFILE MODAL BACKDROP SAFETY FIX */
body.modal-open{background:inherit!important;}
#profile_modal{background:transparent!important;}
#profile_modal .modal-backdrop{background:rgba(0,0,0,.65)!important;}

/* PROFILE MODAL DARK SITE TONE */
#profile_modal .wrapper_profile_popup,#profile_modal .content_popup,#profile_modal .row,#profile_modal .wr_user_photo_popup,#profile_modal .wr_user_details_popup,#profile_modal .content_info_user,#profile_modal .table_user_info,#profile_modal .table_user_info td{background:#070b14!important;}
#profile_modal .modal_title,#profile_modal .title_pages{background:#070b14!important;}
#profile_modal .table_user_info td{border-color:rgba(255,255,255,.55)!important;}
#profile_modal .content_popup{box-shadow:0 12px 35px rgba(0,0,0,.75)!important;}

/* Final fix: remove duplicated mobile VIP banner text generated by CSS */
#arrow_body a::before,
#arrow_body a:before {
    content: none !important;
    display: none !important;
}
/* Final fix: empty state messages */
.content_pages .no_results,
.wr_after_login_general .no_results,
.boxborder_pages_content .no_results,
.no_results {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 12px 0 !important;
    padding: 16px 18px !important;
    overflow: visible !important;
    white-space: normal !important;
    text-align: left !important;
    line-height: 1.45 !important;
    font-size: 16px !important;
    color: #8fd7ff !important;
    background: rgba(15, 23, 42, 0.65) !important;
    border: 1px solid rgba(255, 47, 104, 0.22) !important;
    border-radius: 14px !important;
    box-sizing: border-box !important;
}
/* Final fix: Browse Members card layout */
.content_pages .browse_memb_ul > li,
.content_pages .li_online_users_after_login > li {
    position: relative !important;
    width: 128px !important;
    min-height: 174px !important;
    height: auto !important;
    padding: 8px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

/* The actual <a> has no view_desc_profile class; view_desc_profile is on <em>. */
.content_pages .browse_memb_ul > li > a[data-gal],
.content_pages .li_online_users_after_login > li > a[data-gal] {
    display: block !important;
    position: relative !important;
    width: 112px !important;
    height: 112px !important;
    max-width: 112px !important;
    max-height: 112px !important;
    overflow: hidden !important;
    border-radius: 13px !important;
    margin-top: 7px !important;
    background: #05070d !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
}

/* Hide old overlay frame elements that are breaking the visual layout */
.content_pages .browse_memb_ul > li > a[data-gal] > strong,
.content_pages .browse_memb_ul > li > a[data-gal] > em,
.content_pages .li_online_users_after_login > li > a[data-gal] > strong,
.content_pages .li_online_users_after_login > li > a[data-gal] > em {
    display: none !important;
}

/* Keep member photos inside their box */
.content_pages .browse_memb_ul > li > a[data-gal] > img:not(.vip_img),
.content_pages .li_online_users_after_login > li > a[data-gal] > img:not(.vip_img) {
    display: block !important;
    width: 112px !important;
    height: 112px !important;
    max-width: 112px !important;
    max-height: 112px !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 13px !important;
    border: none !important;
    box-shadow: none !important;
    transform: none !important;
}

/* Keep VIP badge inside card instead of outside the box */
.content_pages .browse_memb_ul > li .vip_img,
.content_pages .li_online_users_after_login > li .vip_img {
    top: 122px !important;
    right: 8px !important;
    width: 34px !important;
    max-width: 34px !important;
    z-index: 20 !important;
}

/* Final fix: keep Browse Members profile popup click layer active */
.content_pages .browse_memb_ul > li > a[data-gal],
.content_pages .li_online_users_after_login > li > a[data-gal] {
    position: relative !important;
}

/* Hide only the old frame, not the popup trigger */
.content_pages .browse_memb_ul > li > a[data-gal] > strong,
.content_pages .li_online_users_after_login > li > a[data-gal] > strong {
    display: none !important;
}

/* This invisible <em> is the real click target for opening the profile popup */
.content_pages .browse_memb_ul > li > a[data-gal] > em.view_desc_profile.view_profile,
.content_pages .li_online_users_after_login > li > a[data-gal] > em.view_desc_profile.view_profile {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 50 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0 !important;
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
}
/* Final fix: top VIP slider upgrade box */
#arrow_body,
#all-vip-list-slider-wr #arrow_body {
    overflow: hidden !important;
}

#arrow_body a,
#all-vip-list-slider-wr #arrow_body a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 8px !important;
    box-sizing: border-box !important;
    font-size: 18px !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-align: center !important;
}

#arrow_body .vip_icon,
#all-vip-list-slider-wr #arrow_body .vip_icon {
    display: none !important;
}

@media (max-width: 768px) {
    #arrow_body a,
    #all-vip-list-slider-wr #arrow_body a {
        font-size: 16px !important;
        padding: 0 6px !important;
    }
}
/* Final fix: keep Upgrade box compact in top VIP slider */
#arrow_body a,
#all-vip-list-slider-wr #arrow_body a {
    font-size: 13px !important;
    line-height: 1.1 !important;
    padding: 0 4px !important;
    white-space: normal !important;
    text-align: center !important;
    overflow: hidden !important;
    text-overflow: clip !important;
}

#arrow_body,
#all-vip-list-slider-wr #arrow_body {
    overflow: hidden !important;
}

#arrow_body .vip_icon,
#all-vip-list-slider-wr #arrow_body .vip_icon {
    display: none !important;
}
/* Final fix: place VIP badge in the card footer, not over the profile photo */
.content_pages .browse_memb_ul > li .vip_img,
.content_pages .li_online_users_after_login > li .vip_img,
.browse_memb_ul > li.vip_member_li_browse_members .vip_img,
.li_online_users_after_login > li.vip_member_li_browse_members .vip_img {
    position: absolute !important;
    top: auto !important;
    left: auto !important;
    bottom: 8px !important;
    right: 8px !important;
    width: 34px !important;
    max-width: 34px !important;
    height: auto !important;
    z-index: 25 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    pointer-events: none !important;
}

/* Final fix: readable empty states for Messages, Recent visitors and generic no-results boxes */
.no_results,
.content_pages .no_results,
.boxborder_pages_content .no_results,
.wr_online_users .no_results,
.wr_after_login_general .no_results,
.recent_visitors_content .no_results,
.visitors_content .no_results,
.messages_content .no_results,
.inbox_content .no_results {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-height: 72px !important;
    height: auto !important;
    margin: 18px 10px !important;
    padding: 22px 24px !important;
    box-sizing: border-box !important;

    color: #e5e7eb !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    text-align: center !important;
    white-space: normal !important;

    background: linear-gradient(135deg, rgba(15, 23, 42, 0.96), rgba(17, 24, 39, 0.92)) !important;
    border: 1px solid rgba(255, 47, 104, 0.35) !important;
    border-radius: 18px !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35) !important;

    overflow: visible !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* If an empty state exists but has no text, show a generic fallback */
.no_results:empty::before {
    content: "No results to display.";
    color: #e5e7eb !important;
}

/* Keep empty-state links readable if any exist inside */
.no_results a {
    color: #38bdf8 !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}

/* Mobile empty states */
@media (max-width: 768px) {
    .no_results,
    .content_pages .no_results,
    .boxborder_pages_content .no_results,
    .wr_online_users .no_results,
    .wr_after_login_general .no_results {
        min-height: 64px !important;
        margin: 14px 6px !important;
        padding: 18px 16px !important;
        font-size: 15px !important;
        border-radius: 16px !important;
    }
}

/* Final UI fixes: modal position, empty states, show more */
#profile_modal {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 999999 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 20px 0 !important;
}

#profile_modal .modal-dialog {
    margin: 20px auto !important;
    max-width: 96vw !important;
}

#profile_modal .modal-content {
    max-height: none !important;
}

.no_results,
.empty-state-js,
.content_pages .no_results,
.boxborder_pages_content .no_results,
.wr_after_login_general .no_results {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 72px !important;
    width: auto !important;
    margin: 18px 10px !important;
    padding: 22px 24px !important;
    box-sizing: border-box !important;

    color: #e5e7eb !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    text-align: center !important;
    white-space: normal !important;

    background: linear-gradient(135deg, rgba(15, 23, 42, 0.96), rgba(17, 24, 39, 0.92)) !important;
    border: 1px solid rgba(255, 47, 104, 0.38) !important;
    border-radius: 18px !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35) !important;

    overflow: visible !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.wr_show_more_browse_members {
    position: sticky !important;
    bottom: 18px !important;
    z-index: 5000 !important;
    text-align: center !important;
    padding: 12px 0 !important;
    pointer-events: none !important;
}

.wr_show_more_browse_members button,
#show_more_browse_members {
    pointer-events: auto !important;
}

@media (max-width: 768px) {
    #profile_modal {
        padding: 8px 0 !important;
    }

    #profile_modal .modal-dialog {
        width: 96vw !important;
        max-width: 96vw !important;
        margin: 8px auto !important;
    }

    .no_results,
    .empty-state-js,
    .content_pages .no_results,
    .boxborder_pages_content .no_results {
        min-height: 64px !important;
        margin: 14px 6px !important;
        padding: 18px 16px !important;
        font-size: 15px !important;
        border-radius: 16px !important;
    }
}
/* Empty state final visibility fix */
.no_results.instamondo-empty-state-fixed,
.empty-state-js,
.content_pages .no_results,
.boxborder_pages_content .no_results,
.wr_after_login_general .no_results {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 72px !important;
    width: auto !important;
    margin: 18px 10px !important;
    padding: 22px 24px !important;
    box-sizing: border-box !important;

    color: #e5e7eb !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    text-align: center !important;
    white-space: normal !important;

    background: linear-gradient(135deg, rgba(15, 23, 42, 0.96), rgba(17, 24, 39, 0.92)) !important;
    border: 1px solid rgba(255, 47, 104, 0.38) !important;
    border-radius: 18px !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35) !important;

    overflow: visible !important;
    opacity: 1 !important;
    visibility: visible !important;
}
/* Empty state boxes - messages, visitors, friends */
.no_results,
.content_pages .no_results,
.boxborder_pages_content .no_results,
.wr_online_users .no_results,
.wr_show_more_results + .no_results {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 58px !important;
    margin: 12px 0 18px 0 !important;
    padding: 18px 20px !important;
    box-sizing: border-box !important;

    color: #f8fafc !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    text-align: center !important;

    background: rgba(15, 23, 42, 0.90) !important;
    border: 1px solid rgba(251, 37, 126, 0.55) !important;
    border-radius: 14px !important;
    box-shadow: none !important;
}
.no_results.instamondo-empty-state,
.no_results {
    width: 100% !important;
    min-height: 54px !important;
    padding: 18px 24px !important;
    margin: 14px 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-align: center !important;
    background: #0f172a !important;
    border: 1px solid rgba(251, 37, 126, 0.55) !important;
    border-radius: 14px !important;
    box-sizing: border-box !important;
}
/* Final fix - visible empty states for Messages / Recent visitors */
.no_results {
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    text-align: center !important;

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

    min-height: 48px !important;
    height: auto !important;
    padding: 14px 18px !important;

    overflow: visible !important;
    white-space: normal !important;
    opacity: 1 !important;
    visibility: visible !important;
}
/* Final override - prevent empty-state text from being clipped */
.content_pages .no_results,
.boxborder_pages_content .no_results,
.wr_online_users .no_results,
.no_results.instamondo-empty-state,
.no_results {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    min-height: 70px !important;
    height: auto !important;

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

    line-height: 20px !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-align: center !important;

    background: #0f172a !important;
    border: 1px solid rgba(251, 37, 126, 0.55) !important;
    border-radius: 14px !important;

    overflow: visible !important;
    white-space: normal !important;
    text-indent: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    box-sizing: border-box !important;
    position: relative !important;
    z-index: 20 !important;
}

/* Parent containers must not cut the empty-state box */
.content_pages,
.boxborder_pages_content,
.wr_online_users {
    overflow: visible !important;
    height: auto !important;
}
/* Force empty-state containers visible on messages and visitors */
body .content_pages .box.z7.visitors,
body .content_pages .box.z7.new_messages_wrapper {
    min-height: 130px !important;
    height: auto !important;
    overflow: visible !important;
}

body .content_pages .box.z7.visitors .no_results,
body .content_pages .box.z7.new_messages_wrapper .no_results {
    display: block !important;
    width: auto !important;
    min-height: 70px !important;
    height: auto !important;
    padding: 22px !important;
    margin: 18px 0 !important;
    line-height: 26px !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-align: center !important;
    background: #101827 !important;
    border: 1px solid #fb257e !important;
    border-radius: 14px !important;
    overflow: visible !important;
    opacity: 1 !important;
    visibility: visible !important;
    text-indent: 0 !important;
    position: relative !important;
    z-index: 99999 !important;
}

/* Temporarily hide location detection until Google Maps API key is fixed */
body#page1 .use-location-btn {
    display: none !important;
}
.home-seo-title {
    display: block;
    font-size: 28px;
    line-height: 36px;
    margin: 0 0 30px 0 !important;
}

.home-seo-intro {
    display: block;
}

.home-seo-intro p {
    display: block;
    margin: 0 0 20px 0 !important;
    line-height: 1.6;
}