/* ---------------- LRI Tables (used by fetch_* shortcodes) ---------------- */

.LRI_Tables{
  font-size: 16px;
  font-family: 'inter';
}

.LRI_Tables td{
  padding: 5px;
  vertical-align: middle;
}

.LRI_Tables th{
  font-size: 18px;
  padding: 5px;
  font-weight: 600;
}

/* Align Answer, Score, Trend centered */
.LRI_Tables th:nth-child(2),
.LRI_Tables th:nth-child(3),
.LRI_Tables th:nth-child(5),
.LRI_Tables td:nth-child(2),
.LRI_Tables td:nth-child(3),
.LRI_Tables td:nth-child(5){
  text-align: center;
  width: 10%;
}

/* Question + Legal Basis wider */
.LRI_Tables th:nth-child(1),
.LRI_Tables td:nth-child(1),
.LRI_Tables th:nth-child(4),
.LRI_Tables td:nth-child(4){
  width: 35%;
}

/* ---------------- Table header colors by section ID ---------------- */
/* These IDs exist because your THEAD uses: <thead id="fw"> etc */

#fw{ background:#00979c; color:#fff; }
#dwh{ background:#0c5ca0; color:#fff; }
#es{ background:#652d90; color:#fff; }
#fr{ background:#9d1f60; color:#fff; }
#maw{ background:#bb2026; color:#fff; }
#sw{ background:#e22a58; color:#fff; }
#ss{ background:#ea3b24; color:#fff; }
#ft{ background:#904f37; color:#fff; }
#cfl{ background:#fbb216; color:#fff; }
#tu{ background:#1d9566; color:#fff; }

/* ---------------- Tooltip + trend icons (HTML from *_change) ---------------- */

.lri2024tooltip{
  position: relative;
  display: inline-block;
}

.lri2024tooltip .lri2024tooltiptext{
  visibility: hidden;
  width: 200px;
  background-color: #f9f9f9;
  color: #333;
  text-align: left;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  top: -4px;
  left: 0;
  transform: translateX(-100%);
  margin-bottom: 5px;
  font-size: 15px;
  line-height: 1.16;
  padding: 5px;
  box-shadow: 0px 0px 5px #00000057;
}

.lri2024tooltip:hover .lri2024tooltiptext{
  visibility: visible;
}

/* Circular trend dot */
.circular-button{
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: inline-block;
  cursor: pointer;
}

/* Trend states used in your CSV HTML */
#no-change{
  border: 3px solid #7c7871;
  background-color: #ffffff;
}
#score-increase{ background-color:#1a992f; }
#score-decrease{ background-color:#ee0916; }
#score-adjustment{ background-color:#ffa500; }
#score-revision{ background-color:#f28191; }

/* ---------------- 2020: hide Legal Basis (col 4) + Trend (col 5) ---------------- */
.lri-year-2020 .LRI_Tables th:nth-child(4),
.lri-year-2020 .LRI_Tables td:nth-child(4),
.lri-year-2020 .LRI_Tables th:nth-child(5),
.lri-year-2020 .LRI_Tables td:nth-child(5){
  display: none !important;
}

/* 2020: after hiding cols, fix widths/alignment */
.lri-year-2020 .LRI_Tables th:nth-child(1),
.lri-year-2020 .LRI_Tables td:nth-child(1){
  width: 60% !important;
}
.lri-year-2020 .LRI_Tables th:nth-child(2),
.lri-year-2020 .LRI_Tables td:nth-child(2),
.lri-year-2020 .LRI_Tables th:nth-child(3),
.lri-year-2020 .LRI_Tables td:nth-child(3){
  width: 20% !important;
  text-align: center;
}

/* ---------------- 2022: hide Trend (col 5) only ---------------- */
.lri-year-2022 .LRI_Tables th:nth-child(5),
.lri-year-2022 .LRI_Tables td:nth-child(5){
  display: none !important;
}

/* 2022: adjust widths a bit (optional) */
.lri-year-2022 .LRI_Tables th:nth-child(4),
.lri-year-2022 .LRI_Tables td:nth-child(4){
  width: 45% !important;
}