/**
 * Custom Admin Theme for Fenix Educação
 * Dark mode with green and gold accents
 */

/* Main Variables */
:root {
    --primary-color: #00733E;      /* Verde Fenix */
    --primary-dark: #005029;       /* Verde escuro */
    --primary-light: #1a8e57;      /* Verde claro */
    --secondary-color: #D4AF37;    /* Dourado Fenix */
    --secondary-dark: #C1A033;     /* Dourado escuro */
    --secondary-light: #e5c152;    /* Dourado claro */
    
    --dark-bg: #1a1a1a;            /* Fundo escuro */
    --dark-bg-lighter: #2d2d2d;    /* Fundo escuro secundário */
    --dark-bg-lightest: #3a3a3a;   /* Fundo escuro terciário */
    
    --text-light: #f8f9fa;         /* Texto claro */
    --text-muted: #adb5bd;         /* Texto menos importante */
    --border-color: #444;          /* Cor de bordas */
    --input-bg: #2d2d2d;           /* Background de inputs */
    --success-color: #28a745;      /* Verde para sucesso */
    --danger-color: #dc3545;       /* Vermelho para erros */
    --warning-color: #ffc107;      /* Amarelo para avisos */
    --info-color: #17a2b8;         /* Azul para informações */
}

/* Admin General */
body {
    background-color: var(--dark-bg);
    color: var(--text-light);
}

/* Admin Bar */
#wpadminbar {
    background-color: var(--dark-bg-lighter);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}

#wpadminbar .ab-top-menu > li.hover > .ab-item, 
#wpadminbar .ab-top-menu > li:hover > .ab-item, 
#wpadminbar .ab-top-menu > li > .ab-item:focus, 
#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus {
    background-color: var(--primary-dark);
    color: var(--text-light);
}

#wpadminbar .quicklinks .menupop ul li a:focus, 
#wpadminbar .quicklinks .menupop ul li a:hover, 
#wpadminbar .quicklinks .menupop.hover ul li a:focus, 
#wpadminbar .quicklinks .menupop.hover ul li a:hover, 
#wpadminbar .quicklinks .menupop.hover ul li a:hover strong, 
#wpadminbar .quicklinks .menupop.hover ul li a:focus strong, 
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a, 
#wpadminbar .quicklinks .menupop.hover ul li a:hover, 
#wpadminbar .quicklinks .menupop.hover ul li a:focus, 
#wpadminbar .quicklinks li a:focus .ab-icon:before, 
#wpadminbar .quicklinks li a:hover .ab-icon:before, 
#wpadminbar .quicklinks li a:hover .ab-item:before, 
#wpadminbar .quicklinks li a:focus .ab-item:before {
    color: var(--secondary-color);
}

#wpadminbar .ab-submenu {
    background-color: var(--dark-bg-lighter);
}

#wpadminbar #adminbarsearch:before,
#wpadminbar .ab-icon:before,
#wpadminbar .ab-item:before {
    color: var(--text-light);
}

/* Logo Customization */
#wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon:before {
    color: var(--secondary-color);
}

/* Admin Menu */
#adminmenu, 
#adminmenuback, 
#adminmenuwrap {
    background-color: var(--dark-bg);
}

#adminmenu li a {
    color: var(--text-light);
}

#adminmenu div.wp-menu-image:before {
    color: var(--text-muted);
}

#adminmenu a:hover, 
#adminmenu li.menu-top:hover, 
#adminmenu li.opensub > a.menu-top, 
#adminmenu li > a.menu-top:focus {
    color: var(--text-light);
    background-color: var(--primary-color);
}

/* Current admin menu item */
#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 {
    background: var(--primary-color);
    color: var(--text-light);
}

#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
#adminmenu a.current:hover div.wp-menu-image:before,
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
#adminmenu li:hover div.wp-menu-image:before,
#adminmenu li a:focus div.wp-menu-image:before,
#adminmenu li.opensub div.wp-menu-image:before {
    color: var(--secondary-color);
}

/* Submenu */
#adminmenu .wp-submenu {
    background-color: var(--dark-bg-lighter);
}

#adminmenu .wp-submenu a {
    color: var(--text-muted);
}

#adminmenu .wp-submenu a:focus, 
#adminmenu .wp-submenu a:hover, 
#adminmenu .wp-submenu li.current a, 
#adminmenu .wp-submenu li.current a:hover {
    color: var(--secondary-color);
}

