/* Conteneur des boutons */
        .button-group {
            display: flex;
            justify-content: center;
            gap: 15px;
            margin: 20px 0;
            flex-wrap: wrap;
        }
        
        /* Style commun pour tous les boutons */
        .btn-forum {
            padding: 3px 6px;
            font-size: 12px;
            font-weight: 600;
            border: none;
            border-radius: 8px;
            cursor: pointer;
            transition: all 0.3s ease;
            display: inline-flex;
            align-items: center;
            gap: 10px;
            font-family: inherit;
            position: relative;
            overflow: hidden;
        }
        
        /* Pour l'arabe - garder l'icône avant le texte (à droite) */
        .btn-forum i {
            order: 0; /* icône en premier (à droite en RTL) */
        }
        
        .btn-forum span {
            order: 1;
        }
        
        /* Bouton Ajouter un topic */
        .btn-topic {
            background: linear-gradient(135deg, #0e700fb8 0%, #0e700f 100%);
            color: white;
            box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);
        }
        
        .btn-topic:hover {
            transform: translateY(-2px);
            box-shadow: 0 6px 20px rgba(102, 126, 234, 0.6);
        }
        
        .btn-topic:active {
            transform: translateY(0);
        }
        
        /* Bouton Réponse rapide */
        .btn-reply {
            background: linear-gradient(135deg, #409bd9 0%, #03759d 100%);
            color: white;
            box-shadow: 0 4px 15px #409bd966;
        }
        
        .btn-reply:hover {
            transform: translateY(-2px);
            box-shadow: 0 6px 20px #a3bec8;
        }
        
        .btn-reply:active {
            transform: translateY(0);
        }
.btn-no-topic {
            background: linear-gradient(135deg, #f44336ad 0%, #c70f0f 100%);
            color: white;
            box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);
        padding:3px;
border-radius:5px;
font-size:13px;
}
        
        .btn-no-topic:hover {
            transform: translateY(-2px);
            box-shadow: 0 6px 20px rgba(102, 126, 234, 0.6);
        }
        
        .btn-no-topic:active {
            transform: translateY(0);
        }
        
        /* Bouton Éditeur avancé */
        .btn-advanced {
            background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
            color: #333;
            box-shadow: 0 4px 15px rgba(67, 233, 123, 0.4);
        }
        
        .btn-advanced:hover {
            transform: translateY(-2px);
            box-shadow: 0 6px 20px rgba(67, 233, 123, 0.6);
        }
        
        .btn-advanced:active {
            transform: translateY(0);
        }
        
        /* Version glassmorphism */
        .btn-glass {
            background: rgb(42 99 13);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.3);
            color: white;
        }
        
        .btn-glass:hover {
            background: rgb(14 112 15);
            backdrop-filter: blur(15px);
        }
        
        /* Version glass2 */
        .btn-glass2 {
            background: #03759d;
            backdrop-filter: blur(8px);
            border: 1px solid rgba(255, 255, 255, 0.2);
            color: white;
        }
        
        .btn-glass2:hover {
            background: #03759d;
            backdrop-filter: blur(15px);
        }
        
        /* Animation de clic */
        .btn-forum::before {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            width: 0;
            height: 0;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.5);
            transform: translate(-50%, -50%);
            transition: width 0.6s, height 0.6s;
        }
        
        .btn-forum:active::before {
            width: 300px;
            height: 300px;
        }
        
        /* Zone de démonstration */
        .demo-area {
            margin-top: 30px;
            padding: 20px;
            background: #f5f5f5;
            border-radius: 10px;
            text-align: center;
            color: #666;
            font-size: 14px;
        }
        
        /* Responsive */
        @media (max-width: 480px) {
            .button-group {
                flex-direction: column;
                gap: 10px;
            }
            
            .btn-forum {
                justify-content: center;
                display:inline-block;
            }
            
            .container {
                padding: 20px;
            }
        }
        
        /* Badge de démonstration */
        .demo-badge {
            background: #e0e0e0;
            padding: 5px 10px;
            border-radius: 5px;
            font-size: 12px;
            color: #666;
            margin-top: 10px;
        }
        
        /* Ajustements pour l'arabe */
        .arabic-text {
            font-family: 'Segoe UI', 'Tahoma', 'Traditional Arabic', 'Arial', sans-serif;
        }