/******************
    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
*/

/* Verberg de standaard LimeSurvey footer en logo's op de indexpagina */
.powered-by, 
#limesurvey-powered,
.footer {
    display: none !important;
}
/* Zorg dat je eigen footer (als je die in footer.twig hebt gezet) wel zichtbaar blijft */
#jouw-eigen-footer {
    display: block !important;
}

.navbar-brand.logo-container {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    margin: 0px 0 !important;
    float: none !important;
}

#surveys-list-jumbotron, 
.row.justify-content-center.mb-3:has(#surveys-list-jumbotron) {
    display: none !important;
}


.ls-logo, 
svg.ls-logo, 
.survey-list-heading svg, 
.navbar-brand svg {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
}

/* --- DÉHORA BRANDING: OVERRIDE GRAPE THEME --- */

/* 1. Algemene kleuren en variabelen */
:root {
    --bs-primary: #FF4905 !important;
    --bs-info: #FF4905 !important;
    --bs-primary-rgb: 255, 73, 5 !important;
    --bs-info-rgb: 255, 73, 5 !important;
}

/* 2. Knoppen (Main buttons zoals Volgende/Verzenden) */
.btn-primary {
    background-color: #FF4905 !important;
    border-color: #FF4905 !important;
    color: #ffffff !important;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-color: #e63e00 !important;
    border-color: #e63e00 !important;
}

/* 3. Voortgangsbalk (Progress bar) */
.progress-bar {
    background-color: #FF4905 !important;
}