/* =========================================
   UBONDIA - CSS DE BASE & UTILITAIRES
   Note : Le design est géré à 95% par Tailwind CSS.
   Ce fichier ne contient que des styles natifs globaux.
   ========================================= */

body {
    background-color: #030303;
}

/* =========================================
   SCROLLBAR PREMIUM (WebKit)
   ========================================= */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #030303;
}

::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: #0d6efd;
}

/* =========================================
   EFFETS VISUELS SPÉCIFIQUES
   ========================================= */

/* Effet Glassmorphism pour Navbar / Cartes */
.glass-effect {
    background: rgba(10, 10, 10, 0.7);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

/* Gradients complexes pour les textes */
.text-gradient-blue {
    background: linear-gradient(135deg, #0dcaf0 0%, #0d6efd 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.text-gradient-gold {
    background: linear-gradient(135deg, #ffdb58 0%, #ffc107 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Animations de transition douce sur les cartes */
.premium-hover {
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.premium-hover:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.8);
}

/* Masquer le contenu du menu mobile lorsqu'il est fermé (Gestion JS simplifiée) */
.mobile-menu-open {
    transform: translateX(0) !important;
}
.mobile-menu-closed {
    transform: translateX(100%) !important;
}