/* === GENERAL STYLES === */

/* Change background color */
body {
    background-color: #182A47;
}

/* Change main text color */
body, p, h1, h2, h3, h4, h5, h6, label {
    color: #FFFFFF;
}

/* General bold text styling (green) */
b, strong {
    color: #AAC91A !important;
}

/* Exception: Keep question titles white even if bold */
.ls-label-question strong,
.ls-label-question b {
    color: #FFFFFF !important;
}

/* === ANSWER TEXT COLORS === */

/* Make checkbox labels dark blue (on white background) */
.checkbox-label.control-label,
.radio-item label,
.radio-item .control-label {
    color: #182A47 !important;
}

/* === MAP QUESTION CUSTOMIZATION === */

/* Hide the geolocation search input */
.ls-geoloc-search {
    display: none !important;
}

/* Hide the search icon wrapper */
.input-group-text.search-icon,
.input-group {
    display: none !important;
}

/* Hide any remaining geolocation input fields */
.geoname_search input[type="text"] {
    display: none !important;
}

/* Hide labels above the map (if any) */
.geoname_search label {
    display: none !important;
}

/* Hide coordinate input fields (latitude & longitude) */
.coordinate-item {
    display: none !important;
}

/* === INFO / TIP MESSAGES === */

/* Left-align help/tip messages below questions */
.ls-question-message {
    text-align: left !important;
}
/* Hide the survey title from the user */
#survey-header,
h1.survey-title,
.survey-name {
    display: none !important;
}
#survey-header {
    margin: 0 !important;
    padding: 0 !important;
}

/* not needed after generic helper text removal is implemented
#question63 .questionhelp {
    display: none !important;
}
#question70 .questionhelp {
    display: none !important;
}
*/

.leaflet-control-layers {
    display: none !important;
}


/* Hide helper text under all map questions */
div[id^="question"] .questionhelp {
    display: none !important;
}

/* Force the Bootstrap-style progress bar to the bottom */
.progress {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 9999;
    background-color: #182A47 !important;
    padding: 4px 0;
    display: block !important;
}

/* Optional: Style the inner progress bar (if using Bootstrap default) */
.progress-bar {
    background-color: #AAC91A !important; /* your lime green */
    height: 8px !important;
}
/* Remove vertical space above where progress bar was */
.top-container {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Optional: remove space around visually hidden progress text */
.visually-hidden {
    margin: 0 !important;
    padding: 0 !important;
}
/* Style mandatory validation message */
.modal-body,
.modal-content,
.modal-header,
.alert,
.alert-danger {
    color: #182A47 !important;  /* Dark blue text */
    background-color: #FFFFFF !important; /* Ensure readable background */
}

/* Optional: style the OK button inside the modal */
.modal-footer .btn {
    background-color: #AAC91A !important;  /* Lime green button */
    color: #182A47 !important;  /* Blue text */
}

/* Force validation text inside modal to be readable */
.modal-body,
.modal-body p,
.modal-body strong,
.modal-body span {
    color: #182A47 !important; /* Dark blue */
    background-color: #FFFFFF !important;
}
.modal {
    z-index: 99999 !important;
}

.modal-backdrop {
    z-index: 99998 !important;
}
.progress {
    z-index: 9999 !important;
}

.hidden-question {
  display: none !important;
}

#error-card {
    background-color: #182A47 !important; /* Light blue background */
    border: 1px solid #FFFFFF; /* Optional: blue border */