/* ============================================================
   FashionBay CMS — Custom Admin Theme
   Modern dark sidebar + clean white content area (Shopify-inspired)
   ============================================================ */

:root {
    --fb-sidebar-bg:    #1a1d23;
    --fb-sidebar-hover: #2a2f3a;
    --fb-accent:        #e9c87a;
    --fb-accent-dark:   #c9a84c;
    --fb-text-light:    rgba(255,255,255,0.85);
    --fb-text-muted:    rgba(255,255,255,0.45);
    --fb-border:        rgba(255,255,255,0.08);
    --fb-content-bg:    #f8f9fa;
    --fb-white:         #ffffff;
    --fb-radius:        8px;
    --fb-shadow:        0 2px 8px rgba(0,0,0,0.08);
}

/* ---- Admin body ---- */
body, #wpbody, #wpwrap {
    background: var(--fb-content-bg) !important;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* ---- Sidebar / Menu ---- */
#adminmenu, #adminmenuback, #adminmenuwrap {
    background: var(--fb-sidebar-bg) !important;
}
#adminmenu li a, #adminmenu .wp-submenu a {
    color: var(--fb-text-light) !important;
    font-size: 13px !important;
}
#adminmenu li a:hover,
#adminmenu .wp-submenu a:hover,
#adminmenu li.current a,
#adminmenu li.wp-has-current-submenu a {
    background: var(--fb-sidebar-hover) !important;
    color: var(--fb-accent) !important;
}
#adminmenu li.menu-top.current > a,
#adminmenu li.wp-has-current-submenu .wp-submenu-wrap {
    background: var(--fb-sidebar-hover) !important;
}
#adminmenu .wp-menu-image::before {
    color: var(--fb-text-muted) !important;
}
#adminmenu li.current .wp-menu-image::before,
#adminmenu li:hover .wp-menu-image::before {
    color: var(--fb-accent) !important;
}
#adminmenu .wp-submenu {
    background: #13161c !important;
    border: none !important;
}
#adminmenu .wp-submenu li a {
    color: var(--fb-text-muted) !important;
    padding: 6px 10px 6px 22px !important;
    font-size: 12px !important;
}
#adminmenu .wp-submenu li a:hover,
#adminmenu .wp-submenu li.current a {
    color: var(--fb-accent) !important;
    background: transparent !important;
}
/* Separator */
#adminmenu .wp-menu-separator {
    background: var(--fb-border) !important;
    margin: 6px 12px !important;
}
/* Brand area */
#adminmenuback { border-right: 1px solid var(--fb-border) !important; }

/* ---- Top bar ---- */
#wpadminbar {
    background: #13161c !important;
    border-bottom: 1px solid var(--fb-border) !important;
}
#wpadminbar * { color: var(--fb-text-light) !important; }
#wpadminbar a:hover { color: var(--fb-accent) !important; }
#wpadminbar .ab-top-menu > li:hover > .ab-item,
#wpadminbar .ab-top-menu > li.hover > .ab-item {
    background: var(--fb-sidebar-hover) !important;
    color: var(--fb-accent) !important;
}
#wpadminbar .ab-sub-wrapper {
    background: #13161c !important;
    border: 1px solid var(--fb-border) !important;
}
#wpadminbar #wp-admin-bar-site-name > .ab-item::before { display: none; }

/* ---- Content area ---- */
#wpcontent, #wpfooter { background: var(--fb-content-bg) !important; }
.wrap { background: transparent !important; }
h1.wp-heading-inline, h1, .edit-post-page h1 {
    font-size: 22px !important;
    font-weight: 600 !important;
    color: #1a1d23 !important;
    letter-spacing: -0.01em !important;
}

/* ---- Postboxes / metaboxes ---- */
.postbox {
    border: 1px solid #e2e8f0 !important;
    border-radius: var(--fb-radius) !important;
    box-shadow: var(--fb-shadow) !important;
    background: var(--fb-white) !important;
    overflow: hidden;
}
.postbox .hndle {
    background: #fff !important;
    border-bottom: 1px solid #f0f0f0 !important;
    padding: 12px 16px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #1a1d23 !important;
    cursor: pointer;
}
.postbox .hndle:hover { background: #fafafa !important; }
.postbox .inside { padding: 16px !important; }
.postbox-header { background: transparent !important; border: none !important; }

/* ---- Buttons ---- */
.button-primary, #publish {
    background: var(--fb-accent) !important;
    border-color: var(--fb-accent-dark) !important;
    color: #1a1d23 !important;
    font-weight: 600 !important;
    border-radius: 6px !important;
    box-shadow: none !important;
    text-shadow: none !important;
}
.button-primary:hover, #publish:hover {
    background: var(--fb-accent-dark) !important;
    border-color: #b8922a !important;
    color: #1a1d23 !important;
}
.button {
    border-radius: 6px !important;
    box-shadow: none !important;
}