#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
    border-right-color: var(--dark-bg-lighter);
}

/* Admin Content */
#wpbody {
    background-color: var(--dark-bg);
    color: var(--text-light);
}

.wrap h1, 
.wrap h2, 
.wrap h3 {
    color: var(--text-light);
}

.wrap h1.wp-heading-inline, 
.wrap h2.wp-heading-inline, 
.wrap h3.wp-heading-inline {
    color: var(--text-light);
}

.wrap .add-new-h2, 
.wrap .add-new-h2:active, 
.wrap .page-title-action, 
.wrap .page-title-action:active {
    color: var(--text-light);
    background-color: var(--primary-color);
    border-color: var(--primary-dark);
}

.wrap .add-new-h2:hover, 
.wrap .page-title-action:hover {
    color: var(--text-light);
    background-color: var(--primary-dark);
    border-color: var(--primary-dark);
}

/* Admin Tables */
.widefat tfoot tr td, 
.widefat tfoot tr th, 
.widefat thead tr td, 
.widefat thead tr th {
    background-color: var(--dark-bg-lighter);
    color: var(--text-light);
}

.widefat tbody th.check-column, 
.widefat tbody tr.alternate, 
.widefat tbody tr.alternate th, 
.widefat tbody tr:nth-child(odd), 
.alternate, .striped > tbody > :nth-child(odd) {
    background-color: var(--dark-bg-lighter);
}

.widefat tbody tr, 
.widefat tbody tr th {
    background-color: var(--dark-bg);
}

.widefat {
    border-color: var(--border-color);
    background-color: var(--dark-bg-lighter);
    color: var(--text-light);
}

.wp-list-table a {
    color: var(--primary-light);
}

.wp-list-table a:hover {
    color: var(--secondary-color);
}

/* Buttons */
.wp-core-ui .button, 
.wp-core-ui .button-secondary {
    background: var(--dark-bg-lighter);
    border-color: var(--border-color);
    color: var(--text-light);
    box-shadow: none;
}

.wp-core-ui .button-secondary:hover, 
.wp-core-ui .button.hover, 
.wp-core-ui .button:hover {
    background: var(--dark-bg-lightest);
    border-color: var(--border-color);
    color: var(--text-light);
}

.wp-core-ui .button-primary, 
.wrap .page-title-action {
    background: var(--primary-color);
    border-color: var(--primary-dark);
    color: var(--text-light);
    box-shadow: none;
}

.wp-core-ui .button-primary:hover, 
.wrap .page-title-action:hover {
    background: var(--primary-dark);
    border-color: var(--primary-dark);
    color: var(--text-light);
}

.wp-core-ui .button-primary.focus, 
.wp-core-ui .button-primary.hover, 
.wp-core-ui .button-primary:focus, 
.wp-core-ui .button-primary:hover {
    background: var(--primary-dark);
    border-color: var(--primary-dark);
    color: var(--text-light);
}

/* Form controls */
input[type=checkbox]:checked::before {
    color: var(--secondary-color);
}

input[type=radio]:checked::before {
    background-color: var(--secondary-color);
}

input[type=checkbox]:focus, 
input[type=color]:focus, 
input[type=date]:focus, 
input[type=datetime-local]:focus, 
input[type=datetime]:focus, 
input[type=email]:focus, 
input[type=month]:focus, 
input[type=number]:focus, 
input[type=password]:focus, 
input[type=radio]:focus, 
input[type=search]:focus, 
input[type=tel]:focus, 
input[type=text]:focus, 
input[type=time]:focus, 
input[type=url]:focus, 
input[type=week]:focus, 
select:focus, 
textarea:focus {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 1px var(--primary-color);
}

input[type=text], 
input[type=search], 
input[type=radio], 
input[type=tel], 
input[type=time], 
input[type=url], 
input[type=week], 
input[type=password], 
input[type=checkbox], 
input[type=color], 
input[type=date], 
input[type=datetime], 
input[type=datetime-local], 
input[type=email], 
input[type=month], 
input[type=number], 
select, 
textarea {
    background-color: var(--input-bg);
    color: var(--text-light);
    border-color: var(--border-color);
}

