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

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