/******************
    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
*/
/*    BIKAS corporate font style */
body,
html,
h1, h2, h3, h4, h5, h6,
p, label, input, select, textarea,
.navbar, .question-text, .question-container {
    font-family: 'IBM Plex Sans', 'Inter', 'Helvetica Neue', Arial, sans-serif !important;
    font-weight: 400;
    letter-spacing: 0.2px;      
    line-height: 1.3;           
}

/* Headings matching BIKAS look */
h1, h2 {
    font-weight: 600;
    letter-spacing: 0.2px;
    color: #056C78;
}

h3, h4 {
    font-weight: 500;
    color: #1F2D3D;
}

.ls-brand-logo,
.navbar-brand {
    padding: 10px 20px !important;
    display: flex !important;
    align-items: center !important;
}

/*   BIKAS FOOTER STYLE — simple, clean, no background*/
.bikas-footer {
    border-top: 1px solid #e0e0e0;
    margin-top: 40px;
    padding: 15px 20px;
    background-color: #f8f9fb;
    font-size: 12px;
    color: #555;
}

.bikas-footer-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

.bikas-footer-text {
    margin: 0;
    line-height: 1.4;
}

.bikas-footer-sub {
    margin-top: 4px;
    color: #777;
}

.bikas-footer-logo {
    max-height: 40px;
}

html,
body {
    height: 100%;
}

body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

article {
    flex: 1 0 auto;
}

.bikas-footer {
    flex-shrink: 0;
    margin-top: auto;   /* pushes footer down when page is short */
}

/* Change size + alignment of "Other" field in multiple choice */

/* 1) Catch the input by id and by class */
input[id$="other"],
input.othertext,
input.other,
.ls-answers input[type="text"].form-control.othertext {
    max-width: 260px !important;   /* adjust this to change size! */
    width: 260px !important;
    min-width: 200px !important;
    display: inline-block !important;
}

.answer-item.other-item,
.ls-answers .answer-item.other {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}
.answer-item.other-item label,
.ls-answers .answer-item.other label {
    margin: 0 !important;
    white-space: nowrap !important;
}

/*Stop LS from forcing 100% width of "other" box via form-control */
.ls-answers .form-control.othertext {
    flex: 0 0 auto !important;
    width: auto !important;
}

/* Style the asterisk */
.ls-question-title .asterisk {
    margin-left: 0px !important;
    font-size: 15px;
    font-weight: 500;
    color: #C62828;
    position: relative;
    top: -1px;
}

/* Make welcome text use full width of the parent column */
.survey-welcome.form-heading,
.survey-description.form-heading,
#welcome-container,
.welcome,
.ls-survey-welcometext,
.ls-survey-description {
    max-width: none !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}