/*
 * Modern Mama – WP Delicious + Plover Dashboard Compatibility v1.7.3
 *
 * Deliberately NO styling for Plover's header or footer.
 * They are real Plover template parts rendered through WordPress.
 */

body.page-id-1954 {
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

/* Preserve the known-good native WP Delicious Dashboard Portal dimensions. */
body.page-id-1954 .wpd-dashboard-portal {
    position: relative !important;
    inset: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 100vh !important;
    max-height: none !important;
}

/* Existing requested dashboard styling. */
body.page-id-1954 .wpd-dashboard-portal__sidebar {
    background: #191d1f !important;
}

body.page-id-1954 .wpd-dp__brand-site-link {
    display: none !important;
}

body.page-id-1954 .wpd-dp__brand-wrap {
    padding-bottom: 20px !important;
}

body.page-id-1954 .wpd-dp__tab-vertical .wpd-dp__tab-button {
    appearance: none !important;
    -webkit-appearance: none !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    width: calc(100% - 24px) !important;
    min-height: 44px !important;
    margin: 8px 12px !important;
    padding: 9px 16px !important;
    box-sizing: border-box !important;
    background: #fff !important;
    border: 2px solid #DB2777 !important;
    border-radius: 999px !important;
    color: #DB2777 !important;
    font-weight: 600 !important;
    text-align: left !important;
    box-shadow: none !important;
    cursor: pointer !important;
    transition: background-color .18s ease, color .18s ease, transform .18s ease !important;
}

body.page-id-1954 .wpd-dp__tab-vertical .wpd-dp__tab-button:hover {
    background: #fff5f9 !important;
    border-color: #DB2777 !important;
    color: #DB2777 !important;
    transform: translateY(-1px);
}

body.page-id-1954 .wpd-dp__tab-vertical .wpd-dp__tab-button.active,
body.page-id-1954 .wpd-dp__tab-vertical .wpd-dp__tab-button.active:hover {
    background: #DB2777 !important;
    border-color: #DB2777 !important;
    color: #fff !important;
}

body.page-id-1954 .wpd-dp__tab-button .wpd-dp__icon,
body.page-id-1954 .wpd-dp__tab-button svg,
body.page-id-1954 .wpd-dp__tab-button svg path {
    color: currentColor !important;
    fill: currentColor !important;
}

@media (max-width: 782px) {
    body.page-id-1954 .wpd-dp__tab-vertical .wpd-dp__tab-button {
        width: calc(100% - 20px) !important;
        margin-left: 10px !important;
        margin-right: 10px !important;
    }
}


/* =========================================================
   PLOVER SHELL CONTEXT CORRECTIONS — v1.7.3
   The genuine template parts are now present. These rules only restore the
   two layout behaviors lost because WP Delicious bypasses Plover's page canvas.
   ========================================================= */

/*
 * NORMAL PLOVER HEADER:
 * The first group inside the header contains a horizontal space-between group.
 * Keep its two children on ONE ROW at every width, exactly as intended by the
 * header design. This prevents the always-shown hamburger from wrapping below
 * the logo/title on mobile.
 */
body.page-id-1954
header.wp-block-template-part[data-mmp-dashboard-header="1"]
> .wp-block-group
> .wp-block-group.is-horizontal.is-content-justification-space-between {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
}

body.page-id-1954
header.wp-block-template-part[data-mmp-dashboard-header="1"]
> .wp-block-group
> .wp-block-group.is-horizontal.is-content-justification-space-between
> .wp-block-group:first-child {
    min-width: 0 !important;
    flex: 1 1 auto !important;
    flex-wrap: nowrap !important;
}

body.page-id-1954
header.wp-block-template-part[data-mmp-dashboard-header="1"]
> .wp-block-group
> .wp-block-group.is-horizontal.is-content-justification-space-between
> .wp-block-group:last-child {
    flex: 0 0 auto !important;
    margin-left: auto !important;
    flex-wrap: nowrap !important;
}

body.page-id-1954
header.wp-block-template-part[data-mmp-dashboard-header="1"]
.wp-block-navigation {
    flex: 0 0 auto !important;
    margin-top: 0 !important;
}

/* On mobile, keep the logo/title compact enough that the menu never wraps. */
@media (max-width: 781px) {
    body.page-id-1954
    header.wp-block-template-part[data-mmp-dashboard-header="1"]
    .wp-block-site-logo {
        flex: 0 0 auto !important;
    }

    body.page-id-1954
    header.wp-block-template-part[data-mmp-dashboard-header="1"]
    .wp-block-site-title {
        min-width: 0 !important;
    }

    body.page-id-1954
    header.wp-block-template-part[data-mmp-dashboard-header="1"]
    .wp-block-navigation__responsive-container-open {
        flex: 0 0 auto !important;
        margin-left: auto !important;
    }
}

/*
 * NORMAL PLOVER FOOTER:
 * WP Delicious' standalone portal does not provide the normal Plover canvas
 * inheritance around the footer. Restore the footer's centered alignment
 * without changing its widths, spacing, colors or block structure.
 */
body.page-id-1954
footer.wp-block-template-part[data-mmp-dashboard-footer="1"] {
    text-align: center !important;
}

body.page-id-1954
footer.wp-block-template-part[data-mmp-dashboard-footer="1"]
:is(p, .wp-block-site-title, .wp-block-navigation, .wp-block-navigation__container) {
    text-align: center !important;
}

body.page-id-1954
footer.wp-block-template-part[data-mmp-dashboard-footer="1"]
.is-layout-flex {
    justify-content: center !important;
}

body.page-id-1954
footer.wp-block-template-part[data-mmp-dashboard-footer="1"]
.wp-block-navigation__container {
    justify-content: center !important;
}


/* v1.7.3 safety fallback.
 * Uses Plover's own theme variables only if the theme's button stylesheet
 * leaves the primary button without its background in this standalone portal.
 */
body.page-id-1954
header.wp-block-template-part[data-mmp-dashboard-header="1"]
.wp-block-button:not(.is-style-ghost)
> .wp-block-button__link {
    background: var(--wp--custom--elements--button--color--background, var(--wp--preset--gradient--primary)) !important;
    color: #fff !important;
}


/* =========================================================
   v1.7.3 — Match Plover's native responsive header behavior
   The original header marks this exact button group:
   .is-display-none-tablet.is-display-none-mobile
   Hide it at Plover's tablet/mobile breakpoint while leaving
   the navigation/hamburger visible.
   ========================================================= */
@media (max-width: 781px) {
    body.page-id-1954
    header.wp-block-template-part[data-mmp-dashboard-header="1"]
    .wp-block-buttons.is-display-none-tablet,
    body.page-id-1954
    header.wp-block-template-part[data-mmp-dashboard-header="1"]
    .wp-block-buttons.is-display-none-mobile {
        display: none !important;
    }
}