/* Notices */
div.updated, 
.notice.updated {
    border-left-color: var(--success-color);
    background-color: rgba(40, 167, 69, 0.1);
}

div.error, 
.notice.error {
    border-left-color: var(--danger-color);
    background-color: rgba(220, 53, 69, 0.1);
}

.notice-warning, 
div.update-nag {
    border-left-color: var(--warning-color);
    background-color: rgba(255, 193, 7, 0.1);
}

.notice-info {
    border-left-color: var(--info-color);
    background-color: rgba(23, 162, 184, 0.1);
}

/* Dashboard Widgets */
.postbox {
    background-color: var(--dark-bg-lighter);
    border-color: var(--border-color);
    color: var(--text-light);
}

.postbox .hndle, 
.postbox .handlediv, 
.stuffbox .hndle, 
.stuffbox .handlediv {
    color: var(--text-light);
}

.postbox h2, 
.postbox h3 {
    color: var(--text-light);
}

/* Widget title accent with gold touch */
.postbox .hndle, 
.stuffbox .hndle {
    border-bottom: 1px solid var(--secondary-color);
}

/* Tabs */
.nav-tab {
    background-color: var(--dark-bg-lighter);
    border-color: var(--border-color);
    color: var(--text-muted);
}

.nav-tab:hover, 
.nav-tab:focus {
    background-color: var(--dark-bg-lightest);
    color: var(--text-light);
}

.nav-tab-active, 
.nav-tab-active:focus, 
.nav-tab-active:focus:active, 
.nav-tab-active:hover {
    background-color: var(--primary-color);
    color: var(--text-light);
    border-bottom-color: var(--primary-color);
}

/* Links */
a {
    color: var(--primary-light);
}

a:hover, 
a:active, 
a:focus {
    color: var(--secondary-color);
}

/* TinyMCE Editor */
.mce-container, 
.mce-container *, 
.mce-widget, 
.mce-widget *, 
.mce-reset {
    color: var(--text-light) !important;
}

.mce-toolbar .mce-ico {
    color: var(--text-light) !important;
}

.mce-btn {
    background: var(--dark-bg-lighter) !important;
}

.mce-btn:hover {
    background: var(--dark-bg-lightest) !important;
}

.mce-panel {
    background-color: var(--dark-bg-lighter) !important;
    border-color: var(--border-color) !important;
}

.wp-editor-container {
    border-color: var(--border-color);
}

/* Admin Footer */
#wpfooter {
    color: var(--text-muted);
}

/* Login Page */
.login {
    background-color: var(--dark-bg);
    color: var(--text-light);
}

.login #login h1 a {
    background-image: url('../images/logo-gf-educacao.png');
    background-size: contain;
    width: 100%;
}

.login form {
    background-color: var(--dark-bg-lighter);
    border-color: var(--border-color);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.login label {
    color: var(--text-light);
}

.login #backtoblog a, 
.login #nav a {
    color: var(--text-light) !important;
}

.login #backtoblog a:hover, 
.login #nav a:hover {
    color: var(--secondary-color) !important;
}

.login .button-primary {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-dark) !important;
    color: var(--text-light) !important;
}

.login .button-primary:hover, 
.login .button-primary:focus {
    background-color: var(--primary-dark) !important;
}

/* Override para remover background branco dos inputs do login */
.login form .input,
.login input[type="text"],
.login form input[type="checkbox"] {
    background: transparent !important;
    color: var(--text-light) !important;
    border-color: var(--border-color) !important;
}

.login input[type="password"] {
    background: transparent !important;
    color: var(--text-light) !important;
    border-color: var(--border-color) !important;
}

.login input::placeholder {
    color: var(--text-muted) !important;
}

/* Block Editor Tweaks */
.block-editor__container {
    background-color: var(--dark-bg);
}

.edit-post-visual-editor, 
.edit-post-text-editor, 
.edit-post-sidebar {
    background-color: var(--dark-bg-lighter);
    color: var(--text-light);
}

.edit-post-text-editor__body textarea.editor-post-text-editor {
    background-color: var(--dark-bg-lightest);
    color: var(--text-light);
}

.editor-post-title__block .editor-post-title__input {
    color: var(--text-light);
}

.components-button {
    color: var(--text-light);
}

