/* ===================================================
   CHATBOT ENHANCED STYLES - Modifications personnalisées
   =================================================== */
/*
   Modifications demandées:
   - Police: Courier New (monospace)
   - Taille: x1.5 (agrandie)
   - Couleurs lignes: Bleu azur / Jaune alternés
   - Couleur texte: Conservée (noir/blanc)
*/

/* ========== POLICE ET TAILLE ========== */
/* Application d'une police standard et augmentation taille x1.5 sur tout le chatbot */
.chatbot-container {
    font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Arial, sans-serif;
    font-size: 1.5em; /* Augmentation x1.5 de la taille de base */
}

/* Header du chatbot - Police standard */
.chatbot-header h3 {
    font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Arial, sans-serif;
    font-size: 1.65rem; /* 1.1rem x 1.5 = 1.65rem */
}

/* Messages - Police standard et taille augmentée */
.message-content {
    font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Arial, sans-serif;
    font-size: 1.425rem; /* 0.95rem x 1.5 = 1.425rem */
    line-height: 1.6; /* Augmenté pour meilleure lisibilité */
}

/* Texte dans les paragraphes des messages */
.message-content p {
    font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Arial, sans-serif;
    line-height: 1.8; /* Espacement accru pour meilleure lisibilité */
}

/* Listes dans les messages */
.message-content ul,
.message-content li {
    font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Arial, sans-serif;
    font-size: 1.35rem; /* 0.9rem x 1.5 = 1.35rem */
}

/* Input de saisie */
.chatbot-input input {
    font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Arial, sans-serif;
    font-size: 1.425rem; /* 0.95rem x 1.5 = 1.425rem */
    padding: 1.125rem 1.5rem; /* Augmenté pour compenser la taille */
}

/* Bouton Envoyer */
.chatbot-input button {
    font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Arial, sans-serif;
    font-size: 1.2rem;
    padding: 1.125rem 2.25rem; /* Augmenté pour compenser */
}

/* Disclaimer */
.chatbot-disclaimer {
    font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Arial, sans-serif;
    font-size: 1.2rem; /* 0.8rem x 1.5 = 1.2rem */
}

/* ========== SPECTRE DE COULEURS BLEU AZUR / JAUNE ========== */
/* Couleurs alternées pour les lignes du tableau (messages bot) */

/* Couleur 1: Bleu azur (#007FFF - Azure Blue) */
.chat-message.bot:nth-child(odd) .message-content {
    background: linear-gradient(135deg, #007FFF 0%, #0059B3 100%);
    border-left: 5px solid #0059B3;
}

/* Couleur 2: Jaune (#FFD700 - Gold) */
.chat-message.bot:nth-child(even) .message-content {
    background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);
    border-left: 5px solid #FFA500;
}

/* Messages bot - Couleur texte CONSERVÉE (noir pour lisibilité sur jaune) */
.chat-message.bot:nth-child(odd) .message-content {
    color: #FFFFFF; /* Blanc sur bleu azur (bon contraste) */
}

.chat-message.bot:nth-child(even) .message-content {
    color: #1A1A1A; /* Noir sur jaune (bon contraste) */
}

/* Avatar bot avec gradient bleu azur */
.chat-message.bot .message-avatar {
    background: linear-gradient(135deg, #007FFF 0%, #0059B3 100%);
}

/* ========== AJUSTEMENTS POUR LISIBILITÉ ========== */

/* Augmentation padding pour messages plus grands */
.message-content {
    padding: 1.5rem; /* Augmenté de 1rem à 1.5rem */
}

/* Espacement entre messages augmenté */
.chat-message {
    margin-bottom: 2.25rem; /* Augmenté de 1.5rem à 2.25rem */
}

/* Zone de messages - padding augmenté */
.chatbot-messages {
    padding: 2.25rem; /* Augmenté de 1.5rem à 2.25rem */
}

/* Ajustement largeur bulle pour texte plus grand */
.message-content {
    max-width: 75%; /* Augmenté de 70% à 75% */
}

/* ========== EFFETS VISUELS AMÉLIORÉS ========== */

/* Ombre portée plus prononcée pour les messages */
.message-content {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

/* Effet hover sur les messages bot */
.chat-message.bot .message-content:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);
}

/* Animation d'apparition améliorée */
@keyframes slideInEnhanced {
    from {
        opacity: 0;
        transform: translateY(20px) scale(0.95);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.chat-message {
    animation: slideInEnhanced 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ========== RESPONSIVE MOBILE ========== */
@media (max-width: 768px) {
    /* Réduction taille police sur mobile (toujours x1.5 mais depuis base plus petite) */
    .chatbot-container {
        font-size: 1.35em; /* Légèrement réduit pour mobile */
    }

    .message-content {
        font-size: 1.275rem;
        padding: 1.25rem;
        max-width: 85%; /* Plus large sur mobile */
    }

    .chatbot-input input {
        font-size: 1.275rem;
        padding: 1rem 1.25rem;
    }
}

/* ========== STYLING ADDITIONNEL POUR ÉLÉMENTS SPÉCIAUX ========== */

/* Strong (gras) dans les messages */
.message-content strong {
    font-weight: 700;
    font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Arial, sans-serif;
}

/* Liens dans les messages */
.message-content a {
    color: inherit;
    text-decoration: underline;
    font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Arial, sans-serif;
}

/* Code inline dans les messages */
.message-content code {
    font-family: 'Courier New', Courier, monospace; /* Code garde monospace */
    background: rgba(0, 0, 0, 0.1);
    padding: 0.2rem 0.4rem;
    border-radius: 4px;
}

/* Checkmarks et émojis - garder taille normale */
.message-content span[style*="color"] {
    font-size: 1.2em; /* Légèrement plus grand que le texte */
}