/******************
    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
*/

@import url("https://fonts.googleapis.com/css2?family=Sora:wght@400;600&family=Roboto:wght@400;500&display=swap");



#outerframeContainer {
    hyphens: none;
    word-wrap: normal;
    max-width: 1200px;
    background: #FFFFFF;
}

#welcome-container {
     max-width: 100%;
}

/*.btn {
    background-color: #BBBBBB !important;
} */

.form-heading {
    font-weight: 400;
    font-size: 1.1rem;
    line-height: 22px;
}

.large-heading {
    font-weight: 600;
    font-size: 2.2rem;
    line-height: 60px;
}

.container {
  display: flex;
  justify-content: center;
  border-style: none;
}

.cards {
  display: grid;
  width: 630px;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-gap: 0px;
}

/* Style the cards */
.card {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 90px;
  border-color: white;
}

.tostetud1 {
    margin-top: -35px;
}

.tostetud1 .ls-label-question {
    font-weight: 400;
    font-size: 1.1rem;
}

.tostetud1 .question-valid-container {
    display: none;
}

.tostetud2 {
    margin-top: -50px;
}

.tostetud2 .ls-label-question {
    font-weight: 400;
    font-size: 0.95rem;
}

.tostetud2 .question-valid-container {
    display: none;
}



/* Base layout */
.vaide-ab .pair-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 1rem;
  table-layout: fixed;
}

.vaide-ab .pair-table th,
.vaide-ab .pair-table td {
  padding: 0.75rem;
  vertical-align: middle;
}

/* Left & right statements */
.vaide-ab .pair-table td:first-child,
.vaide-ab .pair-table td:last-child {
  text-align: left;
  font-weight: 600;
  white-space: normal;
  word-wrap: break-word;
}

/* Scale headers */
.vaide-ab .pair-scale-header {
  text-align: center;
  font-weight: 600;
  color: #6E748C;
}

/* Option cells */
.vaide-ab .pair-option {
  text-align: center;
  cursor: pointer;
}

/* Fake radio circle */
.vaide-ab .pair-radio {
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 2px solid #9aa0b8;
}

