/*
Theme Name: Divi Child
Theme URI: https://ticnix.online/divi-child
Description: Child theme for Divi
Author: Tu Nombre
Author URI: https://example.com
Template: Divi
Version: 1.0.0
*/

/* Aquí puedes añadir tu CSS personalizado */
/* Variables para el esquema de color */


body {
    --wp-admin-theme-color: #333!important; /* Azul principal */
    --wp-admin-theme-color-darker-10: #333!important; /* Azul oscuro */
    --admin-toolbar-background: #FC9803; /* Fondo de la barra superior */
    --admin-toolbar-text: #ffffff; /* Texto de la barra superior */
    --menu-background: #FC9803; /* Fondo del menú lateral */
    --menu-text: #ffffff; /* Texto del menú lateral */
    --menu-hover-background: #FCAD03; /* Fondo al hacer hover en el menú lateral */
    --menu-active-background: #FCC203; /* Fondo de la pestaña activa del menú lateral */
    --menu-active-text: #ffffff; /* Texto de la pestaña activa */
    --content-background: #FBFBF9; /* Fondo del contenido principal */
    --content-text: #333333; /* Texto del contenido principal */
    --button-primary-background: #ffffff; /* Fondo de botones principales */
    --button-primary-hover: #ffffff; /* Fondo de botones principales al hover */
    --button-text: #ffffff; /* Texto de botones */
}

/* Barra de herramientas superior */
#wpadminbar {
    background-color: var(--admin-toolbar-background);
}
#wpadminbar a {
    color: var(--admin-toolbar-text);
}
#wpadminbar a:hover {
    color: var(--menu-hover-background);
}

/* Fondo general */
body.wp-admin {
    background-color: var(--content-background);
    color: var(--content-text);
}

/* Menú lateral */
#adminmenu, #adminmenuback, #adminmenuwrap {
    background-color: var(--menu-background);
}

#adminmenu .wp-submenu {
    background-color: #FC8403;
}

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

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

#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu, 
#adminmenu .current a.menu-top {
    background-color: var(--menu-active-background);
    color: var(--menu-active-text);
}

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

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

#wpadminbar>#wp-toolbar>#wp-admin-bar-root-default .ab-icon::before {
    color: #fff;
}

.wp-admin #wpadminbar #wp-admin-bar-site-name>.ab-item:before {
    color: #fff;
}

/* Aplica color blanco a todos los elementos dentro de li.menu-top, tanto en estado normal como hover */
li.menu-top .wp-menu-image::before,
li.menu-top,
li.menu-top * {
    color: #fff !important;
    transition: color 0.3s linear !important; /* O cualquier duración que prefieras */
}

/* Cambia el color de los elementos al pasar el puntero por encima */
li.menu-top:hover .wp-menu-image::before,
li.menu-top:hover,
li.menu-top:hover * {
    color: #fff !important;
}

#adminmenu li.current a.menu-top {
    background: var(--menu-active-background);
}

button#collapse-button {
    color: #fff !important;
}



/* Títulos de encabezados */
.wrap h1, .wrap h2, .wrap h3 {
    color: var(--wp-admin-theme-color);
}

/* Tablas */
.wp-list-table {
    background-color: var(--content-background);
    color: var(--content-text);
}
.wp-list-table th, .wp-list-table td {
    border-bottom: 1px solid #e5e5e5;
}
.wp-list-table tr:hover {
    background-color: #f1f1f1;
}