/* ============================================================
   FACECAST THEME — admin.css
   Skin del wp-admin alineado con la marca.
   No tocamos comportamiento, solo color, tipografía y espacio.
   ============================================================ */

:root {
    --fc-snow:        #F7F9FC;
    --fc-paper:       #FFFFFF;
    --fc-ink:         #0B1B2B;
    --fc-ink-soft:    #1F2D3D;
    --fc-stone:       #5C6B7A;
    --fc-stone-soft:  #8895A6;
    --fc-line:        #E2E8EF;
    --fc-line-strong: #C8D2DC;
    --fc-peak:        #1E4F8F;
    --fc-peak-deep:   #143A6B;
    --fc-sky:         #5BA3E0;
}

/* ---------- Body / canvas ---------- */
body, body.wp-admin {
    background: var(--fc-snow);
    color: var(--fc-ink);
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
}

#wpwrap, #wpcontent, #wpbody-content {
    background: transparent;
}

/* ---------- Headings ---------- */
.wrap h1,
.wrap h2,
#dashboard-widgets h2 {
    font-family: "Space Grotesk", "Inter", system-ui, sans-serif;
    color: var(--fc-ink);
    letter-spacing: -.01em;
    font-weight: 600;
}

/* ---------- Admin bar (top) ---------- */
#wpadminbar {
    background: var(--fc-ink);
    border-bottom: 1px solid rgba(255,255,255,.06);
}
#wpadminbar .ab-item,
#wpadminbar a.ab-item,
#wpadminbar > #wp-toolbar span.ab-label,
#wpadminbar > #wp-toolbar span.noticon {
    color: #DDE5EE;
}
#wpadminbar .ab-item:hover,
#wpadminbar .ab-item:focus,
#wpadminbar > #wp-toolbar a:focus span.ab-label,
#wpadminbar .ab-top-menu > li.hover > .ab-item {
    color: #fff !important;
    background: var(--fc-peak-deep) !important;
}
#wpadminbar .ab-icon::before,
#wpadminbar .ab-item::before {
    color: var(--fc-sky) !important;
}
#wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon::before {
    color: var(--fc-sky) !important;
    content: "\f102"; /* default W; we hide it via PHP via remove_node */
}

/* ---------- Side menu ---------- */
#adminmenuback,
#adminmenuwrap,
#adminmenu {
    background: var(--fc-ink);
}
#adminmenu li.menu-top,
#adminmenu .wp-submenu,
#adminmenu a {
    color: #B7C2CF;
}
#adminmenu a {
    transition: background .15s, color .15s;
}
#adminmenu li.menu-top:hover,
#adminmenu li.opensub > a.menu-top,
#adminmenu li > a.menu-top:focus {
    background: var(--fc-peak-deep) !important;
    color: #fff !important;
}
#adminmenu li.current a.menu-top,
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
.folded #adminmenu li.current.menu-top,
.folded #adminmenu li.wp-has-current-submenu {
    background: var(--fc-peak) !important;
    color: #fff !important;
    box-shadow: inset 3px 0 0 var(--fc-sky);
}
#adminmenu .wp-submenu {
    background: #07111D;
}
#adminmenu .wp-submenu a {
    color: #B7C2CF !important;
}
#adminmenu .wp-submenu a:hover,
#adminmenu .wp-submenu a:focus,
#adminmenu .wp-submenu li.current a {
    color: #fff !important;
}
#adminmenu div.wp-menu-image::before,
#adminmenu .wp-menu-image::before {
    color: var(--fc-sky) !important;
}
#collapse-button {
    color: var(--fc-stone-soft);
}
#collapse-button:hover { color: #fff; }

/* ---------- Buttons ---------- */
.wp-core-ui .button-primary {
    background: var(--fc-ink) !important;
    border-color: var(--fc-ink) !important;
    color: #fff !important;
    border-radius: 8px !important;
    padding: .55rem 1rem !important;
    height: auto !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;
    text-shadow: none !important;
    box-shadow: none !important;
    transition: background .15s, border-color .15s, transform .15s;
}
.wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary:focus {
    background: var(--fc-peak-deep) !important;
    border-color: var(--fc-peak-deep) !important;
    color: #fff !important;
    transform: translateY(-1px);
}
.wp-core-ui .button {
    border-radius: 8px;
    border-color: var(--fc-line-strong);
    color: var(--fc-ink);
    background: #fff;
}
.wp-core-ui .button:hover {
    border-color: var(--fc-ink);
    color: var(--fc-ink);
}

/* ---------- Postboxes (cards on dashboard, edit screens) ---------- */
.postbox,
#dashboard-widgets .postbox,
#wpbody-content .metabox-holder .postbox {
    background: var(--fc-paper);
    border: 1px solid var(--fc-line);
    border-radius: 14px;
    box-shadow: 0 1px 2px rgba(11,27,43,.04);
    overflow: hidden;
}
.postbox > .postbox-header,
.postbox .hndle {
    background: var(--fc-paper);
    border-bottom: 1px solid var(--fc-line);
    color: var(--fc-ink);
    font-family: "Space Grotesk", "Inter", system-ui, sans-serif;
    font-weight: 600;
    font-size: 1rem;
}
.postbox .inside { color: var(--fc-ink); }
.postbox .inside a { color: var(--fc-peak); }
.postbox .inside a:hover { color: var(--fc-peak-deep); }

