/*
 * ===================================================================
 * Estilos dinámicos para el botón de inspiración
 * ===================================================================
 * Se adapta tanto al modo claro/oscuro como a los temas de color.
 */

/* --- 1. Estilo base (Default y Tema Teal) --- */
a.btn-inspiration {
    background: linear-gradient(45deg, #00acac, #008a8a); /* Gradiente Teal */
    color: #ffffff;
    border: none;
    transition: all 0.3s ease;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}

    a.btn-inspiration:hover {
        color: #ffffff;
        transform: translateY(-2px);
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    }

/* --- 2. Estilos para cada tema de color --- */
/* El selector 'body.theme-color' se activa cuando eliges un tema */

body.theme-red a.btn-inspiration {
    background: linear-gradient(45deg, #ff5b57, #d92521);
}

body.theme-pink a.btn-inspiration {
    background: linear-gradient(45deg, #ff89b5, #f53c86);
}

body.theme-orange a.btn-inspiration {
    background: linear-gradient(45deg, #f59c1a, #c47605);
}

body.theme-yellow a.btn-inspiration {
    background: linear-gradient(45deg, #fcc419, #d9a400);
}

body.theme-lime a.btn-inspiration {
    background: linear-gradient(45deg, #a0d521, #7baf01);
}

body.theme-green a.btn-inspiration {
    background: linear-gradient(45deg, #00b65a, #008c45);
}

body.theme-cyan a.btn-inspiration {
    background: linear-gradient(45deg, #348fe2, #1a71c2);
}

body.theme-blue a.btn-inspiration {
    background: linear-gradient(45deg, #49b6d6, #1399bd);
}

body.theme-purple a.btn-inspiration {
    background: linear-gradient(45deg, #727cb6, #4b5490);
}

body.theme-indigo a.btn-inspiration {
    background: linear-gradient(45deg, #6b56c4, #44329a);
}

body.theme-gray-600 a.btn-inspiration {
    background: linear-gradient(45deg, #585f65, #363b3f);
}
/* Para el tema "Black" */


/* --- 3. Ajuste para el modo oscuro --- */
/* Aumenta el brillo del botón en modo oscuro para que resalte más */
[data-bs-theme="dark"] a.btn-inspiration {
    filter: brightness(1.2);
}


/*
 * ===================================================================
 * Estilos para el botón de inspiración en modo minimizado
 * ===================================================================
 */

/* Cuando el sidebar se minimiza... */
.app-sidebar-minified .btn-inspiration .btn-inspiration-text {
    /* Ocultamos el texto */
    display: none;
}

.app-sidebar-minified .btn-inspiration .fa-lightbulb {
    /* Quitamos el margen derecho del ícono para que quede centrado */
    margin-right: 0 !important;
}