/* --- Tharwah brand overrides -------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;600&display=swap');

body                   { background:#f5f4f2; color:#1a1a1a; font-family:"Tajawal",sans-serif !important; }

.navbar,
.btn-primary           { background:#0a4d7a !important; border-color:#0a4d7a !important; }




.progress-bar          { background:#70b23f !important; }

/* headings, helper text, success/info lines */
.text-primary,
.text-info,
.text-success,
.description,
.ls-questionhelp,
.ls-info              { color:#0a4d7a !important; }

/* hyperlinks */
a                      { color:#0a4d7a !important; }

/* radio-/checkbox ticks (modern browsers) */
input[type="radio"]:checked,
input[type="checkbox"]:checked { accent-color:#0a4d7a; }

/* fallback tick for older browsers */
.radio-item  input[type="radio"]:checked  + label::after,
.checkbox-item input[type="checkbox"]:checked + label::after {
    background:#0a4d7a !important;
    border-color:#0a4d7a !important;
}

/* selected row/label */
.ls-selected > label   { color:#0a4d7a !important; }

/* hide Fruity’s extra footer on the survey-list page */
#surveyListFooter      { display:none !important; }

/* Target the actual footer structure */
#poweredby {
    background: #f0f0f0      !important;  /* Gray background */
    background-color: #f0f0f0      !important;
    color: #212529 !important;  /* Dark text */
    width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    padding: 20px 0 !important;
    margin-top: 50px !important;
    border-top: 1px solid #ced4da !important;
}

/* Keep original text colors */
#poweredby * {
    color: #212529 !important;  /* Dark text */
}

#poweredby a {
    color: #0a4d7a !important;  /* Blue links */
    text-decoration: none !important;
}

#poweredby a:hover {
    text-decoration: underline !important;
}
body{
    /* make the whole page a vertical flex-container              */
    display:flex;
    flex-direction:column;
    min-height:100vh;             /* stretch to full viewport     */
}

body > article{
    /* survey content area fills the space and pushes footer down */
    flex:1 1 auto;
}