/**
 * Domino Icon - Icono personalizado para menús de WordPress
 * Uso: class="domino-icon" o class="domino-icon-menu"
 */

/* Icono general */
.domino-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url('../domino-icono.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}

/* Icono para menús de WordPress (sidebar) */
.domino-icon-menu {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url('../domino-icono.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    margin-right: 8px;
}

/* Dashicon personalizado - Para usar con WordPress dashicons */
.dashicons-domino {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url('../domino-icono.png');
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: text-top;
}

.dashicons-domino:before {
    content: "\00a0";
}

/* Para menús del admin de WordPress */
#adminmenu .menu-icon-domino .wp-menu-image {
    background-image: url('../domino-icono.png') !important;
    background-size: 20px 20px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

#adminmenu .menu-icon-domino .wp-menu-image:before {
    content: "\00a0" !important;
}

/* Cuando el menú está activo/hover */
#adminmenu .menu-icon-domino:hover .wp-menu-image,
#adminmenu .menu-icon-domino.current .wp-menu-image,
#adminmenu .menu-icon-domino.wp-has-current-submenu .wp-menu-image {
    opacity: 1;
}

/* Soporte para top bar del admin */
#wpadminbar .domino-icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-image: url('../domino-icono.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}

/* Icono más grande para headers */
.domino-icon-large {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-image: url('../domino-icono.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}

/* Icono pequeño */
.domino-icon-small {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url('../domino-icono.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}