/* WordPress Color Scheme Fixes */
body.admin-color-light,
body.admin-color-blue,
body.admin-color-coffee,
body.admin-color-ectoplasm,
body.admin-color-midnight,
body.admin-color-ocean,
body.admin-color-sunrise {
    /* Override default color schemes to force dark mode */
    --wp-admin-theme-color: var(--primary-color);
    --wp-admin-theme-color-darker-10: var(--primary-dark);
    --wp-admin-theme-color-darker-20: var(--primary-dark);
}

/* Make sure our custom colors take precedence */
#wpcontent, 
#wpfooter {
    color: var(--text-light) !important;
}

/* Special overrides for some WordPress plugins */
.update-plugins {
    background-color: var(--secondary-color) !important;
    color: var(--dark-bg) !important;
}

#welcome-panel {
    background-color: var(--dark-bg-lighter);
    border-color: var(--border-color);
}

#dashboard-widgets .welcome-panel-column-container {
    background-color: var(--dark-bg-lighter);
}

.welcome-panel h2 {
    color: var(--text-light);
}

.welcome-panel-content {
    background-color: transparent;
}

#adminmenu .awaiting-mod, 
#adminmenu .update-plugins {
    background-color: var(--secondary-color);
    color: var(--dark-bg);
}

/* Theme name highlight in themes page */
.theme-browser .theme.active .theme-name {
    background-color: var(--primary-color);
    color: var(--text-light);
}

.theme-browser .theme .theme-actions {
    background-color: rgba(0, 115, 62, 0.8);
}

/* Media uploader */
.media-modal {
    background-color: var(--dark-bg);
}

.media-modal-content {
    background-color: var(--dark-bg-lighter);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}

.media-frame-toolbar {
    background-color: var(--dark-bg-lightest);
}

.media-menu {
    background-color: var(--dark-bg-lightest);
    border-right-color: var(--border-color);
}

.media-menu a {
    color: var(--text-light);
}

.media-menu a:hover {
    color: var(--secondary-color);
}

.media-frame-title, 
.uploader-inline-content {
    background-color: var(--dark-bg-lighter);
    border-bottom-color: var(--border-color);
}

.media-frame-content {
    background-color: var(--dark-bg-lighter);
}

.attachments-browser .media-toolbar {
    background-color: var(--dark-bg-lighter);
}

/* Dashboard activity & updates */
#dashboard-widgets #dashboard_activity h3, 
#dashboard-widgets #dashboard_right_now h3, 
#dashboard-widgets #dashboard_quick_press h3 {
    color: var(--secondary-color);
}

#dashboard_right_now .main p {
    color: var(--text-light);
}

#dashboard_right_now li a {
    color: var(--primary-light);
}

/* Gold touches for admin menu */
#adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head, 
#adminmenu .wp-menu-arrow, 
#adminmenu .wp-menu-arrow div, 
#adminmenu li.current a.menu-top, 
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu {
    background: var(--primary-color);
    color: var(--text-light);
}

#adminmenu li.wp-has-current-submenu div.wp-menu-image:before {
    color: var(--secondary-color);
}

/* Style admin bar site name with gold accents */
#wpadminbar .quicklinks li .blavatar, 
#wpadminbar .menupop .menupop > .ab-item:before {
    color: var(--secondary-color);
}

/* Color-code metaboxes */
.postbox h2 {
    border-left: 3px solid var(--secondary-color);
    padding-left: 8px;
}

/* Screen options and help tabs */
#screen-meta {
    background-color: var(--dark-bg-lighter);
    border-color: var(--border-color);
}

#screen-meta-links .show-settings {
    color: var(--text-muted);
    background-color: var(--dark-bg-lighter);
    border-color: var(--border-color);
}

#contextual-help-link-wrap, 
#screen-options-link-wrap {
    background-color: var(--dark-bg-lighter);
    border-color: var(--border-color);
}

/* Loading animation */
.spinner {
    background-image: url('../images/spinner-dark.gif');
}

/* Admin menu custom post type icons */
#adminmenu #menu-posts-polo div.wp-menu-image:before {
    content: '\f230';
    color: var(--secondary-color);
}

#adminmenu #menu-posts-curso div.wp-menu-image:before {
    content: '\f118';
    color: var(--secondary-color);
}

#adminmenu #menu-posts-produto div.wp-menu-image:before {
    content: '\f174';
    color: var(--secondary-color);
}