/*
 * white_theme_override.css — Elevate Theme Bridge
 *
 * This file loads after the theme base.css to handle any residual
 * plugin-generated markup that needs light adjustments.
 * The elevate theme owns the design; this file is intentionally minimal.
 * NO !important spam — use proper specificity instead.
 */

/* ----------------------------------------------------------
   Profile action toolbar — flex layout, consistent button sizing
   (markup generated by base plugin, not theme-owned)
   ---------------------------------------------------------- */
body.base_profile_page .ow_profile_action_toolbar_wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    font-size: 0;
}
body.base_profile_page .ow_profile_action_toolbar_wrap a,
body.base_profile_page .ow_profile_action_toolbar_wrap .ow_context_action {
    font-size: 12px;
}
body.base_profile_page ul.ow_profile_action_toolbar {
    display: contents;
    margin: 0; padding: 0;
    float: none; list-style: none;
}
/* The base markup gives the <ul> AND outer wrapper class="clearfix",
   which adds ::before/::after pseudo-elements with content:" "+display:table.
   Combined with display:contents on the ul, those pseudos can render as
   PHANTOM flex items inside .ow_profile_action_toolbar_wrap, sitting
   between Rose (last <li>) and the More group <div>. Each phantom adds
   its own gap (8px), so the visible Rose→More gap doubles to 16px while
   Like→Rose stays at 8px — exactly the user-reported symptom.

   Suppressing the pseudo-elements on both the ul and the wrapper kills
   the phantom flex item without affecting the surrounding layout
   (clearfix is a no-op inside a flex container anyway). */
body.base_profile_page .ow_profile_action_toolbar_wrap::before,
body.base_profile_page .ow_profile_action_toolbar_wrap::after,
body.base_profile_page ul.ow_profile_action_toolbar::before,
body.base_profile_page ul.ow_profile_action_toolbar::after,
body.base_profile_page ul.ow_profile_action_toolbar > li::before,
body.base_profile_page ul.ow_profile_action_toolbar > li::after {
    content: none !important;
    display: none !important;
}
body.base_profile_page ul.ow_profile_action_toolbar > li { display: contents; }
body.base_profile_page ul.ow_profile_action_toolbar > li > a,
body.base_profile_page ul.ow_profile_action_toolbar > li > a:visited {
    display: inline-flex;
    align-items: center;
    height: 30px;
    padding: 0 12px;
    background: #F5F3FF;
    border: 1px solid #EDE9FE;
    border-radius: 6px;
    color: #7C3AED;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    box-sizing: border-box;
}
body.base_profile_page ul.ow_profile_action_toolbar > li > a:hover {
    background: #EDE9FE;
    border-color: #7C3AED;
    text-decoration: none;
}

/* Context action (More / Moderation) — match toolbar button sizing */
body.base_profile_page .ow_profile_action_toolbar_wrap .ow_context_action_block {
    margin: 0; padding: 0; float: none; flex: 0 0 auto;
}
body.base_profile_page .ow_profile_action_toolbar_wrap .ow_context_action_value_block,
body.base_profile_page .ow_profile_action_toolbar_wrap .ow_profile_toolbar_group {
    /* ow_static/plugins/base/css/ow.css has .ow_context_action_value_block { margin-left:4px }
       which adds extra space before the More button. !important needed to beat it. */
    margin-left: 0 !important;
}
body.base_profile_page .ow_profile_action_toolbar_wrap .ow_context_action_block .ow_context_action {
    display: inline-flex;
    align-items: center;
    height: 30px;
    padding: 0 12px;
    border-radius: 6px;
    box-sizing: border-box;
    background: #F5F3FF;
    border: 1px solid #EDE9FE;
}
body.base_profile_page .ow_profile_action_toolbar_wrap .ow_context_action_block .ow_context_action:hover,
body.base_profile_page .ow_profile_action_toolbar_wrap .ow_context_action_block .ow_context_action.active {
    background: #EDE9FE;
    border-color: #7C3AED;
}
body.base_profile_page .ow_profile_action_toolbar_wrap .ow_context_action_value {
    color: #7C3AED;
    text-transform: none;
    letter-spacing: normal;
    padding-left: 6px;
}
body.base_profile_page .ow_profile_action_toolbar_wrap .ow_context_action_value,
body.base_profile_page .ow_profile_action_toolbar_wrap .ow_context_more {
    height: 30px;
    line-height: 30px;
}
body.base_profile_page .ow_profile_action_toolbar_wrap .ow_context_more {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0 0 0 4px;
    min-width: 12px; width: 12px;
    background-position: center;
}