/* ---------- Tables (post list, etc.) ---------- */
.wp-list-table {
    background: var(--fc-paper);
    border: 1px solid var(--fc-line);
    border-radius: 12px;
    overflow: hidden;
}
.wp-list-table th { color: var(--fc-ink); }
.wp-list-table td { color: var(--fc-ink-soft); }
.wp-list-table tr { border-bottom: 1px solid var(--fc-line); }

/* ---------- Form fields ---------- */
input[type=text], input[type=email], input[type=password],
input[type=url], input[type=search], input[type=tel],
input[type=number], textarea, select {
    border-radius: 8px !important;
    border-color: var(--fc-line) !important;
    box-shadow: none !important;
}
input[type=text]:focus, input[type=email]:focus, input[type=password]:focus,
input[type=url]:focus, input[type=search]:focus, input[type=tel]:focus,
input[type=number]:focus, textarea:focus, select:focus {
    border-color: var(--fc-peak) !important;
    box-shadow: 0 0 0 3px rgba(30,79,143,.12) !important;
}

/* ---------- Links ---------- */
a { color: var(--fc-peak); }
a:hover, a:focus { color: var(--fc-peak-deep); }

/* ---------- Footer admin ---------- */
#wpfooter { color: var(--fc-stone-soft); }
#wpfooter a { color: var(--fc-stone); }
#wpfooter a:hover { color: var(--fc-ink); }

/* ---------- Welcome panel (Facecast version) ---------- */
.fc-welcome {
    border-radius: 14px;
    padding: 1.75rem 1.75rem 1.5rem;
    background:
        radial-gradient(60% 90% at 80% 0%, rgba(91,163,224,.18), transparent 60%),
        linear-gradient(160deg, #143A6B 0%, #1E4F8F 60%, #5BA3E0 130%);
    color: #fff;
    border: 0;
    margin: 1rem 0 1.25rem;
    overflow: hidden;
    position: relative;
}
.fc-welcome::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(255,255,255,0) 60%, rgba(11,27,43,.25) 100%);
    pointer-events: none;
}
.fc-welcome > * { position: relative; z-index: 1; }
.fc-welcome__eyebrow {
    text-transform: uppercase;
    letter-spacing: .14em;
    font-size: .75rem;
    font-weight: 600;
    margin: 0 0 .5rem;
    color: #BFD9EE;
    font-family: "Space Grotesk", "Inter", system-ui, sans-serif;
}
.fc-welcome h2 {
    color: #fff !important;
    font-size: 1.5rem;
    margin: 0 0 .35rem;
    font-family: "Space Grotesk", "Inter", system-ui, sans-serif;
    font-weight: 600;
    letter-spacing: -.01em;
}
.fc-welcome p {
    color: #DDE5EE;
    font-size: .98rem;
    margin: 0 0 1.1rem;
    max-width: 50rem;
}
.fc-welcome__cta {
    display: inline-flex;
    gap: .6rem;
    flex-wrap: wrap;
}
.fc-welcome__btn {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .65rem 1.1rem;
    border-radius: 8px;
    font-weight: 600;
    text-decoration: none;
    border: 1px solid transparent;
    transition: background .15s, border-color .15s, color .15s, transform .15s;
}
.fc-welcome__btn--primary {
    background: #fff;
    color: var(--fc-ink) !important;
    border-color: #fff;
}
.fc-welcome__btn--primary:hover {
    background: var(--fc-snow);
    color: var(--fc-peak-deep) !important;
    transform: translateY(-1px);
}
.fc-welcome__btn--ghost {
    background: transparent;
    color: #fff !important;
    border-color: rgba(255,255,255,.5);
}
.fc-welcome__btn--ghost:hover {
    border-color: #fff;
    background: rgba(255,255,255,.08);
}

/* Helper postbox content */
.fc-help-list {
    margin: 0; padding: 0;
    list-style: none;
}
.fc-help-list li {
    padding: .55rem 0;
    border-bottom: 1px solid var(--fc-line);
    display: flex;
    align-items: center;
    gap: .75rem;
}
.fc-help-list li:last-child { border-bottom: 0; }
.fc-help-list .dashicons {
    color: var(--fc-peak);
}

/* Hide redundant default WP screen elements for subscribers / cleaner UX */
body.fc-clean-admin #wp-admin-bar-wp-logo,
body.fc-clean-admin #wp-admin-bar-comments,
body.fc-clean-admin #wp-admin-bar-new-content {
    display: none;
}

/* ---------- Admin bar: sin avatar/gravatar ---------- */
/* No mostramos imagen de usuario en la barra superior. El nombre va solo. */
#wpadminbar #wp-admin-bar-my-account > .ab-item img.avatar,
#wpadminbar #wp-admin-bar-user-info .avatar,
#wpadminbar #wp-admin-bar-user-info #user-info-avatar,
#wpadminbar .ab-top-menu > li#wp-admin-bar-my-account img.avatar {
    display: none !important;
}
/* Reajustar el bloque user-info ahora que no hay avatar grande arriba. */
#wpadminbar #wp-admin-bar-user-info .display-name,
#wpadminbar #wp-admin-bar-user-info .username,
#wpadminbar #wp-admin-bar-user-info .user-info {
    margin-left: 0 !important;
    padding-left: 0 !important;
}
#wpadminbar #wp-admin-bar-user-info .ab-item {
    height: auto;
}
/* En la barra, padding limpio sin hueco para el avatar. */
#wpadminbar #wp-admin-bar-my-account.with-avatar > .ab-item {
    padding-right: 12px;
}