* {
    font-family: "Roboto", sans-serif;
}
body {
    background: linear-gradient(180deg, #ffffff 0%, #f5f5f5 50%, #eeeeee 100%);
}
/* ===============================
   LISTS – FIX BULLETS IN RTL
   =============================== */

/* Ensure bullets are visible and nicely spaced in LTR */
.uk-list-bullet {
  padding-inline-start: 1.25rem;
}

/* Move bullets/logical padding to the right side in RTL */
html[dir="rtl"] .uk-list-bullet {
  padding-inline-start: 0;
  padding-inline-end: 1.25rem;
}

/* In RTL, keep bullets outside but respect RTL reading direction */
html[dir="rtl"] .uk-list-bullet li {
  list-style-position: outside;
  direction: rtl;
}

/* In case UIkit / Franken override list-style, force a disc bullet */
.uk-list-bullet li {
  list-style-type: disc;
}

/* ===============================
   EXERCISE CHECKBOX CARDS – VISUAL UPGRADE
   (No HTML changes required)
   =============================== */

/* Target labels that contain an exercise checkbox.
   We rely only on existing classes/attributes:
   <label class="uk-card uk-card-default uk-card-body ...">
       <input type="checkbox" class="uk-checkbox" data-exercise="...">
       ...
   </label>
*/
.uk-card.uk-card-default.uk-card-body:has(input.uk-checkbox[data-exercise]) {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  cursor: pointer;
  border-radius: 0.5rem;
  border: 1px solid rgba(15, 23, 42, 0.08);
  transition:
    background-color 0.15s ease,
    border-color 0.15s ease,
    box-shadow 0.15s ease,
    transform 0.05s ease;
}

/* In RTL, keep same structure but flip the order so checkbox stays on the right */
html[dir="rtl"] .uk-card.uk-card-default.uk-card-body:has(input.uk-checkbox[data-exercise]) {
  flex-direction: row-reverse;
}

/* Make the text block inside the card more compact and column‑oriented */
.uk-card.uk-card-default.uk-card-body:has(input.uk-checkbox[data-exercise]) > :not(input.uk-checkbox) {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}

/* Hover / active feedback */
.uk-card.uk-card-default.uk-card-body:has(input.uk-checkbox[data-exercise]):hover {
  background-color: rgba(37, 99, 235, 0.03);
  border-color: rgba(37, 99, 235, 0.35);
  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.08);
}

/* Checkbox sizing / alignment */
.uk-card.uk-card-default.uk-card-body:has(input.uk-checkbox[data-exercise]) input.uk-checkbox {
  margin-top: 0.2rem;
  width: 1.1rem;
  height: 1.1rem;
}

/* Title: first text line inside the label (bold) */
.uk-card.uk-card-default.uk-card-body:has(input.uk-checkbox[data-exercise]) > :not(input.uk-checkbox) > :first-child {
  font-weight: 600;
}

/* Description: second line – slightly smaller and muted */
.uk-card.uk-card-default.uk-card-body:has(input.uk-checkbox[data-exercise]) > :not(input.uk-checkbox) > :nth-child(2) {
  font-size: 0.8rem;
  color: rgba(15, 23, 42, 0.7);
}

/* Checked state: strike-through the title and add a colored border on the text block */
.uk-card.uk-card-default.uk-card-body:has(input.uk-checkbox[data-exercise]:checked) > :not(input.uk-checkbox) > :first-child {
  text-decoration: line-through;
  opacity: 0.8;
}

/* Left (or right in RTL) accent border when checked */
.uk-card.uk-card-default.uk-card-body:has(input.uk-checkbox[data-exercise]:checked) > :not(input.uk-checkbox) {
  border-inline-start: 3px solid #16a34a;
  padding-inline-start: 0.4rem;
}

html[dir="rtl"] .uk-card.uk-card-default.uk-card-body:has(input.uk-checkbox[data-exercise]:checked) > :not(input.uk-checkbox) {
  border-inline-start: 0;
  border-inline-end: 3px solid #16a34a;
  padding-inline-start: 0;
  padding-inline-end: 0.4rem;
}

/* Keyboard focus: if the checkbox is focused, highlight the whole card */
.uk-card.uk-card-default.uk-card-body:has(input.uk-checkbox[data-exercise]:focus-visible) {
  outline: 2px solid #2563eb;
  outline-offset: 2px;
}

li::before{
    display: none
}