/*******************************
  Eastbourne brand layer (simple, readable)
  Font: Poppins
  Primary: #d6026d
  Secondary/teal: #02adbb
*******************************/

/* If Poppins isn’t already loaded globally, uncomment:
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap');
*/

/* Base type */
body,
#outerframeContainer {
  font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI",
               Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans",
               sans-serif;
  color: #0f172a;
}

/* Links */
#outerframeContainer a,
#outerframeContainer a:visited {
  color: #d6026d;
  text-decoration: none;
}
#outerframeContainer a:hover,
#outerframeContainer a:focus {
  color: #b10057;
  text-decoration: underline;
}

/* Labels */
#outerframeContainer label {
  font-weight: 500;
  color: #0f172a;
}

/* Question panels */
#outerframeContainer .question-container {
  border: 1px solid #e5e7eb;
  background: #f0fbfc;            /* subtle teal tint */
  border-radius: 12px;
  overflow: hidden;
}
#outerframeContainer .question-title-container { padding: 16px 18px; }
#outerframeContainer .ls-answers { padding: 12px 18px 18px; }

/* Inputs */
#outerframeContainer .form-control,
#outerframeContainer select.form-control,
#outerframeContainer textarea.form-control,
#outerframeContainer input[type="text"],
#outerframeContainer input[type="email"],
#outerframeContainer input[type="number"],
#outerframeContainer input[type="tel"],
#outerframeContainer input[type="url"],
#outerframeContainer input[type="search"],
#outerframeContainer input[type="password"] {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 12px 14px;
  height: auto;
  box-shadow: none;
  transition: border-color .15s ease, box-shadow .15s ease;
}
#outerframeContainer .form-control::placeholder { color: #6b7280; }
#outerframeContainer .form-control:focus,
#outerframeContainer select:focus,
#outerframeContainer textarea:focus {
  border-color: #02adbb;
  box-shadow: 0 0 0 3px rgba(2,173,187,.25);
  outline: 0;
}

/* Required markers & validation */
#outerframeContainer .asterisk,
#outerframeContainer .text-danger,
#outerframeContainer .has-error .help-block {
  color: #d6026d;
  font-weight: 600;
}

/* Buttons (global) */
#outerframeContainer .btn,
#outerframeContainer .btn-primary,
#outerframeContainer .btn-default {
  border-radius: 999px;  /* pill */
  padding: 12px 22px;
  font-weight: 600;
  border-width: 0;
  box-shadow: none;
}

/* Primary (Next/Submit) */
#outerframeContainer .btn-primary,
#outerframeContainer .ls-action--submit .btn,
#outerframeContainer .ls-move-next-btn .btn,
#outerframeContainer .ls-move-submit .btn {
  background: #d6026d;
  border-color: #d6026d;
  color: #ffffff;
}
#outerframeContainer .btn-primary:hover,
#outerframeContainer .ls-action--submit .btn:hover,
#outerframeContainer .ls-move-next-btn .btn:hover,
#outerframeContainer .ls-move-submit .btn:hover {
  background: #b10057;
}

/* Secondary (Back/Cancel) */
#outerframeContainer .btn-default,
#outerframeContainer .ls-move-prev-btn .btn,
#outerframeContainer .ls-clearall .btn,
#outerframeContainer .ls-cancel .btn {
  background: transparent;
  color: #02adbb;
  border: 2px solid #02adbb;
}
#outerframeContainer .btn-default:hover,
#outerframeContainer .ls-move-prev-btn .btn:hover,
#outerframeContainer .ls-clearall .btn:hover,
#outerframeContainer .ls-cancel .btn:hover {
  background: #02adbb;
  color: #ffffff;
}

/* Progress bar */
#outerframeContainer .progress {
  background: #eaf7f9;
  border-radius: 999px;
  height: 14px;
}
#outerframeContainer .progress .progress-bar {
  background: #02adbb;
  font-size: 12px;
  line-height: 14px;
  border-radius: 999px;
}

/* Top intro panel */
#outerframeContainer .top-container .top-content {
  background: #f0fbfc;
  border-radius: 12px;
  padding: 14px 16px;
}

