/* Fichier: css/style.css */

* {
    font-family: 'Poppins', sans-serif;
}

.text-purple {
    color: #667eea;
}

.text-orange {
    color: #f97316;
}

.btn-purple {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    border: none;
    transition: all 0.3s ease;
}

.btn-purple:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
    color: white;
}

.bg-gradient-to-r {
    background-size: 100% 100%;
}

.bg-gradient-to-r.from-yellow-500.to-orange-600 {
    background: linear-gradient(135deg, #eab308 0%, #ea580c 100%);
}

.bg-gradient-to-r.from-gray-50.to-purple-50 {
    background: linear-gradient(135deg, #f9fafb 0%, #faf5ff 100%);
}

.bg-gradient-to-r.from-purple-600.to-blue-600 {
    background: linear-gradient(135deg, #7c3aed 0%, #2563eb 100%);
}

.bg-gradient-to-r.from-blue-500.to-purple-600 {
    background: linear-gradient(135deg, #3b82f6 0%, #7c3aed 100%);
}

.bg-gradient-to-r.from-pink-500.to-orange-500 {
    background: linear-gradient(135deg, #ec4899 0%, #f97316 100%);
}

.bg-gradient-to-r.from-green-500.to-teal-500 {
    background: linear-gradient(135deg, #10b981 0%, #14b8a6 100%);
}

.bg-gradient-to-r.from-yellow-100.to-orange-100 {
    background: linear-gradient(135deg, #fef08a 0%, #fed7aa 100%);
}

.bg-gradient-to-r.from-purple-100.to-blue-100 {
    background: linear-gradient(135deg, #f3e8ff 0%, #dbeafe 100%);
}

.bg-opacity-10 {
    opacity: 0.1;
}

.navbar {
    transition: all 0.3s ease;
}

.card-hover {
    transition: all 0.3s ease;
}

.card-hover:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.15) !important;
}

/* Protection - Version stable sans erreur */
* {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

img {
    pointer-events: auto;  /* Garder les images cliquables */
    -webkit-user-drag: none;
}

/* Si vous voulez vraiment empêcher le glisser des images */
img[draggable="true"] {
    -webkit-user-drag: none;
}

::selection {
    background: transparent;
}

::-moz-selection {
    background: transparent;
}