/* Selected state */
.vaide-ab .pair-option.selected .pair-radio {
  border-color: #5076FF;
  box-shadow: 0 0 0 3px rgba(80, 118, 255, 0.2);
  background: radial-gradient(circle, #5076FF 40%, transparent 41%);
}

/* Mobile tweaks */
@media (max-width: 768px) {
  .vaide-ab .pair-table {
    font-size: 0.9rem;
  }
}

/* ===============================
   Custom Language Question Styling
   Applied ONLY when class is added
   =============================== */

/* Fake radio look */
.specialquestion-lisakeel .lang-radio {
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 2px solid #9aa0b8;
  cursor: pointer;
}

/* Selected state: blue with halo */
.specialquestion-lisakeel .lang-radio.selected {
  border-color: #5076FF;
  box-shadow: 0 0 0 3px rgba(80, 118, 255, 0.2);
  background: radial-gradient(circle, #5076FF 40%, transparent 41%);
}

/* Buttons for adding/removing rows */
.specialquestion-lisakeel .lang-row-controls button {
  font-size: 0.9rem;
  border: none;
  padding: 4px 10px;
  border-radius: 3px;
  cursor: pointer;
}

.specialquestion-lisakeel .lang-row-controls .add-btn {
  background: #4CAF50;
  color: white;
  margin-right: 6px;
}

.specialquestion-lisakeel .lang-row-controls .remove-btn {
  background: #f44336;
  color: white;
}


/* BELOW CUSTOM CSS FOR HEALTH QUESTION */

/* Fake radio look */
.specialquestion-health .lang-radio {
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 2px solid #9aa0b8;
  cursor: pointer;
  margin: 5px 5px 5px 5px;
}

/* Selected state: blue with halo */
.specialquestion-health .lang-radio.selected {
  border-color: #5076FF;
  box-shadow: 0 0 0 3px rgba(80, 118, 255, 0.2);
  background: radial-gradient(circle, #5076FF 40%, transparent 41%);
}

/* Make ONLY the 6th column (the free-text "Muu põhjus") wider */
.specialquestion-health table.ls-answers tbody tr td:nth-child(7),
.specialquestion-health table.ls-answers thead tr th:nth-child(7) {
    width: 200px !important;   /* adjust as needed */
    min-width: 200px !important;
}

/* Optional: enlarge the text input itself */
.specialquestion-health table.ls-answers tbody tr td:nth-child(7) input[type="text"] {
    width: 180px !important;   /* adjust this */
    max-width: 180px !important;
}

.specificfix-25112025 .answertext.control-label {
    font-size: 80% !important;
}

/* Main panel box for the question */
.customclass-paneel {
    background-color: #fec52b;          /* panel background */
    border: 3px solid #535457;          /* outline */
    border-radius: 12px;                /* rounded corners */
    padding: 1.5rem;                    /* space inside the box */
    margin-left: 0;                     /* neutralise .row negative margins */
    margin-right: 0;
}

/* Make inner containers transparent so panel background shows through */
.customclass-paneel .question-title-container,
.customclass-paneel .question-help-container,
.customclass-paneel .answer-container {
    background: transparent;
}

/* Question text: Sora, colour #1f335d */
.customclass-paneel .question-title-container .ls-label-question {
    color: #1f335d !important;
    font-family: "Sora", Arial, sans-serif;
}

/* Help text: white, Roboto */
.customclass-paneel .question-help-container .ls-questionhelp {
    color: #2c447a !important;
    font-family: "Roboto", Arial, sans-serif;
}

/* Sub-question text (labels like "E-post", "Nimi..."): white, Roboto */
.customclass-paneel .answer-container label.control-label,
.customclass-paneel .answer-container .question-item label {
    color: #2c447a !important;
    font-family: "Roboto", Arial, sans-serif;
}

/* LEFT TEXT COLUMN = 27% */
.scale-fix-02122025 col.col-answers {
    width: 27% !important;
}

/* FIRST scale column = 13% */
.scale-fix-02122025 col:nth-child(2) {
    width: 13% !important;
}

/* LAST scale column (AO12) = 13% */
.scale-fix-02122025 col:last-child {
    width: 13% !important;
}

/* SECOND-LAST scale column (AO11) = 13% */
.scale-fix-02122025 col:nth-last-child(2) {
    width: 13% !important;
}

/* Remaining 9 middle scale columns = ~3.78% each */
.scale-fix-02122025 col:nth-child(n+3):nth-last-child(n+3) {
    width: 3.78% !important;
}

/* Force font family + size for help text, but keep bold/italic styling */
.ls-questionhelp,
.ls-questionhelp p,
.ls-questionhelp span,
.ls-questionhelp div,
.ls-questionhelp strong,
.ls-questionhelp em,
.ls-questionhelp li,
.ls-questionhelp ul,
.ls-questionhelp ol,
.ls-questionhelp a {
    font-family: "IBM Plex Sans", sans-serif !important;
    font-size: 17px !important;
    line-height: 1.4 !important;
    color: #333 !important;
}

/* Meeldetuletus - täida küsimused, aga mitte kohustuslik CSS */

.question-container.soft-reminder {
    display: none;   /* start hidden */
    background: rgba(254,197,43,0.75); 
    border: 2px solid #535457;
    border-radius: 20px;
    padding: 0.3rem 0.3rem;
    margin: auto;
    width: fit-content;
    max-width: 80%;
    text-align: center;
    font-family: 'Roboto', Arial, sans-serif;
    font-weight: normal;
    line-height: 1;
    color: #1f335d;
    box-shadow: 0 4px 12px rgba(0,0,0,0.18);
}

/* Force smaller font size inside reminder box */
.question-container.soft-reminder .question-title-container,
.question-container.soft-reminder .ls-label-question,
.question-container.soft-reminder .question-text,
.question-container.soft-reminder .ls-questionhelp,
.question-container.soft-reminder .ls-question-message {
    font-size: 14px !important;
    line-height: 1.15;
    font-weight: normal;
    padding-top: 6px;
}

/* Reduce the font size of array scale headers */
.array-smaller-text .ls-heading.ls-header th.answer-text {
    font-size: 0.85rem !important;
    line-height: 1.1em !important; /* keeps it neat */
    white-space: normal; /* allows text to wrap if needed */
}

/* FIRST visible scale column (10 - äärmiselt rahulolev) = 13% */
.scale-fix-09122025 colgroup.col-responses col:nth-child(2) {
    width: 15% !important;
}

/* SECOND-LAST scale column (0 - äärmiselt rahulolematu) = 13% */
.scale-fix-09122025 colgroup.col-responses col:nth-last-child(2) {
    width: 15% !important;
}

/* LAST scale column (Mul pole olnud ühtegi töökohta) = 13% */
.scale-fix-09122025 colgroup.col-responses col:last-child {
    width: 15% !important;
}

/* Remaining 9 middle columns = 6.78% each */
.scale-fix-09122025 colgroup.col-responses col:nth-child(n+3):nth-last-child(n+3) {
    width: 6.11% !important;
}

/* Make Y-axis (row header) labels larger and bold */
.yaxis-bigger-text th[role="rowheader"].answertext.control-label {
    font-size: 1.15rem !important;
    font-weight: bold !important;
    font-style: italic !important;
    line-height: 1.2 !important;
}

/* Reduce the font size of array scale headers by 5% */
.array-smaller-text-five .ls-heading.ls-header th.answer-text {
    font-size: 0.95rem !important;
    line-height: 1.1em !important; /* keeps it neat */
    white-space: normal; /* allows text to wrap if needed */
}

/* Reduce the font size of array scale headers by 5% */
.array-smaller-text-eight .ls-heading.ls-header th.answer-text {
    font-size: 0.92rem !important;
    line-height: 1.1em !important; /* keeps it neat */
    white-space: normal; /* allows text to wrap if needed */
}