/* Intro / description text – teal */
#outerframeContainer .survey-description,
#outerframeContainer .survey-description p,
#outerframeContainer .survey-description b,
#outerframeContainer .survey-description strong,
#outerframeContainer .survey-description h3,
#outerframeContainer .survey-description h4,
#outerframeContainer .survey-welcome,
#outerframeContainer .survey-welcome p,
#outerframeContainer .survey-welcome h3,
#outerframeContainer .survey-welcome h4 {
  color: #02adbb;
}
#outerframeContainer .survey-description a,
#outerframeContainer .survey-welcome a { color: #02adbb; }
#outerframeContainer .survey-description a:hover,
#outerframeContainer .survey-welcome a:hover {
  color: #028d96;
  text-decoration: underline;
}

/* Tables in questions – lighter lines */
#outerframeContainer .table-bordered > thead > tr > th,
#outerframeContainer .table-bordered > thead > tr > td,
#outerframeContainer .table > tbody > tr > td,
#outerframeContainer .table > tbody > tr > th {
  border-color: #e5e7eb;
}

/* Modals */
#outerframeContainer .modal-content { border-radius: 14px; }

/* Radios / checkboxes spacing for touch */
#outerframeContainer .radio-item label,
#outerframeContainer .checkbox-item label { padding: 6px 0; }

/* Mobile buttons full-width */
@media (max-width: 767px) {
  #outerframeContainer .btn,
  #outerframeContainer .btn-primary,
  #outerframeContainer .btn-default { width: 100%; }
}

/* Keep your existing custom rules */
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td { border: 1px solid #dadada; }

.question-container .question-item .answertext .answer-item { text-align: left; }
.form-horizontal.control-label { text-align: left; }

/* ──────────────────────────────────────────────────────────────
   PURE CSS: keep an answer "selected" after click (no JS)
   Works when the input appears before its label in the DOM,
   which is how LimeSurvey renders list radios/checkboxes.
   ────────────────────────────────────────────────────────────── */

/* Standard list (radio/checkbox) – selected look */
#outerframeContainer .answers input[type="radio"]:checked + label,
#outerframeContainer .answers input[type="checkbox"]:checked + label,
#outerframeContainer input[type="radio"]:checked + label,
#outerframeContainer input[type="checkbox"]:checked + label {
  background: #d6026d;          /* brand magenta */
  color: #fff;
  border-color: #b10057;
  box-shadow: 0 0 0 3px rgba(214, 2, 109, 0.15);
  border-radius: 999px;          /* in case labels are styled as pills */
  transition: background .15s ease, box-shadow .15s ease, color .15s ease;
}

/* Outline-style answer buttons turn TEAL when selected */
#outerframeContainer input[type="radio"]:checked + label.btn-outline-primary,
#outerframeContainer input[type="radio"]:checked + label.btn-outline-secondary,
#outerframeContainer input[type="radio"]:checked + label.btn-outline-success,
#outerframeContainer input[type="radio"]:checked + label.btn-outline-danger,
#outerframeContainer input[type="radio"]:checked + label.btn-outline-warning,
#outerframeContainer input[type="radio"]:checked + label.btn-outline-info,
#outerframeContainer input[type="radio"]:checked + label.btn-outline-light,
#outerframeContainer input[type="radio"]:checked + label.btn-outline-dark,
#outerframeContainer input[type="checkbox"]:checked + label.btn-outline-primary,
#outerframeContainer input[type="checkbox"]:checked + label.btn-outline-secondary,
#outerframeContainer input[type="checkbox"]:checked + label.btn-outline-success,
#outerframeContainer input[type="checkbox"]:checked + label.btn-outline-danger,
#outerframeContainer input[type="checkbox"]:checked + label.btn-outline-warning,
#outerframeContainer input[type="checkbox"]:checked + label.btn-outline-info,
#outerframeContainer input[type="checkbox"]:checked + label.btn-outline-light,
#outerframeContainer input[type="checkbox"]:checked + label.btn-outline-dark {
  background-color: #02adbb;   /* teal */
  color: #fff;
  border-color: #028d96;
}

/* Optional: clearer keyboard focus for accessibility */
#outerframeContainer .answers input[type="radio"] + label:focus-visible,
#outerframeContainer .answers input[type="checkbox"] + label:focus-visible {
  outline: 3px solid #02adbb;
  outline-offset: 2px;
}