/* conteneur */
.ham-ai-pro-container { 
    display: flex; 
    flex-direction: column; 
    gap: 18px; 
    font-family: Arial, sans-serif; 
    background: #000000; 
    color: #FFFFFF;
}

/* compact form: input + select + button inline (barre de recherche) */
.ham-ai-form.compact { 
    display: flex; 
    justify-content: center; 
}
#ham-ai-search-form { 
    display: flex; 
    gap: 6px; 
    align-items: center; 
}

/* input */
#ham-ai-query {
    width: 520px;
    padding: 10px 12px;
    border: 2px solid #66FCF1; /* Bordure Vert Cyber */
    border-radius: 8px;
    font-size: 15px;
    background: #000000; /* Fond sombre de l'input */
    color: #FFFFFF; /* Texte de l'input en blanc */
}

/* select mode */
#ham-ai-mode {
    padding: 8px 10px;
    border: 2px solid #66FCF1; /* Bordure Vert Cyber */
    border-radius: 6px;
    background: #000000; /* Fond sombre du select */
    color: #FFFFFF; /* Texte du select en blanc */
    font-size: 14px;
}

/* button */
#ham-ai-submit {
    padding: 10px 12px;
    border: none;
    background: #66FCF1; /* Bouton Vert Cyber (CTA) */
    color: #000000; /* Texte Noir sur CTA */
    font-weight: 600;
    border-radius: 8px;
    cursor: pointer;
    transition: background .2s;
}
#ham-ai-submit:hover { 
    background: #46D4C5; /* Variation de Vert Cyber au survol */
}

/* résultats - Mise en page 2/3 - 1/3 */
.ham-ai-results { 
    display: flex; 
    gap: 18px; 
    flex-wrap: nowrap;
}

.ham-ai-column { 
    background: #090909;
    border: 1px solid #66FCF1;
    border-radius: 10px; 
    padding: 16px; 
    min-height: 180px; 
    box-shadow: 0 0 10px rgba(102, 252, 241, 0.2);
}

/* Colonne Gemini : 3/5 */
#ai-results {
    flex: 3 1 0 !important;
    width: 60% !important;
}

/* Colonne Articles : 2/5 */
#wp-results {
    flex: 2 1 0 !important;
    width: 40% !important;
}

.ham-ai-column h3 { 
    margin-top: 0; 
    color: #66FCF1; /* Titre des colonnes en Vert Cyber */
    font-size: 18px; 
    border-bottom: 2px solid #343D46; /* Ligne de séparation plus sombre */
    padding-bottom: 8px; 
}

/* responsive */
@media(max-width:900px){
    /* En mobile, les colonnes redeviennent à 100% de largeur */
    #ham-ai-query { width: 90%; }
    .ham-ai-column { flex: 1 1 100%; }
    .ham-ai-sidebar { flex-direction: column; }
}
/* HAM ANALYST - Correction couleur du texte IA */
.ham-ai-pro-container #ai-results-content {
    color: #f7f7f7 !important; /* Couleur claire pour le corps du texte */
}
.ham-ai-pro-container #ai-results-content h1, 
.ham-ai-pro-container #ai-results-content h2, 
.ham-ai-pro-container #ai-results-content h3, 
.ham-ai-pro-container #ai-results-content h4 {
    color: #00cccc !important; /* Couleur turquoise pour les titres */
}