/* Profile "User photos" view-all link — match toolbar style */
body.base_profile_page .profile-PHOTO_CMP_UserPhotosWidget .ow_box_toolbar.ow_bl li a,
body.ow_my_profile_page .profile-PHOTO_CMP_UserPhotosWidget .ow_box_toolbar.ow_bl li a,
body.base_profile_page .profile-PHOTO_CMP_UserPhotosWidget .ow_box_toolbar.ow_bl li a:visited,
body.ow_my_profile_page .profile-PHOTO_CMP_UserPhotosWidget .ow_box_toolbar.ow_bl li a:visited {
    display: inline-flex;
    align-items: center;
    height: 30px;
    padding: 0 12px;
    background: #F5F3FF;
    border: 1px solid #EDE9FE;
    border-radius: 6px;
    color: #7C3AED;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
}
body.base_profile_page .profile-PHOTO_CMP_UserPhotosWidget .ow_box_toolbar.ow_bl li a:hover,
body.ow_my_profile_page .profile-PHOTO_CMP_UserPhotosWidget .ow_box_toolbar.ow_bl li a:hover {
    background: #EDE9FE;
    border-color: #7C3AED;
    text-decoration: none;
}

/* Profile photo "Chat" button — now hidden globally via span[id^="ow_chat_now_"],
   but keep the styling rule scoped for any edge cases */
body.base_profile_page .ow_profile_gallery_avatar_image .ow_lbutton.ow_green,
body.base_profile_page .ow_profile_gallery_avatar_image .ow_lbutton.ow_green:hover {
    background: #F5F3FF;
    border: 1px solid #EDE9FE;
    border-radius: 6px;
    color: #7C3AED;
    text-decoration: none;
}
body.base_profile_page .ow_profile_gallery_avatar_image .ow_lbutton.ow_green:hover {
    background: #EDE9FE;
    border-color: #7C3AED;
}

/* Profile photo thumbnail list overflow fix — both profile types */
body.base_profile_page .profile-PHOTO_CMP_UserPhotosWidget .ow_lp_albums,
body.base_profile_page .profile-PHOTO_CMP_UserPhotosWidget .ow_lp_photos,
body.ow_my_profile_page .profile-PHOTO_CMP_UserPhotosWidget .ow_lp_albums,
body.ow_my_profile_page .profile-PHOTO_CMP_UserPhotosWidget .ow_lp_photos {
    overflow: visible;
}

/* ----------------------------------------------------------
   Mobile header logo height (applies globally to mobile view)
   ---------------------------------------------------------- */
@media only screen and (max-width: 900px) {
    html body div.owm_logo,
    html body div.owm_logo a {
        height: 46px;
        min-height: 46px;
        max-height: 46px;
        background-size: auto 28px;
        background-position: center;
    }
}

/* ----------------------------------------------------------
   Widget card styling — ow_box_empty / ow_box_cap_empty
   These variants (used by Hot List, Bookmarks, etc.) need
   explicit card borders since ow.css leaves them unstyled.
   ---------------------------------------------------------- */
.ow_box_cap_empty {
    background: #ffffff;
    border: 1px solid #E5E7EB;
    border-bottom: none;
    border-radius: 10px 10px 0 0;
    padding: 14px 16px 0;
    margin-bottom: 0;
}
.ow_box_cap_empty .ow_box_cap_body { min-height: 32px; }
.ow_box_cap_empty h3 {
    padding: 6px 0;
    font-weight: 600;
    font-size: 15px;
    color: #111827;
    line-height: 1.4;
}

.ow_box_empty {
    background: #ffffff;
    border: 1px solid #E5E7EB;
    border-top: none;
    border-radius: 0 0 10px 10px;
    padding: 16px;
    margin-bottom: 16px;
    position: relative;
}

/* Standalone box_empty (no preceding cap) */
.ow_box_empty.ow_no_cap {
    border-top: 1px solid #E5E7EB;
    border-radius: 10px;
}

/* ----------------------------------------------------------
   Console icons — fix sprite position
   ---------------------------------------------------------- */
.ow_console_item a.ow_console_item_link {
    font-size: 0;
    width: 20px;
    height: 20px;
    display: inline-block;
    background-position: 0 0;
    background-repeat: no-repeat;
}
body .ow_console_item:hover a.ow_console_item_link,
body .ow_console_dropdown_pressed.ow_console_item a.ow_console_item_link {
    background-position: 0 -20px;
}

/* ----------------------------------------------------------
   My-Profile dropdown alignment
   ----------------------------------------------------------
   IMPORTANT: do NOT unset width/height/background on
   .ow_console_item_link inside .ow_console_dropdown_hover.

   That breaks the my-profile (user-silhouette) sprite AND the
   admin gear icon — both of which rely on the same
   `.ow_console_item a.ow_console_item_link { font-size:0;
   background: url(ic_User_console.svg) }` base rule from
   elevate/base.css to render their icon. The text label
   (display name / "admin") is intentionally invisible via
   font-size:0; the visible glyph IS the background sprite.

   For the "icon sits slightly higher on some pages" complaint
   we just normalise the flex-item alignment on the parent
   .ow_console_item — without touching the inner link at all. */
body .ow_console .ow_console_dropdown_hover.ow_console_item {
    align-self: center;
    display: inline-flex;
    align-items: center;
}