/* Culturespaces - Configuration CSS personnalisée */

/* Import de la police Montserrat depuis Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');

/* Configuration générale de la police */
* {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    line-height: 1.5;
}

/* Surcharge de la couleur principale */
:root {
    --primary-color: #6AB2D3;
    --primary-color-hover: #5a9bc0;
}

/* Éléments avec la couleur principale */
.tb-topic-card,
.tb-question,
.SBA-button,
.tb-faq-w-container,
.tb-container-topics li,
.tb-li-question,
.arrow_icon,
.topic_icon,
button,
input[type="button"],
input[type="submit"],
a,
.topic_icon, .arrow_icon {
    color: #6AB2D3;
}

/* Bordures et backgrounds avec la couleur principale */
.tb-topic-card:hover,
.tb-question:hover,
.SBA-button:hover,
.tb-container-topics li:hover,
.tb-li-question:hover {
    border-color: #6AB2D3;
}

/* Titres et textes */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif;
    color: #6AB2D3;
}

a:hover {
    color: #5a9bc0;
}

#faq-teambrain h1, #faq-teambrain h2, #section-search-text-above-bar {
    font-family: 'Montserrat', sans-serif;
}

/* Boutons */
button, .SBA-button, input[type="button"], input[type="submit"] {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    background-color: #6AB2D3;
}

button:hover, .SBA-button:hover, input[type="button"]:hover, input[type="submit"]:hover {
    background-color: #5a9bc0;
    border-color: #5a9bc0;
}

p, span, div, li, td, th, a,
.tb-container-topics li,
input[type="text"], input[type="search"], input[type="email"], textarea,
.tb-li-question, .SBA-input-search input,
#faq-teambrain .tb-ariane {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
}

.tb-topic-card:hover, .SBA-input-search button {
    background-color: #6AB2D3;
}

.tb-li-question:hover {
    border-color: #6AB2D3;
    color: #6AB2D3;
}

/* Ajustements spécifiques pour les éléments FAQ */
#faq-teambrain-all,
#faq-teambrain-content,
.tb-container-topics {
    font-family: 'Montserrat', sans-serif;
}

/* Réorganisation de l'ordre des sections */
#faq-teambrain {
    display: flex;
    flex-direction: column;
}

/* Placer les questions fréquentes AVANT les topics */
#faq-teambrain-content-questions {
    order: 1;
}

#faq-teambrain-content-topic {
    order: 2;
}

/* Alternative avec CSS Grid (décommentez si vous préférez) */
/*
#faq-teambrain {
    display: grid;
    grid-template-areas: 
        "search"
        "questions"
        "topics";
}

#faq-teambrain .sectionsearch {
    grid-area: search;
}

#faq-teambrain-content-questions {
    grid-area: questions;
}

#faq-teambrain-content-topic {
    grid-area: topics;
}
*/

/* Réorganisation de l'ordre des topics */
.topics-content .topics {
    display: flex;
    flex-direction: column;
}

/* Surcharge des couleurs dans les SVG si nécessaire */
.topic_icon svg,
.arrow_icon svg {
    fill: #6AB2D3;
}

/* Styles pour les messages d'erreur */
.error_page_title,
.error_page_description,
.tb-topic-card {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    color: #6AB2D3;
}