/*
 * Red Sea Hub account skin - visual correction after real desktop review.
 * Preview-only and limited to Listeo dashboard templates. The WordPress
 * admin bar is deliberately not targeted.
 */

/* Listeo outputs two logo links in the dashboard header. Its normal theme
 * hides one of them; the previous compact rule unintentionally revealed both.
 * Show only the dashboard mark, so the header has one clear Red Sea Hub logo. */
body.rsh-account-skin.rsh-account-skin-preview.page-template-template-dashboard #header-container.dashboard #logo > a:not(.dashboard-logo) {
    display: none !important;
}

body.rsh-account-skin.rsh-account-skin-preview.page-template-template-dashboard #header-container.dashboard #logo > a.dashboard-logo {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 80px !important;
    height: 80px !important;
    margin: 0 !important;
}

/* Finish the dark header as one surface. This deliberately neutralises the
 * legacy pseudo-element that leaves the long white strip on desktop. */
body.rsh-account-skin.rsh-account-skin-preview.page-template-template-dashboard #header-container.dashboard,
body.rsh-account-skin.rsh-account-skin-preview.page-template-template-dashboard #header-container.dashboard #header,
body.rsh-account-skin.rsh-account-skin-preview.page-template-template-dashboard #header-container.dashboard #header .container,
body.rsh-account-skin.rsh-account-skin-preview.page-template-template-dashboard #header-container.dashboard #header .left-side {
    background-color: var(--rsh-brand-sea-900) !important;
    background-image: none !important;
}

body.rsh-account-skin.rsh-account-skin-preview.page-template-template-dashboard #header-container.dashboard #header::after,
body.rsh-account-skin.rsh-account-skin-preview.page-template-template-dashboard #header-container.dashboard::after {
    display: none !important;
    content: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Profile field groups are not all direct children of .dashboard-list-box.
 * Cover the nested Social group too, giving every field holder the same sea
 * surface and readable heading. */
body.rsh-account-skin.rsh-account-skin-preview #dashboard .dashboard-list-box h4.submit-section-header,
body.rsh-account-skin.rsh-account-skin-preview #dashboard .dashboard-list-box h4.gray,
body.rsh-account-skin.rsh-account-skin-preview #dashboard .dashboard-list-box-static,
body.rsh-account-skin.rsh-account-skin-preview #dashboard .dashboard-list-box-static .my-profile {
    background-color: var(--rsh-brand-sea-900) !important;
    background-image: none !important;
    color: var(--rsh-brand-ink) !important;
    border-color: var(--rsh-brand-line) !important;
}

body.rsh-account-skin.rsh-account-skin-preview #dashboard .dashboard-list-box h4.submit-section-header,
body.rsh-account-skin.rsh-account-skin-preview #dashboard .dashboard-list-box h4.gray {
    border-top: 1px solid var(--rsh-brand-line) !important;
    border-bottom: 1px solid var(--rsh-brand-line) !important;
}

/* Bookmarks should read as part of the page, not a large white container. */
body.rsh-account-skin.rsh-account-skin-preview.rsh-account-skin-bookmarks #dashboard .dashboard-list-box.margin-top-0,
body.rsh-account-skin.rsh-account-skin-preview.rsh-account-skin-bookmarks #dashboard .dashboard-list-box.margin-top-0 > h4,
body.rsh-account-skin.rsh-account-skin-preview.rsh-account-skin-bookmarks #dashboard .dashboard-list-box.margin-top-0 > ul {
    background-color: var(--rsh-brand-sea-950) !important;
    background-image: none !important;
}