/******************
    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
*/
/* hide help text and icon */
.questionhelp,
.emtip,
.question-help-container,
.fa-question-circle {
  display: none;
}

/* hide the choose one of the following answers line */
.text-info,
.question-information {
  display: none ;
}
/* Farmina blue */
:root { --farmina-blue: #0071BC; --farmina-blue-dark: #005f9d; }

/* Buttons */
.btn,
.ls-button-submit,
.ls-move-btn,
.navbar .btn {
  background-color: var(--farmina-blue) !important;
  border-color: var(--farmina-blue) !important;
  color: #fff !important;
}
.btn:hover,
.ls-button-submit:hover,
.ls-move-btn:hover,
.navbar .btn:hover {
  background-color: var(--farmina-blue-dark) !important;
  border-color: var(--farmina-blue-dark) !important;
  color: #fff !important;
}

/* Links and focus */
a,
a:visited { color: var(--farmina-blue) !important; }
a:hover { color: var(--farmina-blue-dark) !important; }

/* Progress bar */
.progress-bar { background-color: var(--farmina-blue) !important; }

/* Headings, survey name */
.survey-name,
h1, h2, h3 { color: var(--farmina-blue) !important; }

/* Remove default green accents */
.text-success,
.alert-success,
.badge-success,
.btn-success,
.label-success {
  color: #333 !important;
  background-color: #e6f2fb !important;
  border-color: var(--farmina-blue) !important;
}

/* Radio and checkbox active states */
.custom-control-input:checked ~ .custom-control-label::before,
input[type="radio"]:checked + label::before,
input[type="checkbox"]:checked + label::before {
  background-color: var(--farmina-blue) !important;
  border-color: var(--farmina-blue) !important;
}

/* Nav tabs, pager, next and previous buttons */
.pagination > li > a,
.pagination > li > span,
.nav-tabs .nav-link.active,
.nav-pills .nav-link.active {
  background-color: var(--farmina-blue) !important;
  border-color: var(--farmina-blue) !important;
  color: #fff !important;
}

/* Keep text readable */
body { color: #333 !important; }

/* --- Farmina brand overrides: fix lingering green text --- */
a,
a:visited,
a:hover,
a:focus {
  color: #0072ce !important; /* Farmina Blue */
  text-decoration: none !important;
}

.text-success,
.text-primary,
.text-info,
.progress-bar,
.bg-success,
.bg-primary,
.bg-info {
  color: #0072ce !important;
}

body,
.question-text,
.help-block,
.text-muted {
  color: #222 !important; /* Clean readable dark text */
}

.btn-link {
  color: #0072ce !important;
}

.alert-success,
.alert-info {
  border-color: #0072ce !important;
  background-color: #e6f1fb !important;
  color: #004d99 !important;
}
/* --- Farmina brand overrides: fix lingering green text --- */
a,
a:visited,
a:hover,
a:focus {
  color: #0072ce !important; /* Farmina Blue */
  text-decoration: none !important;
}

.text-success,
.text-primary,
.text-info,
.progress-bar,
.bg-success,
.bg-primary,
.bg-info {
  color: #0072ce !important;

}

body,
.question-text,
.help-block,
.text-muted {
  color: #222 !important; /* Clean readable dark text */
}

.btn-link {
  color: #0072ce !important;
}

.alert-success,
.alert-info {
  border-color: #0072ce !important;
  background-color: #e6f1fb !important;
  color: #004d99 !important;
}
/* Override Fruity theme green text with Farmina blue */
.fruity .text-info,
.fruity .text-primary,
.fruity .text-success {
  color: #0071BC !important;
}
/* Match button and alert colors */
.fruity .btn-success,
.fruity .alert-success,
.fruity .progress-bar-success {
  background-color: #0071BC !important;
  border-color: #0071BC !important;
}

.fruity a,
.fruity a:visited {
  color: #0071BC !important;
}
.fruity a:hover {
  color: #005f9d !important;
}
.survey-description {
    display: block !important;
    color: #333 !important;
    font-size: 1.1em;
    margin-top: 10px;
}
/* Always show the logo and keep it on the left in Fruity */
.fruity .navbar .navbar-brand {
  order: 0;              /* leftmost in flex row */
  margin-right: auto;    /* push everything else to the right */
  margin-left: 0;
  display: block !important;
}
.fruity .navbar .navbar-brand img {
  height: auto !important;
  width: auto !important;
  max-width: 250px !important;  /* caps the logo width on large screens */
  max-height: 80px !important;  /* keeps it from growing too tall */
  display: block;
  object-fit: contain;
}

/* Ensure other header items follow the brand */
.fruity .navbar .navbar-toggler { order: 1; }
.fruity .navbar .navbar-collapse { order: 2; }

/* Prevent theme or utilities from hiding the brand on mobile */
.fruity .navbar .navbar-brand.d-none,
.fruity .navbar .navbar-brand .d-none {
  display: block !important;
}
@media (max-width: 576px) {
  .fruity .navbar .navbar-brand img {
    max-height: 36px;
    height: 36px;
  }
}

/* If the theme used right alignment helpers, neutralize them */
.fruity .navbar .navbar-brand.ml-auto,
.fruity .navbar .navbar-brand.ms-auto {
  margin-left: 0 !important;
  margin-right: auto !important;
}