/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/

/* Par defaut Tahoma */
body.fruity_twentythree {
    font-family: "filson-pro", sans-serif;
    font-style: normal;
    font-weight: 300;
}

/* Fruity rend les titres de groupe en <div class="group-title">, plus en <h2> */
.group-title {
    font-family: "filson-pro", sans-serif !important;
    font-weight: 300 !important;
    font-style: normal;
}

.text-primary {
     color: #000000;
}

h4, .h4, .survey-welcome, .completed-text {
    font-family: "filson-pro", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.survey-name {
    font-family: "filson-pro", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.ls-answers label, .ls-answers th, .control-label {
    font-family: "filson-pro", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.text-info {
    color: #57688b;
}

.progress-bar {
     background-color: #57688b;
}

#welcome-container {
    max-width: 100%;
}

/* Réduit l'espace vertical entre les groupes de questions */
.space-col {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.group-container .group-title {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Questions de type "Texte libre / Boilerplate" (ex: mentions RGPD) :
   on annule le style "titre de question" hérité de fruity */
.boilerplate .ls-label-question {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
}

/* Les <p> à l'intérieur héritent, on force le poids normal */
.boilerplate .ls-label-question p {
    font-weight: 400;
}

/* Les <strong> du texte (ex: "Responsable du traitement –") restent en gras,
   mais avec un poids raisonnable, pas le 600 hérité en cascade */
.boilerplate .ls-label-question strong {
    font-weight: 600;
}

/* Le tout premier paragraphe (le "titre" du bloc RGPD) peut rester
   un peu plus grand pour marquer la hiérarchie */
.boilerplate .ls-label-question p:first-child {
    font-size: 18px;
}

.question-container .asterisk {
  color: #e85145;
}

/* ===== Bannière ===== */
#survey-nav.navbar {
    position: relative !important; /* on désactive le fixed-top pour repasser en flux normal */
    width: 100%;
    height: auto !important;
    min-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: 1px solid #000 !important;
}

#survey-nav .container-fluid {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    height: auto !important;
    position: relative;
    position: relative;
    overflow: visible;
}

.brand-logo{
    padding-top:0px !important;
}

.navbar-brand.logo-container {
    width: 100%;
    height: auto !important;
    padding: 0;
    margin: 0;
    background-color: #f8f8f8;
    max-width: none !important;
    display: block !important;
    overflow-x: hidden;
    overflow-y: visible;
}

.navbar-brand.logo-container .logo {
    min-height: 4rem !important;
    width: 100%;
    padding: 0;
    line-height: 0;
    display: block;
    object-fit: cover;
    object-position: left top;
}



/* ===== Bloc menu — fondu dans la bannière, jamais en dessous ===== */
#navbar-menu.dropdown {
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    width: auto;
    height: auto;
    margin: 0;
    z-index: 10;
    display: flex;
    align-items: center;
    background-color: rgba(248, 248, 248, 0.85);
    border-radius: 0 0 0 4px;
}

#navbar-toggler {
    background-color: transparent;
    border: none;
    padding: 0.5rem 1rem;
    margin: 0;
}

#main-dropdown {
    /* le menu déroulant garde son comportement Bootstrap natif (position absolute géré par JS) */
    right: 0;
}

/* ===== Vue mobile ===== */
@media (max-width: 767px) {
    #navbar-menu.dropdown {
        position: absolute;
        top: 50%;
        right: 1rem;
        transform: translateY(-50%);
        background-color: rgba(248, 248, 248, 0.85);
        border-radius: 4px;
    }
}