/**
 * Mushy Bars twin — light brand only.
 * Same Datacann UI as Medically Correct; chocolate accents instead of green;
 * real mushy-logo on login/landing. No cream theme, no script fonts.
 */
body.mushy-bars,
body.login.mushy-bars {
    --dc-brand-green: #553b2c;
    --dc-brand-green-dark: #3f2b20;
    --dc-brand-green-darker: #2e1f17;
}

/* Logged-out: hide WP theme chrome (TT5 / Kubrick leftovers) */
body.mushy-logged-out header.wp-block-template-part,
body.mushy-logged-out footer.wp-block-template-part,
body.mushy-login header.wp-block-template-part,
body.mushy-login footer.wp-block-template-part,
body.mushy-landing header.wp-block-template-part,
body.mushy-landing footer.wp-block-template-part,
body.mushy-logged-out .wp-block-site-title,
body.mushy-logged-out .wp-block-site-tagline,
body.mushy-logged-out nav.wp-block-navigation,
body.mushy-login .wp-block-post-title,
body.mushy-login .entry-header,
body.mushy-logged-out #header,
body.mushy-landing #header,
body.mushy-login #header,
body.mushy-logged-out #footer,
body.mushy-logged-out .site-info,
body.mushy-logged-out .navbar.navbar-static-bottom,
body.mushy-landing:not(.logged-in) .navbar.navbar-static-bottom,
body.mushy-login:not(.logged-in) .navbar.navbar-static-bottom {
    display: none !important;
}

body.mushy-logged-out .navbar.navbar-static-top .navbar-brand,
body.mushy-landing:not(.logged-in) .navbar.navbar-static-top .navbar-brand,
body.mushy-login:not(.logged-in) .navbar.navbar-static-top .navbar-brand,
body.mushy-logged-out .navbar.navbar-static-top .navbar-toggle {
    display: none !important;
}

body.mushy-logged-out .navbar.navbar-static-top,
body.mushy-landing:not(.logged-in) .navbar.navbar-static-top,
body.mushy-login:not(.logged-in) .navbar.navbar-static-top {
    min-height: 0;
    margin: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

/* Landing: real logo image instead of text title */
body.mushy-bars #logged-out-app h1 {
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
    width: 280px;
    height: 96px;
    margin: 24px auto 12px;
    background: url("/wp-content/uploads/branding/mushy-logo.png") center / contain no-repeat;
}

body.mushy-bars #logged-out-app h1::before,
body.mushy-bars #logged-out-app h1::after {
    content: none !important;
    display: none !important;
}

/* Storefront login: no fake wordmark; keep form as Datacann ships it */
body.mushy-login .page-title,
body.mushy-login article > header,
body.mushy-bars .dc-login-wordmark,
body.mushy-bars .dc-login-kicker {
    display: none !important;
}

/* Password-reset panel without Bootstrap modal JS */
body.mushy-bars #passwordReset,
body.mushy-bars .dc-password-reset,
body.mushy-bars #passwordReset.modal,
body.mushy-bars #passwordReset.fade {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    opacity: 0 !important;
    position: fixed !important;
    left: -9999px !important;
}

body.mushy-bars #passwordReset.mushy-reset-open,
body.mushy-bars #passwordReset.mushy-reset-open.modal,
body.mushy-bars #passwordReset.mushy-reset-open.fade {
    display: block !important;
    visibility: visible !important;
    pointer-events: auto !important;
    opacity: 1 !important;
    position: static !important;
    left: auto !important;
    margin: 16px auto 0 !important;
    max-width: 440px;
}

/* wp-login.php: real logo only (button inherits Datacann styles if loaded) */
body.login.mushy-bars,
body.login.mushy-wp-login {
    background: #f4f5f7;
}

body.login.mushy-bars #login h1 a,
body.login.mushy-wp-login h1 a,
body.login.mushy-bars h1 a {
    background-image: url("/wp-content/uploads/branding/mushy-logo.png") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-color: transparent !important;
    text-indent: -9999px !important;
    overflow: hidden !important;
    width: 260px !important;
    height: 92px !important;
    margin: 0 auto 24px !important;
    font-size: 0 !important;
    color: transparent !important;
}

body.login.mushy-bars #login h1 a::before,
body.login.mushy-bars #login h1 a::after {
    content: none !important;
    display: none !important;
}

body.login.mushy-bars .wp-core-ui .button-primary {
    background: #553b2c !important;
    border-color: #3f2b20 !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

body.login.mushy-bars .wp-core-ui .button-primary:hover,
body.login.mushy-bars .wp-core-ui .button-primary:focus {
    background: #3f2b20 !important;
    border-color: #2e1f17 !important;
}


/* Logged-in: readable sidebar + forced header logo */
body.mushy-bars.logged-in .nav-sidebar > li > a,
body.mushy-bars.dc-app-shell .nav-sidebar > li > a,
body.mushy-bars .nav-sidebar > li > a {
    color: #111827 !important;
    font-weight: 600 !important;
}
body.mushy-bars.logged-in .nav-sidebar > li > a:hover,
body.mushy-bars.dc-app-shell .nav-sidebar > li > a:hover,
body.mushy-bars .nav-sidebar > li > a:hover {
    color: #000 !important;
}
body.mushy-bars .nav-sidebar .active > a,
body.mushy-bars .nav-sidebar .active > a:focus,
body.mushy-bars .nav-sidebar .active > a:hover {
    color: #fff !important;
    background-color: var(--dc-brand-green, #553b2c) !important;
}
body.mushy-bars .navbar-header > a.dc-header-logo {
    display: inline-block !important;
    visibility: visible !important;
    float: left;
}
body.mushy-bars .navbar-header > a.dc-header-logo > img {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: 48px !important;
    width: auto !important;
    max-height: 48px !important;
    max-width: 220px !important;
    object-fit: contain !important;
}
body.mushy-bars .navbar-header > h1.navbar-brand {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    border: 0 !important;
}