/* ---- Post table ---- */
.wp-list-table th { background: #f8f9fa !important; color: #555 !important; font-size: 11px !important; text-transform: uppercase; letter-spacing: .05em; }
.wp-list-table td { background: #fff !important; border-bottom: 1px solid #f5f5f5 !important; }
.wp-list-table tr:hover td { background: #fafbfc !important; }
.wp-list-table .column-title strong a { color: #1a1d23 !important; font-weight: 600; }
.tablenav .tablenav-pages .button { border-radius: 4px !important; }

/* ---- Form inputs ---- */
input[type=text], input[type=number], input[type=url], input[type=email],
textarea, select {
    border: 1px solid #d1d5db !important;
    border-radius: 6px !important;
    padding: 7px 10px !important;
    font-size: 13px !important;
    box-shadow: none !important;
    transition: border-color .15s !important;
}
input[type=text]:focus, input[type=number]:focus, input[type=url]:focus,
textarea:focus, select:focus {
    border-color: var(--fb-accent) !important;
    box-shadow: 0 0 0 2px rgba(233,200,122,0.25) !important;
    outline: none !important;
}
.form-table th { font-size: 12px !important; color: #555 !important; font-weight: 600; }

/* ---- Dashboard widgets ---- */
#dashboard-widgets-wrap .postbox-container { padding: 0 8px !important; }
.dashboard-widgets-wrap { gap: 16px !important; }

/* ---- Edit post header ---- */
#post-body { background: transparent !important; }
#titlediv input#title {
    border: 1px solid #d1d5db !important;
    border-radius: var(--fb-radius) !important;
    font-size: 22px !important;
    padding: 12px 16px !important;
    box-shadow: none !important;
    background: #fff !important;
}
#titlediv input#title:focus {
    border-color: var(--fb-accent) !important;
    box-shadow: 0 0 0 3px rgba(233,200,122,0.2) !important;
}

/* ---- Notices ---- */
.notice, .updated, .error {
    border-radius: 6px !important;
    border-left-width: 4px !important;
}

/* ---- Branding: FashionBay logo in admin bar ---- */
#wpadminbar #wp-admin-bar-wp-logo .ab-item .wp-menu-image {
    display: none;
}

/* ---- Remove ALL WordPress branding/icons ---- */
/* WP logo in admin bar */
#wpadminbar #wp-admin-bar-wp-logo { display: none !important; }
/* WP update nag in admin bar */
#wpadminbar #wp-admin-bar-updates { display: none !important; }
/* "WordPress" text in page titles */
/* Footer credit */
#wpfooter { display: none !important; }
/* Login page WP logo → already replaced in our theme above */
body.login h1 a { background-image: none !important; width: 100% !important; height: 40px !important; }
body.login #backtoblog, body.login #nav { display: none !important; }
/* "Howdy" text in admin bar → keep user name but hide "Howdy," */
#wpadminbar .display-name::before { content: '' !important; }
#wpadminbar #wp-admin-bar-my-account .ab-label::before { content: ''; }
/* Hide "WordPress Events and News" dashboard widget */
#dashboard_primary, #dashboard_quick_press { display: none !important; }
/* Hide WP logo from sidebar (will show nothing — the CPT icons remain) */
#adminmenu li.menu-top a[href="index.php?page=my-account"] { display: none !important; }
/* "Screen Options" / "Help" tabs — keep Help but remove WP branding from it */
#contextual-help-back { display: none !important; }
/* Remove "Thank you for creating with WordPress" from footer */

/* ---- Sidebar footer toggle ---- */
#collapse-menu { color: var(--fb-text-muted) !important; }
#collapse-menu:hover { color: var(--fb-accent) !important; }
#collapse-button .collapse-button-label { color: var(--fb-text-muted) !important; }

/* ---- Login page ---- */
body.login {
    background: var(--fb-sidebar-bg) !important;
}
body.login #login {
    background: #fff;
    border-radius: 12px;
    padding: 32px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.3);
}
body.login h1 a {
    background-image: none !important;
    font-size: 24px !important;
    font-family: 'Georgia', serif !important;
    color: var(--fb-accent) !important;
    text-indent: 0 !important;
    height: auto !important;
    width: auto !important;
}
body.login h1 a::after { content: 'FashionBay CMS'; }
body.login .button-primary {
    background: var(--fb-accent) !important;
    color: #1a1d23 !important;
    border: none !important;
    font-weight: 700 !important;
}